/* ITPlugg v20.84 – sammanslagen stilmall.
   Samma filer i samma ordning som tidigare, en enda begäran i stället för 65. */

/* ===== qa-runtime-20.54.css ===== */
/* ITPlugg v20.54 – diskret QA- och återställningsgränssnitt */
.itplugg-qa-panel{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;background:rgba(2,11,20,.78);backdrop-filter:blur(8px)}
.itplugg-qa-panel[hidden]{display:none!important}.itplugg-qa-card{width:min(760px,100%);max-height:min(760px,92vh);overflow:auto;border:1px solid rgb(var(--accent-rgb)/.35);border-radius:20px;padding:20px;background:var(--bg,#0b1f33);box-shadow:0 28px 90px rgba(0,0,0,.45)}
.itplugg-qa-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:0}.itplugg-qa-card header small{font:11px var(--m,monospace);color:var(--teal,#33d6c0)}.itplugg-qa-card h2{margin:4px 0}.itplugg-qa-card header button{border:1px solid var(--line,#1e3a57);background:transparent;color:var(--txt,#e9f1f5);border-radius:10px;width:38px;height:38px;font-size:22px;cursor:pointer}
.itplugg-qa-card pre{max-height:430px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border:1px solid var(--line,#1e3a57);border-radius:12px;background:#07192a;color:#d9eaf3;font:12px/1.55 var(--m,monospace)}.itplugg-qa-actions{display:flex;flex-wrap:wrap;gap:8px}.itplugg-qa-actions button,.itplugg-qa-recovery button{border:1px solid var(--line,#1e3a57);background:var(--bg2,#122c46);color:var(--txt,#e9f1f5);border-radius:10px;padding:9px 12px;font:600 13px var(--f,system-ui);cursor:pointer}.itplugg-qa-actions button:hover,.itplugg-qa-recovery button:hover{border-color:var(--teal,#33d6c0)}
.itplugg-qa-recovery{position:fixed;left:16px;right:16px;bottom:16px;z-index:2147482999;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:980px;margin:auto;padding:13px 15px;border:1px solid rgba(242,178,51,.55);border-radius:15px;background:#10263b;color:#e9f1f5;box-shadow:0 18px 55px rgba(0,0,0,.38)}.itplugg-qa-recovery>div:first-child{display:grid;gap:2px}.itplugg-qa-recovery span{color:#a9bfce;font-size:12px}.itplugg-qa-recovery>div:last-child{display:flex;flex-wrap:wrap;gap:7px}
body.itplugg-qa-open{overflow:hidden}@media(max-width:720px){.itplugg-qa-recovery{align-items:stretch;flex-direction:column}.itplugg-qa-recovery>div:last-child{display:grid;grid-template-columns:1fr}.itplugg-qa-recovery button{width:100%}.itplugg-qa-card{padding:16px}}


/* ===== styles-20.54.css ===== */
/* SOURCE: assets/course-modules.css */
/* ITPlugg course modules */
/* ===== v19.4: Programmering 1 som interaktiv webbkurs ===== */
.programming-course-hub{margin:0 0 18px;border:1px solid rgb(var(--accent-rgb) / .32);border-radius:18px;background:linear-gradient(145deg,var(--bg2),rgb(var(--accent-rgb) / .055));overflow:hidden}
.prog-course-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px;border-bottom:1px solid var(--line)}
.prog-course-head h3{margin:3px 0 5px;font-size:21px}.prog-course-head p{margin:0;color:var(--mut);max-width:68ch}.prog-course-count{font:11px var(--m);color:var(--teal);white-space:nowrap;border:1px solid var(--teal-d);border-radius:999px;padding:6px 10px}
.prog-moment-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 18px;border-bottom:1px solid var(--line)}
.prog-moment-btn{border:1px solid var(--line);background:var(--bg);color:var(--txt);border-radius:11px;padding:10px;text-align:left;cursor:pointer;font:inherit}.prog-moment-btn:hover{border-color:var(--teal-d)}.prog-moment-btn[data-on="1"]{border-color:var(--teal);background:rgb(var(--accent-rgb) / .09)}.prog-moment-btn span{display:block;font:10px var(--m);color:var(--teal);margin-bottom:3px}.prog-moment-btn b{font-size:12.5px;line-height:1.3}
.prog-moment-summary{padding:15px 18px 5px}.prog-moment-summary h3{margin:0 0 5px}.prog-moment-summary p{margin:0;color:var(--mut);font-size:13.5px}.prog-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.prog-goal{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:9px 10px;font-size:12.5px}.prog-goal i{font-style:normal;color:var(--teal)}
.prog-lesson-list{display:grid;gap:10px;padding:12px 18px 18px}.prog-lesson{margin:0;padding:0;border-radius:13px;overflow:hidden}.prog-lesson summary{padding:14px 15px;display:flex;justify-content:space-between;gap:12px;align-items:center}.prog-lesson summary:before{display:none}.prog-lesson-title small{display:block;color:var(--mut);font-weight:400;font-size:11.5px;margin-top:3px}.prog-lesson-state{font:10px var(--m);color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:4px 7px;white-space:nowrap}.prog-lesson[data-done="1"] .prog-lesson-state{color:var(--teal);border-color:var(--teal-d)}
.prog-lesson-body{padding:0 15px 15px;border-top:1px solid var(--line)}.prog-lesson-intro{font-size:14.5px}.prog-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.prog-key{border:1px solid var(--line);border-radius:9px;padding:9px 10px;font-size:12.5px;background:rgba(255,255,255,.015)}
.prog-code-shell{margin:13px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#071522}.light .prog-code-shell{background:#eaf0f5}.prog-code-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);font:11px var(--m);color:var(--mut)}.prog-copy{padding:5px 8px;font-size:11px}.prog-code{margin:0;padding:13px;white-space:pre-wrap;overflow:auto;font:13px/1.55 var(--m);color:var(--txt)}
.prog-walkthrough{counter-reset:walk;display:grid;gap:7px;margin:12px 0}.prog-walkthrough div{counter-increment:walk;display:flex;gap:9px;font-size:13px}.prog-walkthrough div:before{content:counter(walk);width:21px;height:21px;flex:0 0 auto;border-radius:7px;background:rgb(var(--accent-rgb) / .12);color:var(--teal);display:grid;place-items:center;font:10px var(--m)}
.prog-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.prog-note{border-radius:10px;padding:10px 11px;font-size:13px}.prog-note.mistake{border:1px solid rgba(242,178,51,.38);background:rgba(242,178,51,.07)}.prog-note.task{border:1px solid rgb(var(--accent-rgb) / .34);background:rgb(var(--accent-rgb) / .06)}.prog-note b{display:block;margin-bottom:3px}
.prog-lesson-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.prog-overview-card{margin-top:14px;padding:14px;border:1px solid rgb(var(--accent-rgb) / .3);border-radius:14px;background:rgb(var(--accent-rgb) / .055)}.prog-overview-card h3{margin:0 0 4px}.prog-overview-card p{margin:0 0 10px;color:var(--mut);font-size:13px}.prog-overview-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:760px){.prog-course-head{display:block}.prog-course-count{display:inline-block;margin-top:10px}.prog-moment-tabs{grid-template-columns:1fr 1fr}.prog-goals,.prog-key-grid,.prog-note-grid{grid-template-columns:1fr}}
@media(max-width:430px){.prog-moment-tabs{grid-template-columns:1fr}.prog-lesson-list,.prog-moment-tabs,.prog-moment-summary{padding-left:12px;padding-right:12px}.prog-course-head{padding:15px 12px}.prog-lesson summary{align-items:flex-start}.prog-lesson-state{font-size:9px}}

.dkt-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.dkt-level-box{border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(255,255,255,.025)}.dkt-level-box h4{margin:0 0 8px;font-size:13px}.dkt-level-box.level3{border-color:rgba(242,178,51,.42);background:rgba(242,178,51,.055)}.dkt-level-box ul{margin:0;padding-left:18px;color:var(--mut);font-size:13px}.dkt-level-box li+li{margin-top:5px}.dkt-example{margin:12px 0;padding:12px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:0 10px 10px 0;background:rgb(var(--accent-rgb) / .055);font-size:13.5px}.dkt-example b{display:block;margin-bottom:4px}.dkt-block-label{font:10px var(--m);letter-spacing:.1em;color:var(--amber);text-transform:uppercase}
@media(max-width:760px){.dkt-level-grid{grid-template-columns:1fr}}

/* ===== v19.54: Nätverksadministration som interaktiv webbkurs ===== */
.nate-goal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:11px 0 0;padding:0;list-style:none}.nate-goal-list li{border:1px solid var(--line);border-radius:10px;padding:9px 10px;font-size:12.5px;color:var(--mut);background:rgba(255,255,255,.015)}
@media(max-width:760px){.nate-goal-list{grid-template-columns:1fr}}


/* SOURCE: assets/itplugg-v19.23.css */
/* ITPlugg v19.23 */
.v196-update-banner{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:250;width:min(720px,calc(100% - 28px));display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--teal);border-radius:15px;background:var(--bg2);box-shadow:0 18px 60px rgba(0,0,0,.45)}
.v196-update-banner[hidden]{display:none}.v196-update-banner b{display:block}.v196-update-banner span{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}
.v196-inline-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.v196-backup-status{font-size:10.5px;color:var(--mut);line-height:1.35;padding:5px 1px}.v196-admin-backup{margin-top:13px;padding-top:12px;border-top:1px dashed var(--line)}.v196-admin-backup h4{margin:0 0 5px}.v196-admin-backup p{margin:0 0 9px;color:var(--mut);font-size:12px}
.v196-next-step{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 14px;padding:15px 16px;border:1px solid rgba(242,178,51,.5);border-radius:15px;background:linear-gradient(135deg,rgba(242,178,51,.09),var(--bg2))}.v196-next-step h3{margin:3px 0 3px}.v196-next-step p{margin:0;color:var(--mut);font-size:13px}.v196-next-label{font:10px var(--m);letter-spacing:.11em;text-transform:uppercase;color:var(--amber)}.v196-next-step .btn{flex:none}
.v196-question-editor{margin-top:12px}.v196-question-editor>input[type=search]{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--txt);font:inherit}.v196-editor-results{display:grid;gap:6px;max-height:260px;overflow:auto;margin:9px 0}.v196-editor-results button{width:100%;text-align:left;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:var(--bg2);color:var(--txt);cursor:pointer}.v196-editor-results button:hover{border-color:var(--teal-d)}.v196-editor-results b{display:block;font-size:12.5px}.v196-editor-results span{display:block;color:var(--mut);font:10px var(--m);margin-top:3px}.v196-question-editor form{border-top:1px dashed var(--line);padding-top:12px}.v196-question-editor form label{display:block;margin:8px 0;color:var(--mut);font-size:12px}.v196-question-editor textarea,.v196-question-editor select,.v196-question-editor input[type=number]{width:100%;margin-top:4px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--txt);font:inherit}.v196-question-editor textarea{min-height:78px;resize:vertical}.v196-editor-meta{font:10px var(--m);color:var(--teal);overflow-wrap:anywhere}
@media(max-width:650px){.v196-update-banner,.v196-next-step{align-items:stretch;flex-direction:column}.v196-update-banner .v196-inline-actions,.v196-next-step .btn{width:100%}.v196-update-banner .btn{flex:1}.v196-next-step .btn{display:block}.v196-inline-actions .btn{flex:1 1 145px}}


/* ITPlugg v19.7 – fokuspass, kunskapskarta och veckoplan */
.v197-focus-planner{margin:18px 0 20px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--bg2),color-mix(in srgb,var(--teal) 6%,var(--bg2)))}
.v197-focus-head,.v197-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.v197-focus-head h2,.v197-section-head h3{margin:3px 0 5px}.v197-focus-head p,.v197-section-head p{margin:0;color:var(--mut);font-size:13px;line-height:1.5}.v197-focus-controls{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.v197-focus-controls label{font-size:11px;color:var(--mut)}.v197-focus-controls select{display:block;margin-top:4px;max-width:260px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--txt);font:inherit}.v197-time-picks{display:flex;gap:5px}.v197-time-picks button{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:var(--bg);color:var(--mut);cursor:pointer}.v197-time-picks button[data-on="1"]{border-color:var(--teal);color:var(--teal);background:rgb(var(--accent-rgb) / .08)}
.v197-focus-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:14px}.v197-focus-step{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--txt);cursor:pointer}.v197-focus-step:hover{border-color:var(--teal-d);transform:translateY(-1px)}.v197-focus-step b,.v197-focus-step small{display:block}.v197-focus-step small{margin-top:3px;color:var(--mut);font-size:11.5px;line-height:1.4}.v197-focus-step em{font:10px var(--m);font-style:normal;color:var(--amber);white-space:nowrap}.v197-focus-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgb(var(--accent-rgb) / .08);color:var(--teal);font-size:17px}.v197-focus-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--mut)}
.v197-mastery-map,.v197-weekly-plan{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--bg2)}.v197-section-head>span{font:10px var(--m);color:var(--mut);border:1px solid var(--line);border-radius:99px;padding:5px 8px}.v197-mastery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin-top:12px}.v197-mastery-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;text-align:left;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);cursor:pointer}.v197-mastery-card:hover{border-color:var(--teal-d)}.v197-mastery-card b,.v197-mastery-card small{display:block}.v197-mastery-card small{color:var(--mut);font-size:10.5px;margin-top:3px}.v197-mastery-card em{position:absolute;right:8px;bottom:6px;font:9px var(--m);font-style:normal;color:var(--amber)}.v197-mastery-card[data-state="mastered"]{border-color:rgb(var(--accent-rgb) / .35)}.v197-mastery-card[data-state="train"]{border-color:rgba(242,114,111,.28)}.v197-score-ring{--score:0;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--teal) calc(var(--score)*1%),var(--line) 0);position:relative;font-weight:800;font-size:12px}.v197-score-ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--bg)}.v197-score-ring>* ,.v197-score-ring{isolation:isolate}.v197-score-ring i{font-size:8px;font-style:normal}.v197-score-ring{color:var(--txt)}.v197-score-ring::after{content:attr(data-score);}.v197-score-ring{grid-auto-flow:column}.v197-score-ring{font-variant-numeric:tabular-nums}.v197-score-ring{z-index:0}.v197-score-ring i,.v197-score-ring{position:relative}.v197-map-note{margin:10px 0 0;color:var(--mut);font-size:11.5px;line-height:1.5}
.v197-week-grid{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:7px;margin-top:12px;overflow-x:auto;padding-bottom:3px}.v197-week-grid article{min-width:105px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.v197-week-grid article[data-today="1"]{border-color:var(--amber);background:rgba(242,178,51,.06)}.v197-week-grid span,.v197-week-grid b,.v197-week-grid small{display:block}.v197-week-grid span{font:9px var(--m);text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}.v197-week-grid b{font-size:11.5px;margin-top:6px;line-height:1.35}.v197-week-grid small{font-size:9.5px;color:var(--mut);margin-top:4px}.v197-week-grid .btn{margin-top:8px;width:100%;padding:7px 6px;font-size:10px}
@media(max-width:760px){.v197-focus-head,.v197-section-head,.v197-focus-footer{flex-direction:column;align-items:stretch}.v197-focus-controls{align-items:stretch}.v197-focus-controls label,.v197-focus-controls select{width:100%;max-width:none}.v197-time-picks button{flex:1}.v197-focus-footer .btn{width:100%}.v197-mastery-grid{grid-template-columns:1fr}.v197-week-grid{grid-template-columns:repeat(7,130px)}}


/* ITPlugg v19.9 – kodverkstad */
.v198-code-studio{margin:16px 18px 18px;border:1px solid rgba(95,160,255,.34);border-radius:16px;background:linear-gradient(145deg,var(--bg2),rgba(95,160,255,.055));overflow:hidden}
.v198-code-studio>details>summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 17px;cursor:pointer;list-style:none}.v198-code-studio>details>summary::-webkit-details-marker{display:none}.v198-code-studio>details>summary:before{display:none}.v198-code-studio>details>summary h3{margin:3px 0 4px}.v198-code-studio>details>summary p{margin:0;color:var(--mut);font-size:12.5px;max-width:75ch;line-height:1.5}.v198-code-studio>details>summary strong{font:10px var(--m);white-space:nowrap;color:var(--teal);border:1px solid var(--teal-d);border-radius:99px;padding:6px 9px}
.v198-studio-body{padding:0 17px 17px;border-top:1px solid var(--line)}.v198-code-filters{display:flex;gap:6px;overflow-x:auto;padding:12px 0}.v198-code-filters button{white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:7px 10px;background:var(--bg);color:var(--mut);cursor:pointer}.v198-code-filters button[data-on="1"]{border-color:var(--teal);color:var(--teal);background:rgb(var(--accent-rgb) / .07)}
.v198-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:8px}.v198-code-card{position:relative;min-height:126px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);cursor:pointer}.v198-code-card:hover{border-color:var(--teal-d);transform:translateY(-1px)}.v198-code-card[data-done="1"]{border-color:rgb(var(--accent-rgb) / .4);background:rgb(var(--accent-rgb) / .035)}.v198-code-card span,.v198-code-card b,.v198-code-card small,.v198-code-card em{display:block}.v198-code-card span{font:9px var(--m);color:var(--teal);text-transform:uppercase;letter-spacing:.07em}.v198-code-card b{margin-top:7px;font-size:13px;line-height:1.35}.v198-code-card small{margin-top:5px;color:var(--mut);font-size:10.5px}.v198-code-card em{position:absolute;left:12px;bottom:10px;font:9px var(--m);font-style:normal;color:var(--amber)}
.v198-code-runner{margin-top:12px;padding:14px;border:1px solid var(--teal-d);border-radius:13px;background:var(--bg)}.v198-runner-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.v198-runner-head span{font:9px var(--m);color:var(--teal);text-transform:uppercase}.v198-runner-head h4{margin:4px 0 0;font-size:17px}.v198-code-runner>p{color:var(--mut);font-size:13px}.v198-code-block{overflow:auto;margin:11px 0;padding:13px;border:1px solid var(--line);border-radius:10px;background:#071522;color:#eef6ff;font:13px/1.55 var(--m);white-space:pre}.light .v198-code-block{background:#eaf0f5;color:#10243a}
.v198-code-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v198-code-options button{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--bg2);color:var(--txt);cursor:pointer}.v198-code-options button span{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:7px;background:rgb(var(--accent-rgb) / .08);font:10px var(--m);color:var(--teal)}.v198-code-options button.ok{border-color:var(--teal);background:rgb(var(--accent-rgb) / .08)}.v198-code-options button.bad{border-color:var(--rose);background:rgba(242,114,111,.08)}
.v198-code-input{display:block;color:var(--mut);font-size:11px}.v198-code-input input{display:block;width:100%;max-width:460px;margin:5px 0 9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--txt);font:13px var(--m)}.v198-code-feedback{margin-top:11px}.v198-code-feedback.ok,.v198-code-feedback.bad{padding:11px 12px;border-radius:10px}.v198-code-feedback.ok{border:1px solid rgb(var(--accent-rgb) / .45);background:rgb(var(--accent-rgb) / .07)}.v198-code-feedback.bad{border:1px solid rgba(242,114,111,.42);background:rgba(242,114,111,.07)}.v198-code-feedback p{margin:4px 0 9px;font-size:12.5px;color:var(--mut)}
.v198-order-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v198-order-columns h5{margin:0 0 6px}.v198-order-pool{display:grid;gap:5px}.v198-order-pool button,.v198-order-answer button{width:100%;text-align:left;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--bg2);color:var(--txt);cursor:pointer}.v198-order-pool code,.v198-order-answer code{white-space:pre-wrap;font:11px/1.4 var(--m)}.v198-order-answer{min-height:120px;margin:0;padding:9px 9px 9px 31px;border:1px dashed var(--line);border-radius:9px}.v198-order-answer li+li{margin-top:5px}.v198-order-answer li.empty{color:var(--mut);font-size:11px}.v198-order-answer button{display:flex;justify-content:space-between;gap:8px}.v198-order-answer button span{color:var(--rose)}.v198-code-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}

/* ITPlugg v19.9 – klassrum/projektor */
.v198-projector-bar{position:fixed;z-index:500;left:12px;right:12px;top:10px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 12px;border:1px solid var(--teal);border-radius:13px;background:rgba(7,21,34,.96);color:#eef6ff;box-shadow:0 10px 40px rgba(0,0,0,.45);backdrop-filter:blur(12px)}.v198-projector-bar[hidden]{display:none}.v198-projector-bar b,.v198-projector-bar span{display:block}.v198-projector-bar span{font-size:10.5px;color:#a9bdcc;margin-top:2px}.v198-projector-actions{display:flex;gap:6px}.v198-projector-actions .btn{padding:7px 10px}
body.v198-projector{font-size:calc(1rem * var(--v198-projector-scale,1))}body.v198-projector .site-header,body.v198-projector .portal-topbar,body.v198-projector .course-toggle-row,body.v198-projector .courses,body.v198-projector .allrow,body.v198-projector #courseOverviewHub,body.v198-projector #portalShell>nav,body.v198-projector .version-footer{display:none!important}body.v198-projector .wrap{max-width:1400px;padding-top:72px}body.v198-projector #portalShell{display:block!important}body.v198-projector #pQuiz{max-width:1280px;margin:0 auto}body.v198-projector #quizRun .qcard{padding:clamp(18px,3vw,42px)}body.v198-projector #quizRun .qtext{font-size:calc(clamp(25px,3.6vw,46px) * var(--v198-projector-scale,1));line-height:1.25}body.v198-projector #quizRun .opt{font-size:calc(clamp(17px,2vw,25px) * var(--v198-projector-scale,1));min-height:76px}body.v198-projector #quizRun .fb{font-size:calc(1rem * var(--v198-projector-scale,1))}body.v198-projector #quizRun .clean-hint,body.v198-projector #quizRun .quiz-integrity-note{display:none}body.v198-projector #quizStart{max-width:1000px;margin:auto}
.v198-classroom-card{margin-top:12px}.v198-classroom-grid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:9px;margin:10px 0}.v198-classroom-grid label{font-size:11px;color:var(--mut)}.v198-classroom-grid select{display:block;width:100%;margin-top:4px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--txt)}

/* ITPlugg v19.9 – täckningsmatris */
.v198-coverage-matrix{margin-top:13px;padding-top:12px;border-top:1px dashed var(--line)}.v198-coverage-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.v198-coverage-head h4{margin:0 0 4px}.v198-coverage-head p{margin:0;color:var(--mut);font-size:11.5px;line-height:1.45}.v198-coverage-matrix>details{margin-top:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);overflow:hidden}.v198-coverage-matrix>details>summary{display:flex;justify-content:space-between;gap:10px;padding:10px;cursor:pointer}.v198-coverage-matrix>details>summary span{font:9px var(--m);color:var(--mut);text-align:right}.v198-coverage-table{padding:0 9px 9px}.v198-coverage-table .head,.v198-coverage-table .row{display:grid;grid-template-columns:minmax(140px,2fr) repeat(3,minmax(55px,.55fr)) minmax(125px,1.4fr);gap:5px;align-items:center;padding:7px;border-top:1px solid var(--line);font-size:10.5px}.v198-coverage-table .head{font:9px var(--m);color:var(--mut);text-transform:uppercase}.v198-coverage-table .row span{text-align:center}.v198-coverage-table .row em{font-style:normal;color:var(--teal)}.v198-coverage-table .row[data-warning="1"] em{color:var(--amber)}
@media(max-width:760px){.v198-code-studio{margin-left:12px;margin-right:12px}.v198-code-studio>details>summary,.v198-runner-head,.v198-projector-bar,.v198-coverage-head{align-items:stretch;flex-direction:column}.v198-code-options,.v198-order-columns,.v198-classroom-grid{grid-template-columns:1fr}.v198-projector-bar{left:7px;right:7px;top:6px}.v198-projector-actions{display:grid;grid-template-columns:repeat(4,1fr)}body.v198-projector .wrap{padding-top:120px}.v198-coverage-table{overflow-x:auto}.v198-coverage-table .head,.v198-coverage-table .row{min-width:610px}}

/* ===== ITPlugg v19.9 – provbyggare, kursverktyg och tillgänglighet ===== */
.v199-skip-link{position:fixed;left:12px;top:10px;z-index:10050;transform:translateY(-160%);background:var(--amber);color:#211702;border-radius:9px;padding:10px 14px;font-weight:800;text-decoration:none;transition:transform .18s}.v199-skip-link:focus{transform:translateY(0)}
.v199-suite{margin-top:12px}.v199-suite h3,.v199-suite h4{margin-top:0}.v199-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.v199-tabs button[aria-selected="true"]{background:var(--teal);color:#062028;border-color:var(--teal)}
.v199-tool-pane[hidden]{display:none}.v199-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.v199-form-grid .full{grid-column:1/-1}.v199-form-grid label{display:grid;gap:5px;font-size:12px;color:var(--mut)}.v199-form-grid input,.v199-form-grid select,.v199-form-grid textarea{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:9px;color:var(--txt);padding:9px 10px;font:inherit}.v199-form-grid textarea{min-height:96px;resize:vertical}.v199-check-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.v199-check-row label{display:flex!important;align-items:center;gap:6px;color:var(--txt)!important;border:1px solid var(--line);border-radius:999px;padding:7px 10px}.v199-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.v199-preview{margin-top:12px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:rgb(var(--accent-rgb) / .045)}.v199-preview strong{display:block}.v199-preview .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.v199-preview .tags span{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:3px 7px;color:var(--mut)}
.v199-history{display:grid;gap:7px;margin-top:10px}.v199-history-row{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}.v199-history-row small{display:block;color:var(--mut)}
.v199-validation{margin-top:10px;display:grid;gap:6px}.v199-validation-row{display:flex;gap:8px;align-items:flex-start;padding:7px 9px;border-radius:8px;background:var(--bg2);font-size:12px}.v199-validation-row.ok b{color:var(--teal)}.v199-validation-row.warn b{color:var(--amber)}.v199-validation-row.bad b{color:var(--rose)}
.v199-editor-list{display:grid;gap:6px;max-height:260px;overflow:auto;margin:10px 0}.v199-editor-list button{text-align:left;background:var(--bg2);color:var(--txt);border:1px solid var(--line);border-radius:9px;padding:9px 10px}.v199-editor-list button:hover,.v199-editor-list button[aria-current="true"]{border-color:var(--teal)}.v199-editor-list span{display:block;color:var(--mut);font-size:11px;margin-top:2px}
.v199-exam-overlay{position:fixed;inset:0;z-index:10020;background:rgba(3,12,21,.94);display:grid;place-items:center;padding:16px}.v199-exam-overlay[hidden]{display:none!important}.v199-exam-shell{width:min(920px,100%);min-width:0;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;background:var(--bg);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 90px rgba(0,0,0,.45)}.v199-exam-head{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.v199-exam-head h2{font-size:18px}.v199-exam-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--mut);font:12px var(--m)}.v199-exam-body{min-width:0;padding:18px}.v199-exam-progress{height:6px;border-radius:999px;background:var(--bg2);overflow:hidden;margin-bottom:17px}.v199-exam-progress i{display:block;height:100%;background:var(--teal)}.v199-exam-question{min-width:0;border:1px solid var(--line);border-radius:15px;padding:18px;background:var(--bg2)}.v199-exam-question h3{font-size:19px;margin:0 0 15px;overflow-wrap:anywhere}.v199-exam-choice{display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0;padding:11px 12px;margin:8px 0;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--txt);text-align:left;overflow-wrap:anywhere}.v199-exam-choice:has(input:checked){border-color:var(--teal);background:rgb(var(--accent-rgb) / .08)}.v199-exam-choice input{margin-top:4px}.v199-exam-text{box-sizing:border-box;width:100%;min-height:110px;background:#081726;color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:11px;font:inherit}.v199-exam-nav{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:15px}.v199-number-nav{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.v199-number-nav button{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--mut)}.v199-number-nav button[data-current="1"]{border-color:var(--teal);color:var(--teal)}.v199-number-nav button[data-answered="1"]{background:rgb(var(--accent-rgb) / .12)}
.v199-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.v199-result-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg2)}.v199-result-card b{font-size:24px;display:block}.v199-result-card small{color:var(--mut)}.v199-breakdown{display:grid;gap:7px;margin:12px 0}.v199-breakdown-row{display:grid;grid-template-columns:minmax(120px,1fr) 2fr auto;gap:9px;align-items:center}.v199-breakdown-row i{height:7px;background:var(--teal);border-radius:99px;display:block}.v199-breakdown-row .track{height:7px;background:var(--bg2);border-radius:99px;overflow:hidden}.v199-review{display:grid;gap:9px;margin-top:14px}.v199-review details{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--bg2)}.v199-review details[data-ok="0"]{border-color:rgba(242,114,111,.55)}.v199-review summary{cursor:pointer;font-weight:700}.v199-review p{margin:7px 0;color:var(--mut)}
.v199-a11y-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.v199-a11y-summary div{border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--bg2)}
.v199-exam-overlay button,.v199-suite button,.v199-suite input,.v199-suite select{min-height:42px}
@media(max-width:700px){.v199-form-grid,.v199-result-grid,.v199-a11y-summary{grid-template-columns:1fr}.v199-history-row{grid-template-columns:1fr}.v199-exam-overlay{padding:0}.v199-exam-shell{max-height:100vh;border-radius:0;border-left:0;border-right:0}.v199-exam-body{padding:13px}.v199-exam-head{align-items:flex-start}.v199-breakdown-row{grid-template-columns:1fr auto}.v199-breakdown-row .track{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.v199-skip-link{transition:none}.v199-exam-progress i{transition:none}}
@media print{.v199-exam-overlay,.v199-suite{display:none!important}}

/* ===== ITPlugg v19.23 – återupptagbara prov och säkra dialogflöden ===== */
.v199-exam-loading{min-height:180px;display:grid;place-items:center;color:var(--mut);font-weight:700}
.v199-exam-error{border:1px solid rgba(242,114,111,.55);background:rgba(242,114,111,.07);border-radius:14px;padding:18px;line-height:1.55}.v199-exam-error>b{display:block;font-size:17px;color:#ffc9c7}.v199-exam-error p{margin:7px 0 12px}.v199-exam-error details{margin:10px 0;color:var(--mut)}.v199-exam-error code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:7px;padding:9px;background:var(--bg2);border-radius:8px}
.v1912-exam-resume{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:13px 14px;border:1px solid rgba(242,178,51,.45);border-radius:12px;background:rgba(242,178,51,.07)}.v1912-exam-resume[hidden]{display:none!important}.v1912-exam-resume strong,.v1912-exam-resume span,.v1912-exam-resume small{display:block}.v1912-exam-resume span{margin-top:3px}.v1912-exam-resume small{margin-top:4px;color:var(--mut)}.v1912-exam-resume .v199-actions{margin-top:0;flex:none}
.v1912-exam-resume[data-state="recovered"]{border-color:rgba(239,107,107,.5);background:rgba(239,107,107,.08)}
.v1912-exam-confirm{position:fixed;inset:0;z-index:10030;display:grid;place-items:center;padding:18px;background:rgba(3,12,21,.82)}.v1912-exam-confirm-card{width:min(520px,100%);padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--bg);box-shadow:0 18px 60px rgba(0,0,0,.45)}.v1912-exam-confirm-card h3{margin:0 0 8px}.v1912-exam-confirm-card p{margin:0;color:var(--mut);line-height:1.55}.v1912-exam-confirm-card .danger{border-color:rgba(242,114,111,.65);color:#ffc9c7}

body.v1910-clean-home .repeat-path,body.v1910-clean-home .hero-visual,body.v1910-clean-home .hero-trust{display:none!important}
body.v1910-clean-home .home-hero{grid-template-columns:1fr;min-height:auto;padding:clamp(22px,4vw,38px)}
body.v1910-clean-home .home-hero-copy{max-width:760px}
.v1910-focus-toggle{white-space:nowrap;align-self:flex-start}
.v197-focus-planner[data-open="0"] .v197-focus-list .v197-focus-step:nth-child(n+2),.v197-focus-planner[data-open="0"] .v197-focus-footer{display:none}
.v197-focus-planner[data-open="0"] .v197-focus-list{grid-template-columns:minmax(0,1fr);max-width:680px}

.v1910-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.v1910-section-head h3{margin:2px 0 4px}.v1910-section-head p{margin:0;color:var(--mut);font-size:12.5px;line-height:1.5}.v1910-section-head>span{font:10px var(--m);color:var(--mut);border:1px solid var(--line);padding:5px 8px;border-radius:999px;white-space:nowrap}
.v1910-prereq-path{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--bg2)}.v1910-path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:7px;margin-top:12px}.v1910-path-grid button{display:flex;gap:9px;align-items:flex-start;text-align:left;min-height:76px;border:1px solid var(--line);border-radius:11px;padding:10px;background:var(--bg);color:var(--txt);cursor:pointer}.v1910-path-grid button:hover{border-color:var(--teal-d)}.v1910-path-grid button i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(143,169,190,.12);color:var(--mut);font:800 10px var(--m);font-style:normal;flex:none}.v1910-path-grid b,.v1910-path-grid small{display:block}.v1910-path-grid b{font-size:12.5px;line-height:1.35}.v1910-path-grid small{font-size:10.5px;color:var(--mut);margin-top:4px}.v1910-path-grid button[data-state="done"]{border-color:rgb(var(--accent-rgb) / .4)}.v1910-path-grid button[data-state="done"] i{background:rgb(var(--accent-rgb) / .14);color:var(--teal)}.v1910-path-grid button[data-state="current"]{border-color:var(--amber);background:rgba(242,178,51,.055)}.v1910-path-grid button[data-state="current"] i{background:rgba(242,178,51,.15);color:var(--amber)}.v1910-path-grid button[data-state="recommended"]{border-style:dashed;opacity:.78}.v1910-path-notice{margin-top:10px;border-left:3px solid var(--amber);background:rgba(242,178,51,.07);padding:9px 11px;border-radius:0 9px 9px 0;font-size:12px;color:var(--mut)}

.v1910-practical{margin:0 0 18px;padding:16px;border:1px solid rgba(96,165,250,.35);border-radius:16px;background:linear-gradient(145deg,var(--bg2),rgba(96,165,250,.045))}.v1910-practical-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:12px}.v1910-practical-grid>button{position:relative;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg);color:var(--txt);cursor:pointer}.v1910-practical-grid>button:hover{border-color:#60a5fa}.v1910-practical-grid b,.v1910-practical-grid span,.v1910-practical-grid small{display:block}.v1910-practical-grid b{font-size:13.5px}.v1910-practical-grid span{font-size:11.5px;color:var(--mut);margin:5px 0;line-height:1.45}.v1910-practical-grid small{font:10px var(--m);color:#93c5fd}.v1910-practical-grid i{position:absolute;left:0;bottom:0;height:3px;background:#60a5fa}.v1910-practical-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}.v1910-practical-head h3{margin:10px 0 4px}.v1910-practical-head p{margin:0;color:var(--mut)}.v1910-practical-head>span{font:10px var(--m);color:#93c5fd;border:1px solid rgba(96,165,250,.4);padding:5px 8px;border-radius:999px}.v1910-lab-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.v1910-lab-facts>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--bg)}.v1910-lab-facts b,.v1910-lab-facts span{display:block}.v1910-lab-facts b{font-size:11px;color:var(--teal);margin-bottom:5px}.v1910-lab-facts span{font-size:11.5px;color:var(--mut);padding:2px 0}.v1910-checkpoints{display:grid;gap:8px}.v1910-checkpoints article{border:1px solid var(--line);border-radius:11px;padding:11px;background:var(--bg)}.v1910-checkpoints article[data-done="1"]{border-color:rgb(var(--accent-rgb) / .42);background:rgb(var(--accent-rgb) / .035)}.v1910-checkpoints label{display:flex;gap:10px;align-items:flex-start}.v1910-checkpoints input{margin-top:4px}.v1910-checkpoints b,.v1910-checkpoints small{display:block}.v1910-checkpoints b{font-size:12.5px}.v1910-checkpoints small{font-size:11px;color:var(--mut);margin-top:4px}.v1910-checkpoints .mini{margin-top:8px}.v1910-hint{margin-top:8px;border-left:3px solid var(--amber);background:rgba(242,178,51,.07);padding:8px 10px;border-radius:0 8px 8px 0;font-size:11.5px}.v1910-notes{display:grid;gap:5px;margin-top:12px;color:var(--mut);font-size:11px}.v1910-notes textarea{min-height:90px;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--txt);padding:10px;font:inherit;resize:vertical}.v1910-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.v1910-teacher-answer{margin-top:10px;border:1px solid rgba(242,178,51,.4);background:rgba(242,178,51,.06);padding:10px 12px;border-radius:10px}.v1910-teacher-answer p{margin:4px 0 0;color:var(--mut);font-size:12px}

.v1910-command-workshop{margin:0 0 18px;padding:16px;border:1px solid rgb(var(--accent-rgb) / .35);border-radius:16px;background:linear-gradient(145deg,var(--bg2),rgb(var(--accent-rgb) / .04))}.v1910-command-card{margin-top:12px;border:1px solid var(--line);border-radius:13px;padding:14px;background:var(--bg)}.v1910-command-card h4{margin:8px 0 12px;font-size:15px}.v1910-command-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v1910-command-options .btn{text-align:left;min-height:48px}.v1910-command-options code{font-family:var(--m);font-size:12px;overflow-wrap:anywhere}.v1910-command-options .is-correct{border-color:var(--teal)!important;background:rgb(var(--accent-rgb) / .1)}.v1910-command-options .is-wrong{border-color:var(--rose)!important;background:rgba(242,114,111,.1)}.v1910-command-feedback{margin-top:10px}.v1910-command-feedback.ok,.v1910-command-feedback.bad{padding:10px 12px;border-radius:10px}.v1910-command-feedback.ok{border-left:3px solid var(--teal);background:rgb(var(--accent-rgb) / .06)}.v1910-command-feedback.bad{border-left:3px solid var(--rose);background:rgba(242,114,111,.06)}.v1910-command-feedback p{margin:4px 0;font-size:12px}.v1910-command-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.v1910-command-nav span{font:10px var(--m);color:var(--mut)}

.v1910-feedback-next{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:11px;padding:10px 11px;border:1px dashed var(--line);border-radius:10px;background:var(--bg2)}.v1910-feedback-next b,.v1910-feedback-next span{display:block}.v1910-feedback-next span{font-size:11.5px;color:var(--mut);margin-top:2px}.v1910-feedback-next .btn{flex:none;padding:7px 10px;font-size:11.5px}
.v1910-regression{margin-top:12px}.v1910-regression .admin-report{max-height:420px}

@media(max-width:760px){.v1910-section-head,.v1910-practical-head,.v1910-feedback-next,.v1912-exam-resume{flex-direction:column;align-items:stretch}.v1910-path-grid,.v1910-practical-grid,.v1910-command-options,.v1910-lab-facts{grid-template-columns:1fr}.v1910-feedback-next .btn{width:100%}.v1910-focus-toggle{width:100%}.v1910-command-nav .btn{flex:1}.v1912-exam-resume .v199-actions{width:100%}.v1912-exam-resume .btn{flex:1}.v1912-exam-confirm{padding:12px}.v1912-exam-confirm-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.v1910-practical-grid>button,.v1910-path-grid button{transition:none}}

/* ===== ITPlugg v19.23: lugnare informationshierarki och vuxen spelkänsla ===== */
body.v1919-refreshed{
  --v1919-card:color-mix(in srgb,var(--bg2) 94%,white 6%);
  --v1919-soft:color-mix(in srgb,var(--teal) 7%,var(--bg2));
  --v1919-radius:20px;
}
body.v1919-refreshed.home-active .site-header .dashboard,
body.v1919-refreshed.home-active .site-header .recommend,
body.v1919-refreshed.home-active .site-header .progress-note,
body.v1919-refreshed.home-active .site-header .privacy-box{display:none!important}
body.v1919-refreshed.home-active .site-header{min-height:70px;padding-bottom:6px}
body.v1919-refreshed .home-screen{padding-top:4px}
body.v1919-refreshed .home-hero{
  min-height:0!important;
  grid-template-columns:1fr!important;
  padding:clamp(28px,4.5vw,46px)!important;
  margin:8px 0 14px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 88% 15%,rgb(var(--accent-rgb) / .20),transparent 25%),
    radial-gradient(circle at 74% 95%,rgba(94,167,255,.12),transparent 28%),
    linear-gradient(135deg,#102d48 0%,#0c2238 62%,#091a2b 100%)!important;
}
body.v1919-refreshed .home-hero-copy{max-width:790px!important}
body.v1919-refreshed .home-hero h2,
body.v1919-refreshed .light .home-hero h2{font-size:clamp(31px,4.8vw,49px)!important;margin-bottom:12px!important;letter-spacing:-.04em}
body.v1919-refreshed .home-hero p,
body.v1919-refreshed .light .home-hero p{font-size:15.5px!important;line-height:1.55!important;max-width:660px!important}
body.v1919-refreshed .home-actions{margin-top:21px!important}
body.v1919-refreshed .home-actions .btn{min-height:45px!important}
body.v1919-refreshed .continue-context{margin-top:12px;color:#91aabd;font-size:12px}
body.v1919-refreshed .home-greeting,
body.v1919-refreshed .hero-visual,
body.v1919-refreshed .hero-trust,
body.v1919-refreshed .repeat-path{display:none!important}

.v1919-home-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:12px;align-items:start;margin-top:12px}
.v1919-home-stage>.student-home-panel{grid-row:span 2}
.v1919-home-stage>.v1919-course-drawer{grid-column:1/-1}
.v1919-home-stage .student-home-panel{
  margin:0!important;
  min-height:100%;
  padding:20px!important;
  border-radius:var(--v1919-radius)!important;
  border-color:rgb(var(--accent-rgb) / .28)!important;
  background:
    radial-gradient(circle at 94% 5%,rgb(var(--accent-rgb) / .13),transparent 28%),
    linear-gradient(145deg,var(--v1919-card),var(--v1919-soft))!important;
  box-shadow:0 10px 32px rgba(6,22,36,.08)
}
.student-home-top{align-items:center!important;flex-wrap:nowrap!important}
.student-home-panel h2{font-size:23px!important;letter-spacing:-.02em}
.student-home-top p{font-size:13px!important;max-width:46ch}
.v1919-day-ring{
  --done:0;
  width:68px;height:68px;flex:0 0 68px;border-radius:50%;display:grid;place-items:center;align-content:center;position:relative;
  background:conic-gradient(var(--teal) calc(var(--done)*33.333%),var(--line) 0);
  isolation:isolate
}
.v1919-day-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--bg2);z-index:-1}
.v1919-day-ring b,.v1919-day-ring span{display:block;text-align:center;line-height:1}
.v1919-day-ring b{font:800 15px var(--m)}.v1919-day-ring span{font-size:9px;color:var(--mut);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}
.v1919-home-stage .mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:14px!important}
.v1919-home-stage .mission{min-height:70px;padding:10px!important;background:color-mix(in srgb,var(--bg) 72%,transparent)!important}
.v1919-home-stage .mission b{font-size:12px}.v1919-home-stage .mission small{font-size:10.5px}
.v1919-home-stage .quick-actions{margin-top:12px!important}
.v1919-home-stage .quick-actions .btn{min-height:42px}
.v1919-context{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}
.v1919-context>summary{cursor:pointer;color:var(--mut);font-size:11.5px;list-style:none;width:max-content}
.v1919-context>summary::-webkit-details-marker{display:none}.v1919-context>summary:before{content:"+";display:inline-grid;place-items:center;width:17px;height:17px;margin-right:7px;border-radius:6px;background:rgb(var(--accent-rgb) / .09);color:var(--teal);font-weight:800}
.v1919-context[open]>summary:before{content:"−"}
.v1919-context .learning-promise{margin:9px 0 0!important;font-size:12px!important;padding:10px 12px!important}

.v1919-drawer{
  margin:0;border:1px solid var(--line);border-radius:var(--v1919-radius);background:var(--v1919-card);overflow:hidden;
  box-shadow:0 8px 26px rgba(6,22,36,.055)
}
.v1919-drawer>summary,
.v1919-quiz-drawer>summary{
  display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 18px;cursor:pointer;list-style:none;user-select:none
}
.v1919-drawer>summary::-webkit-details-marker,.v1919-quiz-drawer>summary::-webkit-details-marker{display:none}
.v1919-drawer>summary span,.v1919-drawer>summary small,.v1919-drawer>summary b,
.v1919-quiz-drawer>summary span,.v1919-quiz-drawer>summary small,.v1919-quiz-drawer>summary b{display:block}
.v1919-drawer>summary small,.v1919-quiz-drawer>summary small{font:9px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:4px}
.v1919-drawer>summary b,.v1919-quiz-drawer>summary b{font-size:15px}
.v1919-drawer>summary i,.v1919-quiz-drawer>summary i{font:10.5px var(--m);font-style:normal;color:var(--mut);text-align:right}
.v1919-drawer>summary:after,.v1919-quiz-drawer>summary:after{content:"+";display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:9px;background:var(--bg);color:var(--teal);font-size:17px}
.v1919-drawer[open]>summary:after,.v1919-quiz-drawer[open]>summary:after{content:"−"}
.v1919-drawer[open]>summary,.v1919-quiz-drawer[open]>summary{border-bottom:1px solid var(--line);background:var(--v1919-soft)}
.v1919-drawer-body{padding:14px}
.v1919-plan-drawer .v197-focus-planner{margin:0!important;padding:4px!important;border:0!important;background:transparent!important}
.v1919-plan-drawer .v1910-focus-toggle{display:none!important}
.v1919-plan-drawer .v197-focus-head h2{font-size:19px}
.v1919-plan-drawer .v197-focus-list{grid-template-columns:1fr!important}

.v1919-course-drawer .v1919-drawer-body{padding:18px}
.v1919-course-drawer .section-heading{margin:0 0 12px!important}
.v1919-course-drawer .section-heading .kick,.v1919-course-drawer .section-heading p{display:none}
.v1919-course-drawer .section-heading h2{font-size:20px!important;margin:0}
.v1919-course-drawer .home-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.v1919-course-drawer .home-course{
  display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-content:start;min-height:125px!important;padding:14px!important;border-radius:14px!important;box-shadow:none!important
}
.v1919-course-drawer .home-course:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(6,22,36,.09)!important}
.v1919-course-drawer .course-icon-v11{grid-row:1/span 3;font-size:22px!important;margin:0!important}
.v1919-course-drawer .course-state{justify-self:start;font-size:9px!important;padding:2px 6px!important}
.v1919-course-drawer .featured-badge{position:absolute;right:10px;top:10px;font-size:8px!important}
.v1919-course-drawer .home-course h3{font-size:14px!important;margin:5px 0 3px!important;line-height:1.25}
.v1919-course-drawer .home-course p{font-size:11px!important;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v1919-course-drawer .course-tools,.v1919-course-drawer .open-course,.v1919-course-drawer .v11-course-progress{display:none!important}
.v1919-course-drawer .home-note{margin:12px 0 0!important;font-size:10.5px!important}
.v1919-course-drawer .home-course.locked{display:none!important}
#homeScreen.v1919-show-locked .v1919-course-drawer .home-course.locked{display:grid!important}
.v1919-locked-toggle{margin-top:11px;padding:7px 10px;font-size:11px}

body.v1919-refreshed:not(.home-active) #portalShell>.course-toggle-row,
body.v1919-refreshed:not(.home-active) #portalShell>.courses,
body.v1919-refreshed:not(.home-active) #portalShell>.allrow{display:none!important}
body.v1919-refreshed:not(.home-active) .portal-topbar{margin:8px 0 12px;padding:0;background:transparent;border:0}
body.v1919-refreshed:not(.home-active) #portalShell>nav{position:sticky;top:0;z-index:40;margin:0 0 14px;padding:7px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;overflow-x:auto;flex-wrap:nowrap}
body.v1919-refreshed:not(.home-active) #portalShell>nav .tab{white-space:nowrap}
.v1919-course-overview-drawer{margin:0 0 12px;border:1px solid var(--line);border-radius:16px;background:var(--bg2);overflow:hidden}
.v1919-course-overview-drawer>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;cursor:pointer;list-style:none}
.v1919-course-overview-drawer>summary::-webkit-details-marker{display:none}
.v1919-course-overview-drawer>summary span,.v1919-course-overview-drawer>summary small,.v1919-course-overview-drawer>summary b{display:block}
.v1919-course-overview-drawer>summary small{font:9px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:3px}
.v1919-course-overview-drawer>summary b{font-size:14px}.v1919-course-overview-drawer>summary i{font:10px var(--m);font-style:normal;color:var(--mut);margin-left:auto}
.v1919-course-overview-drawer>summary:after{content:"+";display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--bg);color:var(--teal);font-size:16px}
.v1919-course-overview-drawer[open]>summary:after{content:"−"}.v1919-course-overview-drawer[open]>summary{border-bottom:1px solid var(--line);background:var(--v1919-soft)}
.v1919-course-overview-body{padding:14px}.v1919-course-overview-body>.course-overview-card:first-child{margin-top:0}

.v1919-quick-start{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:18px;align-items:center;
  margin:0 0 12px;padding:20px;border:1px solid rgb(var(--accent-rgb) / .32);border-radius:20px;
  background:radial-gradient(circle at 96% 5%,rgb(var(--accent-rgb) / .13),transparent 32%),linear-gradient(145deg,var(--bg2),var(--v1919-soft))
}
.v1919-quick-copy small{font:9px var(--m);letter-spacing:.13em;text-transform:uppercase;color:var(--teal)}
.v1919-quick-copy h3{margin:5px 0 5px;font-size:20px;letter-spacing:-.02em}.v1919-quick-copy p{margin:0;color:var(--mut);font-size:12.5px;line-height:1.5}
.v1919-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.v1919-quick-grid button{position:relative;text-align:left;min-height:92px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--txt);cursor:pointer;transition:transform .16s,border-color .16s,background .16s}
.v1919-quick-grid button:hover{transform:translateY(-2px);border-color:var(--teal);background:rgb(var(--accent-rgb) / .055)}
.v1919-quick-grid span,.v1919-quick-grid b,.v1919-quick-grid small{display:block}.v1919-quick-grid span{font:900 18px var(--m);color:var(--teal)}.v1919-quick-grid b{margin-top:7px;font-size:13px}.v1919-quick-grid small{margin-top:2px;color:var(--mut);font-size:10px}
.v1919-quiz-drawer{margin:10px 0;border:1px solid var(--line);border-radius:16px;background:var(--bg2);overflow:hidden}
.v1919-quiz-drawer-body{padding:14px}
.v1919-quiz-drawer .quiz-mode-shell,.v1919-quiz-drawer .panel{margin:0 0 10px!important;box-shadow:none!important}
.v1919-quiz-drawer .review-queue{margin:0!important}
.v1919-quiz-drawer .quiz-mode-grid{gap:7px}
.v1919-quiz-drawer .quiz-mode{min-height:92px;padding:12px;text-align:left}
.v1919-quiz-drawer .quiz-mode b{font-size:14px}.v1919-quiz-drawer .quiz-mode small{font-size:10.5px;line-height:1.35}

.v1919-momentum{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--mut);font:9px var(--m);white-space:nowrap;transition:.2s}
.v1919-momentum[data-hot="1"]{color:var(--amber);border-color:rgba(242,178,51,.5);background:rgba(242,178,51,.07)}
body.v1919-quiz-playing .course-overview-hub,
body.v1919-quiz-playing .portal-topbar,
body.v1919-quiz-playing #portalShell>nav{display:none!important}
body.v1919-quiz-playing #pQuiz{max-width:900px;margin:12px auto 0}
body.v1919-quiz-playing #quizRun .meta{display:flex;align-items:center;gap:8px;padding:0 3px}
body.v1919-quiz-playing #quizRun .qcard{border-radius:22px;padding:clamp(20px,4vw,34px);box-shadow:0 22px 60px rgba(5,20,34,.14);border-color:color-mix(in srgb,var(--teal) 24%,var(--line))}
body.v1919-quiz-playing #quizRun .qtext{font-size:clamp(21px,3.2vw,30px);line-height:1.33;max-width:38ch;margin:10px 0 22px}
body.v1919-quiz-playing #quizRun .opt{min-height:60px;border-radius:14px;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}
body.v1919-quiz-playing #quizRun .opt:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 20px rgba(6,22,36,.08)}
body.v1919-quiz-playing #quizRun .opt.ok{box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .12)}
body.v1919-quiz-playing #quizRun #qFb.show{border-radius:15px;animation:v1919Feedback .24s ease-out}
@keyframes v1919Feedback{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}

@media(max-width:820px){
  .v1919-home-stage{grid-template-columns:1fr}.v1919-home-stage>.student-home-panel{grid-row:auto}.v1919-home-stage>.v1919-course-drawer{grid-column:auto}
  .v1919-course-drawer .home-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v1919-quick-start{grid-template-columns:1fr}
}
@media(max-width:600px){
  body.v1919-refreshed .home-hero{padding:25px 20px!important;border-radius:20px!important}
  body.v1919-refreshed .home-hero h2,body.v1919-refreshed .light .home-hero h2{font-size:34px!important}
  body.v1919-refreshed .home-actions{display:grid!important;grid-template-columns:1fr!important}
  .v1919-home-stage .student-home-panel{padding:16px!important}.student-home-top{align-items:flex-start!important}.v1919-day-ring{width:60px;height:60px;flex-basis:60px}
  .v1919-home-stage .mission-grid{grid-template-columns:1fr!important}.v1919-home-stage .mission{min-height:0!important;display:flex;justify-content:space-between;align-items:center}.v1919-home-stage .mission b{margin:0}
  .v1919-drawer>summary,.v1919-quiz-drawer>summary{padding:14px;gap:10px}.v1919-drawer>summary i,.v1919-quiz-drawer>summary i{display:none}
  .v1919-course-overview-drawer>summary i{display:none}
  .v1919-course-drawer .home-course-grid{grid-template-columns:1fr!important}.v1919-course-drawer .home-course{min-height:105px!important}
  .v1919-quick-start{padding:16px}.v1919-quick-grid{grid-template-columns:1fr}.v1919-quick-grid button{min-height:65px;display:grid;grid-template-columns:38px 1fr;align-items:center}.v1919-quick-grid button span{grid-row:1/span 2}.v1919-quick-grid button b{margin:0}.v1919-quick-grid button small{margin:0}
  body.v1919-refreshed:not(.home-active) #portalShell>nav{display:flex!important;gap:6px!important;padding:6px!important;scroll-snap-type:x proximity;scrollbar-width:thin}
  body.v1919-refreshed:not(.home-active) #portalShell>nav .tab{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;padding:9px 13px!important;scroll-snap-align:start}
  body.v1919-quiz-playing #quizRun .qcard{padding:18px;border-radius:17px}body.v1919-quiz-playing #quizRun .qtext{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.v1919-quick-grid button,.v1919-course-drawer .home-course,body.v1919-quiz-playing #quizRun .opt{transition:none!important}body.v1919-quiz-playing #quizRun #qFb.show{animation:none!important}}


/* SOURCE: assets/itplugg-v19.23-studio.css */
/* ITPlugg v19.23 – Lärstudio */
:root{--studio-glow:rgba(78,224,198,.15);--studio-blue:#7aa8ff}
body.v1919-modal-open,body.v1919-presenting{overflow:hidden}

.v1919-learning-studio{margin:0 0 14px;padding:20px;border:1px solid rgba(78,224,198,.3);border-radius:20px;background:radial-gradient(circle at 92% 4%,var(--studio-glow),transparent 30%),linear-gradient(145deg,var(--bg2),color-mix(in srgb,var(--bg2) 84%,var(--teal)));box-shadow:0 16px 44px rgba(3,18,31,.08)}
.v1919-studio-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:15px}.v1919-studio-head small,.v1919-terminal-head small,.v1919-teacher-head small,.v1919-result-head small{font:9px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.v1919-studio-head h3{margin:5px 0 4px;font-size:21px;letter-spacing:-.025em}.v1919-studio-head p{margin:0;color:var(--mut);font-size:12.5px}.v1919-level{flex:none;text-align:right}.v1919-level span{display:block;color:var(--mut);font-size:10px}.v1919-level b{font:850 21px var(--m);color:var(--teal)}
.v1919-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v1919-path>button{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;min-height:104px;padding:14px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--bg) 86%,transparent);color:var(--txt);cursor:pointer;transition:.16s}.v1919-path>button:hover{transform:translateY(-2px);border-color:var(--teal);box-shadow:0 10px 24px rgba(4,22,36,.12)}.v1919-path>button:disabled{opacity:.55;cursor:not-allowed}.v1919-path>button>i{grid-row:1/span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:rgba(78,224,198,.1);color:var(--teal);font:800 12px var(--m);font-style:normal}.v1919-path>button[data-done="1"]>i{background:var(--teal);color:#06251f}.v1919-path span small,.v1919-path span b{display:block}.v1919-path span small{color:var(--mut);font-size:9.5px;margin-bottom:5px}.v1919-path span b{font-size:13px;line-height:1.3}.v1919-path em{grid-column:2;color:var(--teal);font:10px var(--m);font-style:normal;margin-top:8px}
.v1919-studio-foot{display:flex;align-items:center;gap:12px;margin-top:13px;color:var(--mut);font-size:10.5px}.v1919-studio-foot>div{flex:1;height:5px;border-radius:999px;background:var(--line);overflow:hidden}.v1919-studio-foot i{display:block;height:100%;background:linear-gradient(90deg,var(--studio-blue),var(--teal));border-radius:inherit}

.v1919-weekly-mission{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.6fr) auto;align-items:center;gap:12px;margin-top:13px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--bg) 78%,transparent)}.v1919-weekly-mission small,.v1919-weekly-mission b,.v1919-weekly-mission span{display:block}.v1919-weekly-mission small{font:8.5px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.v1919-weekly-mission b{font-size:12px;margin:3px 0}.v1919-weekly-mission span{font-size:9.5px;color:var(--mut)}.v1919-week-progress{height:5px;background:var(--line);border-radius:99px;overflow:hidden}.v1919-week-progress i{display:block;height:100%;background:var(--teal)}.v1919-weekly-mission button{border:0;background:transparent;color:var(--teal);font:10px var(--m);cursor:pointer;white-space:nowrap}

.v1919-modal{position:fixed;inset:0;z-index:920;display:grid;place-items:center;padding:20px;background:rgba(2,13,23,.78);backdrop-filter:blur(15px)}.v1919-modal[hidden]{display:none}.v1919-modal-card{width:min(900px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(78,224,198,.35);border-radius:24px;background:var(--bg2);box-shadow:0 34px 100px rgba(0,0,0,.42)}.v1919-modal-card>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(15px)}.v1919-modal-card>header small{font:9px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.v1919-modal-card>header h2{margin:3px 0 0;font-size:23px}#v1919ModalBody{padding:22px}
.v1919-lesson .lead{max-width:70ch;font-size:17px;line-height:1.65;margin:0 0 18px}.v1919-lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v1919-lesson-grid section,.v1919-check{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.v1919-lesson-grid h3,.v1919-check h3{margin:0 0 12px}.v1919-lesson-grid ol{margin:0;padding-left:22px}.v1919-lesson-grid li{margin:9px 0;line-height:1.5}.v1919-lesson-grid p{line-height:1.6}.v1919-warning{margin-top:14px;padding:12px;border-left:3px solid var(--amber);background:rgba(242,178,51,.07);font-size:12px;line-height:1.5}.v1919-warning b{display:block;margin-bottom:3px}.v1919-check{margin-top:12px}.v1919-check>small{color:var(--teal);font:9px var(--m);text-transform:uppercase;letter-spacing:.1em}.v1919-check>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v1919-check>div button,.v1919-scenario-options button{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--txt);font:inherit;cursor:pointer}.v1919-check button[data-correct="1"],.v1919-scenario-options button[data-correct="1"]{border-color:var(--teal);background:rgba(78,224,198,.1)}#v1919LessonFeedback{min-height:0;margin:12px 0 0;padding:0}#v1919LessonFeedback.ok,#v1919LessonFeedback.bad{padding:12px;border-radius:12px;background:rgba(78,224,198,.07)}#v1919LessonFeedback.bad{background:rgba(242,114,111,.07)}#v1919FinishLesson{margin-left:10px}
.v1919-role{padding:16px;border-radius:15px;background:linear-gradient(135deg,rgba(122,168,255,.1),rgba(78,224,198,.06));border:1px solid rgba(122,168,255,.28)}.v1919-role p{margin:5px 0 0;line-height:1.55}.v1919-scenario-progress{height:5px;margin:18px 0;background:var(--line);border-radius:99px;overflow:hidden}.v1919-scenario-progress i{display:block;height:100%;background:var(--teal)}.v1919-scenario>small{color:var(--teal);font:9px var(--m);letter-spacing:.1em;text-transform:uppercase}.v1919-scenario>h3{font-size:21px;margin:6px 0 15px}.v1919-scenario-options{display:grid;gap:8px}.v1919-scenario-options button{display:flex;text-align:left;align-items:center;gap:11px}.v1919-scenario-options span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:var(--line);font:800 11px var(--m);color:var(--teal)}#v1919ScenarioFeedback{margin-top:12px}#v1919ScenarioFeedback>.ok,#v1919ScenarioFeedback>.bad{padding:12px;border-radius:12px;background:rgba(78,224,198,.07)}#v1919ScenarioFeedback>.bad{background:rgba(242,114,111,.07)}#v1919ScenarioFeedback p{margin:4px 0 0}.v1919-evidence{margin:8px 0 12px;padding:12px;border:1px dashed var(--studio-blue);border-radius:12px}.v1919-evidence small{display:block;color:var(--studio-blue);font:9px var(--m);text-transform:uppercase;margin-bottom:4px}.v1919-scenario-result{display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:center}.v1919-result-ring{width:140px;height:140px;display:grid;place-items:center;align-content:center;border-radius:50%;background:conic-gradient(var(--teal) calc(var(--score)*1%),var(--line) 0);position:relative;isolation:isolate}.v1919-result-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--bg2);z-index:-1}.v1919-result-ring b{font:850 26px var(--m)}.v1919-result-ring span{font-size:10px;color:var(--mut)}.v1919-scenario-result h3{font-size:24px}.v1919-scenario-result li{margin:7px 0}
.v1919-week-dialog>p{font-size:16px;color:var(--mut)}.v1919-week-dialog>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.v1919-week-dialog span{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v1919-week-dialog span[data-done="1"]{border-color:var(--teal);background:rgba(78,224,198,.07)}.v1919-week-dialog b{display:block;font:800 20px var(--m);color:var(--teal);margin-bottom:5px}

.v1919-terminal-lab{margin:0 0 16px;padding:18px;border:1px solid rgba(78,224,198,.3);border-radius:19px;background:linear-gradient(145deg,var(--bg2),color-mix(in srgb,var(--bg2) 90%,#15364f))}.v1919-terminal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:13px}.v1919-terminal-head h3{margin:4px 0;font-size:20px}.v1919-terminal-head p{margin:0;color:var(--mut);font-size:12px}.v1919-terminal-head label{font-size:10px;color:var(--mut)}.v1919-terminal-head select{display:block;margin-top:5px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--txt)}.v1919-terminal{overflow:hidden;border:1px solid #28465c;border-radius:14px;background:#06131d;box-shadow:inset 0 0 40px rgba(0,0,0,.3)}.v1919-terminal-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#122536;color:#a9bed0}.v1919-terminal-bar>span{width:9px;height:9px;border-radius:50%;background:#f2726f}.v1919-terminal-bar>span:nth-child(2){background:#f2b233}.v1919-terminal-bar>span:nth-child(3){background:#4edfc5}.v1919-terminal-bar b{margin-left:8px;font:10px var(--m)}.v1919-terminal-bar button{margin-left:auto;border:0;background:transparent;color:#9ab0c1;font:10px var(--m);cursor:pointer}.v1919-terminal pre{height:250px;overflow:auto;margin:0;padding:14px;color:#c8f7e9;font:12px/1.65 var(--m);white-space:pre-wrap}.v1919-terminal form{display:flex;align-items:center;border-top:1px solid #28465c;padding:9px 12px;color:#72e3ca;font:12px var(--m)}.v1919-terminal form label{flex:none}.v1919-terminal input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:12px var(--m);padding:5px 8px}.v1919-terminal form button{border:1px solid #356276;border-radius:7px;background:#123244;color:#c8f7e9;padding:6px 11px;font:10px var(--m);cursor:pointer}.v1919-terminal-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--mut);font-size:10.5px}

.v1919-result-coach{margin:18px 0;padding:18px;border:1px solid rgba(78,224,198,.3);border-radius:18px;background:radial-gradient(circle at 95% 0,var(--studio-glow),transparent 32%),var(--bg2);text-align:left}.v1919-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.v1919-result-head h3{margin:4px 0 0}.v1919-result-head>span{padding:5px 9px;border-radius:99px;border:1px solid var(--line);font:9.5px var(--m);color:var(--mut)}.v1919-result-head>span[data-positive="1"]{color:var(--teal);border-color:rgba(78,224,198,.35)}.v1919-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.v1919-result-grid article{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v1919-result-grid small,.v1919-result-grid b{display:block}.v1919-result-grid small{font-size:9px;color:var(--mut);text-transform:uppercase}.v1919-result-grid b{margin:6px 0;font-size:13px}.v1919-result-grid p{margin:0;color:var(--mut);font-size:10.5px;line-height:1.45}.v1919-result-actions{display:flex;gap:7px;flex-wrap:wrap}

.v1919-teacher-lesson{margin-top:12px}.v1919-teacher-head{display:flex;justify-content:space-between;gap:20px}.v1919-teacher-head h3{margin:4px 0}.v1919-teacher-head p{margin:0;color:var(--mut);font-size:12px}.v1919-teacher-head>span{height:max-content;padding:5px 8px;border:1px solid rgba(78,224,198,.35);border-radius:99px;color:var(--teal);font:9px var(--m)}.v1919-teacher-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.v1919-teacher-controls label{font-size:10px;color:var(--mut)}.v1919-teacher-controls select{width:100%;display:block;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--txt)}.v1919-agenda{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:12px}.v1919-agenda span{display:flex;align-items:center;gap:6px;padding:8px;border-radius:9px;background:var(--bg);font-size:9px}.v1919-agenda b{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:rgba(78,224,198,.1);color:var(--teal);font:9px var(--m)}
.v1919-lesson-overlay{position:fixed;inset:0;z-index:990;display:grid;grid-template-rows:auto 1fr auto;background:#071828;color:#eef8ff}.v1919-lesson-overlay[hidden]{display:none}.v1919-lesson-overlay>header,.v1919-lesson-overlay>footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #294052;background:#0c2032}.v1919-lesson-overlay>footer{border-top:1px solid #294052;border-bottom:0}.v1919-lesson-overlay>header small{display:block;font:9px var(--m);letter-spacing:.12em;text-transform:uppercase;color:#6ee7d0}.v1919-lesson-overlay>header b{font-size:15px}.v1919-lesson-overlay>header>div{display:flex;gap:12px;align-items:center}.v1919-lesson-overlay>main{display:grid;place-items:center;overflow:auto;padding:clamp(24px,5vw,70px)}.v1919-slide-title,.v1919-slide{width:min(1100px,100%)}.v1919-slide-title small,.v1919-slide>small{font:12px var(--m);letter-spacing:.14em;text-transform:uppercase;color:#6ee7d0}.v1919-slide-title h1,.v1919-slide h1{font-size:clamp(38px,6vw,76px);line-height:1.06;letter-spacing:-.045em;margin:12px 0 18px}.v1919-slide-title p,.v1919-slide>p{max-width:60ch;font-size:clamp(18px,2.2vw,28px);line-height:1.55;color:#b9cad8}.v1919-slide-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.v1919-slide-points>div{padding:20px;border:1px solid #29495d;border-radius:16px;background:#0c2032}.v1919-slide-points b{display:block;color:#6ee7d0;font:12px var(--m);margin-bottom:12px}.v1919-slide-points span{font-size:clamp(16px,2vw,23px);line-height:1.45}.v1919-slide h3{font-size:clamp(20px,3vw,34px);margin-top:30px}.v1919-slide-answer{margin-top:20px;padding:22px;border-left:4px solid #6ee7d0;border-radius:0 15px 15px 0;background:#0e2a3d;font-size:clamp(17px,2vw,25px)}.v1919-slide-answer p{color:#b9cad8;line-height:1.5}

@media(max-width:820px){.v1919-path{grid-template-columns:1fr}.v1919-path>button{min-height:80px}.v1919-lesson-grid,.v1919-result-grid{grid-template-columns:1fr}.v1919-check>div{grid-template-columns:1fr}.v1919-week-dialog>div{grid-template-columns:1fr}.v1919-slide-points{grid-template-columns:1fr}.v1919-agenda{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.v1919-learning-studio{padding:15px}.v1919-studio-head,.v1919-terminal-head,.v1919-teacher-head{display:block}.v1919-level{display:flex;justify-content:space-between;align-items:center;margin-top:10px;text-align:left}.v1919-weekly-mission{grid-template-columns:1fr auto}.v1919-week-progress{grid-row:2;grid-column:1/3}.v1919-modal{padding:0}.v1919-modal-card{height:100dvh;max-height:none;border-radius:0;border:0}.v1919-modal-card>header{padding:14px}.v1919-modal-card>header h2{font-size:18px}#v1919ModalBody{padding:15px}.v1919-lesson .lead{font-size:15px}.v1919-scenario-result{grid-template-columns:1fr}.v1919-result-ring{width:110px;height:110px}.v1919-terminal-head label{display:block;margin-top:12px}.v1919-terminal pre{height:210px;font-size:11px}.v1919-terminal-foot{align-items:flex-start;gap:8px}.v1919-result-head{align-items:flex-start;flex-direction:column}.v1919-teacher-controls{grid-template-columns:1fr}.v1919-agenda{grid-template-columns:1fr 1fr}.v1919-lesson-overlay>header,.v1919-lesson-overlay>footer{padding:10px}.v1919-lesson-overlay>header b{display:none}.v1919-lesson-overlay>main{padding:22px 16px}.v1919-slide-title h1,.v1919-slide h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.v1919-path>button{transition:none!important}.v1919-modal{backdrop-filter:none}.v1919-learning-studio,.v1919-result-coach{background:var(--bg2)}}


/* SOURCE: assets/itplugg-v19.23-experience.css */
/* ITPlugg v19.23 – Lärarstudio och Begreppsduell */

/* Lärarläget får en tydlig arbetsyta i stället för en enda lång inställningssida. */
#adminModal .admin-panel{width:min(1180px,calc(100vw - 32px));max-width:1180px;max-height:min(94vh,980px);padding:0;overflow:hidden;display:flex;flex-direction:column;color:#173448;background:#f7f9fc}
#adminModal .admin-panel h2,#adminModal .admin-panel h3,#adminModal .admin-panel h4,#adminModal .admin-panel label,#adminModal .admin-panel p{color:inherit}
#adminModal .admin-panel .admin-help,#adminModal .admin-panel small{color:#6f7f92}
#adminModal .admin-head{flex:0 0 auto;margin:0;padding:18px 22px;border-bottom:1px solid #dce4ee;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);z-index:5}
#adminModal .admin-head h2{font-size:clamp(20px,2vw,27px);letter-spacing:-.03em}
.v1919-admin-shell{min-height:0;display:flex;flex-direction:column;flex:1;overflow:hidden}
.v1919-admin-nav{padding:10px 12px;background:#eef3f8;border-bottom:1px solid #dce4ee;overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;scrollbar-width:thin}
.v1919-admin-nav button{position:relative;flex:0 0 auto;border:1px solid transparent;border-radius:999px;padding:8px 14px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-align:left;color:#5a6b7e;background:transparent;cursor:pointer;transition:background .16s,color .16s,border-color .16s}
.v1919-admin-nav button:hover{background:#fff;color:#173448}
.v1919-admin-nav button:focus-visible{outline:3px solid rgba(14,116,144,.3);outline-offset:1px}
.v1919-admin-nav button[data-active="1"]{color:#075d67;background:#fff;border-color:#c3d3e0;box-shadow:0 3px 12px rgba(35,55,80,.08)}
.v1919-admin-nav button>span{color:#9aa8b8;font:700 10px ui-monospace,SFMono-Regular,monospace}
.v1919-admin-nav button>b{font-size:12.5px;font-weight:600;line-height:1.2}
.v1919-admin-nav button>small{display:none}
.v1919-admin-workspace{min-width:0;overflow:auto;overscroll-behavior:contain;background:#f8fafc}
.v1919-admin-workspace>[data-admin-panel]{padding:24px 26px 48px;max-width:760px;margin:0 auto}
.v1919-admin-workspace>[data-admin-panel][hidden]{display:none!important}
.v1919-admin-workspace .admin-card,.v1919-admin-workspace .cloud-sync-box,.v1919-admin-workspace .admin-warning,.v1919-admin-workspace #adminCourseSettings,.v1919-admin-workspace #adminFeatureSettings{margin:0 0 18px;background:#fff;border:1px solid #e6ecf3;border-radius:14px;box-shadow:none;padding:18px 20px}
.v1919-admin-workspace h3{letter-spacing:-.015em}
.v1919-admin-workspace .admin-diagnostics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 14px}
.v1919-admin-workspace .admin-diagnostics-grid>*{margin:0;min-width:0}
#adminModal .admin-panel .check-row{color:#eef7fb}
#adminModal .admin-panel .check-row small{color:#b8c7d3}
#adminModal>.admin-panel>.admin-actions{flex:0 0 auto;margin:0;padding:12px 20px;border-top:1px solid #dce4ee;background:#fff;box-shadow:0 -8px 24px rgba(28,45,65,.05);z-index:6}

.v1919-admin-overview{display:grid;gap:16px}
.v1919-admin-welcome{position:relative;overflow:hidden;min-height:0;padding:20px 22px;border-radius:16px;color:#eafffb;background:linear-gradient(132deg,#075158,#0a7d76 72%);display:flex;align-items:flex-start;justify-content:space-between;gap:20px;box-shadow:none}
.v1919-admin-welcome:after{content:"";position:absolute;width:230px;height:230px;right:-100px;bottom:-150px;border:42px solid rgba(255,255,255,.09);border-radius:50%}
.v1919-admin-welcome small{display:block;margin-bottom:7px;color:#9fe8dd;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.v1919-admin-welcome h2{margin:0 0 7px;font-size:clamp(24px,3vw,34px);letter-spacing:-.045em}
.v1919-admin-welcome p{max-width:600px;margin:0;color:#c8ebe7;line-height:1.55}
.v1919-admin-welcome>span{position:relative;z-index:1;flex:0 0 auto;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.13);font:700 11px ui-monospace,SFMono-Regular,monospace}
.v1919-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v1919-admin-stats article{padding:15px 16px;border:1px solid #dce4ee;border-radius:15px;background:#fff;display:flex;flex-direction:column}
.v1919-admin-stats b{font-size:22px;color:#153448}
.v1919-admin-stats span{color:#718197;font-size:12px}
.v1919-admin-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v1919-admin-quick button{border:1px solid #e6ecf3;border-radius:14px;padding:16px 18px;background:#fff;display:grid;grid-template-columns:32px 1fr;grid-template-areas:"number title" "number desc";gap:2px 10px;text-align:left;color:#173448;cursor:pointer;transition:border-color .16s,background .16s}
.v1919-admin-quick button:hover{border-color:#7fc9c0;background:#f7fbfa}
.v1919-admin-quick button>span{grid-area:number;width:30px;height:30px;border-radius:10px;background:#e7f7f4;color:#08756f;display:grid;place-items:center;font:800 11px ui-monospace,SFMono-Regular,monospace}
.v1919-admin-quick button>b{grid-area:title;font-size:14px}
.v1919-admin-quick button>small{grid-area:desc;color:#748297;line-height:1.4}
.v1919-course-status{display:flex;gap:7px;flex-wrap:wrap}
.v1919-course-status span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dae3ec;border-radius:999px;background:#fff;color:#526277;font-size:11px}
.v1919-course-status i{width:7px;height:7px;border-radius:50%;background:#aeb9c5}
.v1919-course-status span[data-open="1"] i{background:#15a276;box-shadow:0 0 0 3px #d9f6eb}

/* Begreppsduell: korta, tydliga rundor med vuxen ton. */
.v1919-concept-arena{margin:0 0 20px;border:1px solid color-mix(in srgb,var(--pri,#0d9488) 23%,var(--line));border-radius:22px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 96%,#dffaf4),var(--card));box-shadow:0 10px 32px rgba(17,55,72,.07)}
.v1919-concept-head{padding:22px 23px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:22px}
.v1919-concept-head small,.v1919-duel header small,.v1919-duel-result small{display:block;color:var(--pri,#0d9488);font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.v1919-concept-head h3{margin:4px 0 6px;font-size:clamp(21px,3vw,29px);letter-spacing:-.035em}
.v1919-concept-head p{max-width:670px;margin:0;color:var(--mut);line-height:1.55}
.v1919-concept-rank{flex:0 0 auto;min-width:112px;padding:12px 14px;border-radius:16px;text-align:center;color:#eafffb;background:linear-gradient(135deg,#075d67,#0d9488)}
.v1919-concept-rank b{display:block;font-size:25px}.v1919-concept-rank span{font-size:10px;color:#bdebe3}
.v1919-concept-stats{padding:0 23px 15px;display:flex;gap:8px;flex-wrap:wrap}
.v1919-concept-stats span,.v1919-result-tags span{padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--pri,#0d9488) 8%,var(--card));color:var(--mut);font-size:11px}.v1919-concept-stats b{color:var(--ink)}
.v1919-concept-actions{padding:15px 23px 21px;border-top:1px solid var(--line);display:flex;gap:9px;flex-wrap:wrap}
.v1919-concept-actions .btn{margin:0}
.v1919-duel{padding:21px 23px 24px}
.v1919-duel header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}
.v1919-duel header b{display:block;margin-top:3px}.v1919-duel header>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v1919-duel header span{padding:5px 8px;border-radius:999px;background:var(--soft);color:var(--mut);font-size:11px}
.v1919-duel-progress{height:6px;border-radius:9px;background:var(--soft);overflow:hidden}.v1919-duel-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d9488,#37c495);transition:width .35s}
.v1919-definition{margin:20px 0;padding:22px;border-radius:18px;background:linear-gradient(135deg,#073f48,#0b6969);color:#eafffb;box-shadow:0 12px 28px rgba(5,70,76,.14)}
.v1919-definition small{color:#9fdbd6}.v1919-definition p{margin:8px 0 4px;font-size:clamp(17px,2.5vw,23px);line-height:1.45;font-weight:680}.v1919-definition>span{color:#b8dfdc;font-size:11px}
.v1919-duel-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v1919-duel-options button{min-height:58px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font:750 14px/1.35 inherit;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}
.v1919-duel-options button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--pri)}
.v1919-duel-options button[data-correct="1"]{border-color:#23a772;background:#e7f8f0;color:#09643f}.v1919-duel-options button[data-selected="1"][data-correct="0"]{border-color:#d66a72;background:#fff0f1;color:#8f2933}.v1919-duel-options button:disabled{opacity:.82;cursor:default}
#v1919DuelFeedback{margin-top:13px}#v1919DuelFeedback>div{padding:14px 16px;border-radius:14px;border-left:4px solid;background:var(--soft)}#v1919DuelFeedback.ok>div{border-color:#1d9b69;background:#e9f8f1}#v1919DuelFeedback.bad>div{border-color:#c96b73;background:#fff0f1}#v1919DuelFeedback p{margin:5px 0}#v1919DuelFeedback span{font-size:12px;color:var(--mut)}#v1919DuelFeedback>.btn{margin-top:10px}
#v1919DuelFeedback>div,#v1919DuelFeedback>div b,#v1919DuelFeedback>div p,#v1919DuelFeedback>div strong{color:#173448}#v1919DuelFeedback>div span{color:#53687a}
.v1919-duel-quit{display:block;margin:17px auto 0;border:0;background:transparent;color:var(--mut);font:inherit;font-size:11px;text-decoration:underline;cursor:pointer}
.v1919-duel-result{min-height:280px;padding:30px;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:28px;background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--pri) 13%,transparent),transparent 42%)}
.v1919-duel-score{width:140px;height:140px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle closest-side,var(--card) 76%,transparent 77% 99%),conic-gradient(var(--pri) calc(var(--score)*1%),var(--soft) 0);box-shadow:0 10px 28px rgba(18,52,70,.1)}
.v1919-duel-score b{font-size:28px}.v1919-duel-score span{font-size:11px;color:var(--mut)}
.v1919-duel-result h3{margin:4px 0 7px;font-size:clamp(24px,3vw,34px)}.v1919-duel-result p{margin:0 0 13px;color:var(--mut)}.v1919-result-tags,.v1919-duel-actions{display:flex;gap:7px;flex-wrap:wrap}.v1919-duel-actions{margin-top:17px}
.v1919-daily-term{margin-top:12px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--card) 94%,var(--pri) 6%);overflow:hidden}
.v1919-daily-term summary{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.v1919-daily-term summary::-webkit-details-marker{display:none}.v1919-daily-term summary:after{content:"+";order:3;width:24px;height:24px;border-radius:8px;background:var(--soft);display:grid;place-items:center;color:var(--mut);font-weight:800}.v1919-daily-term[open] summary:after{content:"−"}
.v1919-daily-term summary span{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.v1919-daily-term summary small{color:var(--pri);text-transform:uppercase;letter-spacing:.09em;font-weight:800}.v1919-daily-term summary i{margin-left:auto;color:var(--mut);font-size:10px;font-style:normal}.v1919-daily-term>div{padding:0 14px 14px;border-top:1px solid var(--line)}.v1919-daily-term>div p{margin:12px 0 7px}.v1919-daily-term>div>span{display:block;color:var(--mut);font-size:12px}.v1919-daily-term .btn{margin-top:11px}

@media(max-width:820px){
  #adminModal .admin-panel{width:calc(100vw - 18px);max-height:96vh}
  .v1919-admin-shell{display:block;overflow:auto}
  .v1919-admin-nav{position:sticky;top:0;z-index:4}
  .v1919-admin-workspace{overflow:visible}.v1919-admin-workspace>[data-admin-panel]{padding:15px 12px 34px}
  .v1919-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.v1919-admin-welcome{padding:20px;min-height:0}.v1919-admin-welcome>span{display:none}
  .v1919-admin-workspace .admin-diagnostics-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  #adminModal .admin-head{padding:13px 14px}.v1919-admin-quick{grid-template-columns:1fr}.v1919-admin-stats article{padding:12px}.v1919-admin-welcome p{font-size:12px}
  .v1919-concept-head{padding:18px;display:block}.v1919-concept-rank{margin-top:14px;width:max-content;text-align:left;min-width:0}.v1919-concept-rank b,.v1919-concept-rank span{display:inline}.v1919-concept-rank span{margin-left:5px}
  .v1919-concept-stats,.v1919-concept-actions{padding-left:18px;padding-right:18px}.v1919-duel{padding:17px}.v1919-duel-options{grid-template-columns:1fr}.v1919-definition{padding:18px;margin:16px 0}.v1919-duel-result{padding:25px 18px;grid-template-columns:1fr;text-align:center}.v1919-duel-score{margin:auto}.v1919-result-tags,.v1919-duel-actions{justify-content:center}
  .v1919-daily-term summary i{display:none}
}
@media(prefers-reduced-motion:reduce){.v1919-admin-nav button,.v1919-admin-quick button,.v1919-duel-options button,.v1919-duel-progress i{transition:none!important}.v1919-admin-nav button:hover,.v1919-admin-quick button:hover,.v1919-duel-options button:hover{transform:none!important}}


/* SOURCE: assets/itplugg-v19.23-navigation.css */
/* ITPlugg v19.23 – permanent elevnavigation och lärarkodsskyddade framtidsfunktioner */

/* Lärarstudion ska alltid ligga ovanpå elevmenyn så klick inte träffar fel lager. */
#adminModal.admin-modal,#adminAuthModal.admin-modal{z-index:945}

html[data-v1919-theme="nordic"]{--bg:#eef4f7;--bg2:#ffffff;--line:#cddbe4;--txt:#10283a;--mut:#607689;--teal:#19b9aa;--teal-d:#118b82}
html[data-v1919-theme="midnight"]{--bg:#071827;--bg2:#0d263a;--line:#203e54;--txt:#edf7fb;--mut:#8da7ba;--teal:#36d8c4;--teal-d:#1b9f92}
html[data-v1919-theme="slate"]{--bg:#171b24;--bg2:#222936;--line:#3c4656;--txt:#f1f4f8;--mut:#a3adbb;--teal:#7bd4c8;--teal-d:#4a9e94}
html[data-v1919-theme="contrast"]{--bg:#020407;--bg2:#0a0d12;--line:#8294a8;--txt:#ffffff;--mut:#d4dce4;--teal:#58ffe2;--teal-d:#36d7bd;--amber:#ffd65a;--rose:#ff8790}
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-theme] body.v1919-nav-active{font-size:calc(16px * var(--v1919-font-scale,1));background:radial-gradient(circle at 78% -10%,color-mix(in srgb,var(--teal) 12%,transparent),transparent 28%),var(--bg)}

.v1919-dev-launch{grid-column:1/-1;padding:16px;border:1px solid #7a8cff;border-radius:18px;background:linear-gradient(135deg,#111f3b,#173b55);color:#eef8ff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 14px 32px rgba(23,46,92,.14)}
.v1919-dev-launch>div:first-child{display:flex;gap:13px;align-items:flex-start}.v1919-dev-launch>div:first-child>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:rgba(122,140,255,.17);color:#aebaff}.v1919-dev-launch svg{width:21px;height:21px}.v1919-dev-launch small{display:block;color:#aebaff!important;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.v1919-dev-launch h3{margin:4px 0;color:#fff!important}.v1919-dev-launch p{margin:0;max-width:680px;color:#bbcedc!important;font-size:12px}.v1919-dev-launch-actions{flex:0 0 auto;text-align:right}.v1919-dev-launch-actions>span{display:block;margin-bottom:8px;color:#b8c7d6;font-size:10px}.v1919-dev-launch-actions i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#42d89a;box-shadow:0 0 0 3px rgba(66,216,154,.13)}

.v1919-dev-sidebar{position:fixed;inset:0 auto 0 0;z-index:930;width:252px;padding:14px 12px;display:flex;flex-direction:column;color:#eaf5fa;background:linear-gradient(180deg,#071827,#0a2132 56%,#071827);border-right:1px solid #254157;box-shadow:18px 0 50px rgba(1,12,20,.2);transition:width .2s,transform .2s;overflow:hidden}
.v1919-dev-sidebar[hidden]{display:none}.v1919-dev-sidebar svg{width:20px;height:20px}.v1919-dev-sidebar>header{padding:4px 5px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #203b50}.v1919-dev-brand{display:flex;align-items:center;gap:10px;min-width:0}.v1919-dev-brand>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#38d7c3;color:#06242d;font:900 13px ui-monospace,SFMono-Regular,monospace}.v1919-dev-brand b,.v1919-dev-brand small{display:block;white-space:nowrap}.v1919-dev-brand b{font-size:15px}.v1919-dev-brand small{color:#809aab;font:9px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.11em}.v1919-dev-sidebar>header>button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#8fa8b8;cursor:pointer}.v1919-dev-sidebar>header>button:hover{background:#102e42;color:#fff}.v1919-dev-sidebar>header>button svg{transition:transform .2s}
.v1919-dev-lock{margin:12px 3px;padding:9px 10px;border:1px solid #2c5269;border-radius:11px;background:#0d2a3d}.v1919-dev-lock span,.v1919-dev-lock small{display:block;white-space:nowrap}.v1919-dev-lock span{font-size:10px;font-weight:800;color:#b9e8df}.v1919-dev-lock i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#43d89e;box-shadow:0 0 0 3px rgba(67,216,158,.12)}.v1919-dev-lock small{margin:3px 0 0 12px;color:#718c9e;font-size:8.5px}
.v1919-dev-sidebar>nav{position:static;top:auto;z-index:auto;flex:1;display:block;margin:0 -4px;padding:3px 4px 14px;border:0;background:transparent;overflow-y:auto;overflow-x:hidden}.v1919-nav-group{display:block;margin:13px 10px 5px;color:#6e899a;font:800 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.v1919-dev-sidebar nav button,.v1919-dev-sidebar footer>button{position:relative;width:100%;min-height:49px;margin:2px 0;padding:8px 10px;border:0;border-radius:12px;display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:"icon label extra" "icon hint extra";gap:0 8px;text-align:left;color:#c5d5df;background:transparent;cursor:pointer}.v1919-dev-sidebar nav button:hover,.v1919-dev-sidebar footer>button:hover{background:#102e42;color:#fff}.v1919-dev-sidebar button[data-active="1"]{color:#eafffb;background:linear-gradient(90deg,rgb(var(--accent-rgb) / .18),rgb(var(--accent-rgb) / .06));box-shadow:inset 3px 0 #36d8c4}.v1919-dev-sidebar button>span{grid-area:icon;align-self:center;color:#7f9aad}.v1919-dev-sidebar button[data-active="1"]>span{color:#52e4d2}.v1919-dev-sidebar button>b{grid-area:label;align-self:end;font-size:12px;white-space:nowrap}.v1919-dev-sidebar button>small{grid-area:hint;align-self:start;color:#718c9e;font-size:8.5px;white-space:nowrap}.v1919-dev-sidebar button>em{grid-area:extra;align-self:center;padding:3px 5px;border:1px solid #596bff;border-radius:99px;color:#aeb8ff;font:800 7px ui-monospace,SFMono-Regular,monospace;font-style:normal}.v1919-dev-sidebar button>kbd{grid-area:extra;align-self:center;border:1px solid #35546a;border-radius:6px;padding:3px 5px;color:#8098a8;background:#0a1d2b;font:8px ui-monospace,SFMono-Regular,monospace}
.v1919-dev-sidebar button[data-locked="1"]{color:#91a5b2}.v1919-dev-sidebar button[data-locked="1"]>span{color:#657e8e}.v1919-dev-sidebar button[data-locked="1"]>em{border-color:#79663d;color:#e7c878;background:rgba(210,168,62,.08)}.v1919-dev-sidebar button[data-locked="1"]:hover{color:#dbe8ef;background:#10283a}
.v1919-dev-sidebar>footer{flex:0 0 auto;padding-top:8px;border-top:1px solid #203b50}.v1919-sidebar-pulse{margin:0 2px 7px;padding:9px 10px;border-radius:11px;background:#0d2a3d}.v1919-sidebar-pulse>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.v1919-sidebar-pulse span{color:#8ca6b7;font-size:8.5px}.v1919-sidebar-pulse b{font:850 12px ui-monospace,SFMono-Regular,monospace;color:#42d9c6}.v1919-sidebar-pulse>i{display:block;height:4px;margin:6px 0;background:#173e55;border-radius:9px;overflow:hidden}.v1919-sidebar-pulse em{display:block;height:100%;border-radius:inherit;background:#42d9c6}.v1919-sidebar-pulse>small{display:block;color:#6f899a;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v1919-dev-footer-actions{display:flex;gap:5px;padding:5px 2px 0}.v1919-dev-footer-actions button{flex:1;padding:6px;border:1px solid #294a5f;border-radius:8px;color:#8ea8b9;background:transparent;font:9px inherit;cursor:pointer}.v1919-dev-footer-actions button:hover{border-color:#42d9c6;color:#eafffb}
.v1919-nav-active{padding-left:252px;transition:padding-left .2s}.v1919-nav-active>.wrap{max-width:1320px}.v1919-nav-collapsed{padding-left:78px}.v1919-nav-collapsed .v1919-dev-sidebar{width:78px}.v1919-nav-collapsed .v1919-dev-brand>div,.v1919-nav-collapsed .v1919-dev-lock,.v1919-nav-collapsed .v1919-nav-group,.v1919-nav-collapsed .v1919-dev-sidebar button>b,.v1919-nav-collapsed .v1919-dev-sidebar button>small,.v1919-nav-collapsed .v1919-dev-sidebar button>em,.v1919-nav-collapsed .v1919-dev-sidebar button>kbd,.v1919-nav-collapsed .v1919-sidebar-pulse,.v1919-nav-collapsed .v1919-dev-footer-actions{display:none}.v1919-nav-collapsed .v1919-dev-sidebar>header{display:block}.v1919-nav-collapsed .v1919-dev-brand>span{margin:auto}.v1919-nav-collapsed .v1919-dev-sidebar>header>button{margin:7px auto 0}.v1919-nav-collapsed .v1919-dev-sidebar>header>button svg{transform:rotate(180deg)}.v1919-nav-collapsed .v1919-dev-sidebar nav button,.v1919-nav-collapsed .v1919-dev-sidebar footer>button{display:grid;grid-template-columns:1fr;grid-template-areas:"icon";place-items:center;padding:8px}.v1919-nav-collapsed .v1919-dev-sidebar button>span{align-self:center}
.v1919-mobile-menu{display:none;position:fixed;left:14px;bottom:14px;z-index:929;width:46px;height:46px;border:1px solid #3acdbb;border-radius:14px;background:#0a2638;color:#eafffb;box-shadow:0 12px 35px rgba(0,0,0,.28)}.v1919-mobile-menu[hidden]{display:none}.v1919-mobile-menu svg{width:21px}.v1919-dev-scrim{display:none;position:fixed;inset:0;z-index:920;background:rgba(1,9,15,.58);backdrop-filter:blur(4px)}

.v1919-dev-modal{position:fixed;inset:0;z-index:950;padding:24px;display:grid;place-items:center;background:rgba(1,10,17,.78);backdrop-filter:blur(16px)}.v1919-dev-modal[hidden]{display:none}.v1919-dev-modal>section{width:min(900px,100%);max-height:min(860px,calc(100vh - 48px));display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));border-radius:24px;color:var(--txt);background:var(--bg2);box-shadow:0 36px 100px rgba(0,0,0,.42);overflow:hidden}.v1919-dev-modal>section>header{position:static;min-height:78px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 94%,transparent)}.v1919-dev-modal header small{display:block;color:var(--teal);font:800 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;text-transform:uppercase}.v1919-dev-modal header h2{margin:3px 0 0;font-size:25px;letter-spacing:-.035em}.v1919-dev-modal header button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--mut);cursor:pointer}.v1919-dev-modal header button:hover{border-color:var(--teal);color:var(--txt)}.v1919-dev-modal header svg{width:18px}.v1919-dev-modal-body,#v1919DevModalBody{padding:22px;overflow:auto;overscroll-behavior:contain}.v1919-modal-open{overflow:hidden}
.v1919-dev-note{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:13px 14px;border:1px solid #6575dc;border-radius:14px;background:color-mix(in srgb,#6575dc 9%,var(--bg));color:var(--txt)}.v1919-dev-note>span{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:10px;background:rgba(101,117,220,.13);color:#98a5ff}.v1919-dev-note svg{width:18px}.v1919-dev-note p{margin:0;font-size:11.5px;line-height:1.55}.v1919-dev-note.account{border-color:color-mix(in srgb,var(--teal) 45%,var(--line));background:color-mix(in srgb,var(--teal) 7%,var(--bg))}.v1919-dev-note.account>span{color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent)}
.v1919-locked-feature{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start;padding:18px;border:1px solid color-mix(in srgb,var(--teal) 34%,var(--line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 8%,var(--bg)),var(--bg))}.v1919-locked-feature>span{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent)}.v1919-locked-feature svg{width:26px}.v1919-locked-feature small{color:var(--teal);font:800 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;text-transform:uppercase}.v1919-locked-feature h3{margin:5px 0 7px;font-size:18px}.v1919-locked-feature p{margin:0;color:var(--mut);line-height:1.55}
.v1919-setting-section{margin-bottom:21px}.v1919-setting-section>div:first-child small{color:var(--teal);font:800 9px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.1em}.v1919-setting-section h3{margin:3px 0 11px;font-size:15px}.v1919-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.v1919-theme-grid button{padding:9px;border:1px solid var(--line);border-radius:14px;text-align:left;color:var(--txt);background:var(--bg);cursor:pointer}.v1919-theme-grid button[data-active="1"]{border-color:var(--teal);box-shadow:0 0 0 2px color-mix(in srgb,var(--teal) 13%,transparent)}.v1919-theme-grid i{display:block;height:65px;margin-bottom:9px;border-radius:9px;border:1px solid rgba(128,148,165,.3);position:relative;overflow:hidden}.v1919-theme-grid i:before{content:"";position:absolute;inset:10px 36% 10px 9px;border-radius:6px;background:rgba(255,255,255,.7)}.v1919-theme-grid i:after{content:"";position:absolute;right:9px;top:10px;width:23%;height:45%;border-radius:6px;background:rgba(255,255,255,.42)}.v1919-theme-grid .nordic{background:#e9f1f5}.v1919-theme-grid .midnight{background:#071827}.v1919-theme-grid .slate{background:#1c222c}.v1919-theme-grid .contrast{background:#020305;border-color:#fff}.v1919-theme-grid b,.v1919-theme-grid small{display:block}.v1919-theme-grid b{font-size:11.5px}.v1919-theme-grid small{color:var(--mut);font-size:9px}.v1919-accent-picks{display:flex;gap:9px}.v1919-accent-picks button{width:34px;height:34px;border:4px solid var(--bg2);border-radius:50%;box-shadow:0 0 0 1px var(--line);cursor:pointer}.v1919-accent-picks button[data-accent="teal"]{background:#2fd4bf}.v1919-accent-picks button[data-accent="blue"]{background:#68a8ff}.v1919-accent-picks button[data-accent="violet"]{background:#aa91ff}.v1919-accent-picks button[data-accent="amber"]{background:#f5b83f}.v1919-accent-picks button[data-active="1"]{box-shadow:0 0 0 2px var(--txt)}
.v1919-setting-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.v1919-setting-row label{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v1919-setting-row b,.v1919-setting-row small{display:block}.v1919-setting-row b{font-size:11.5px}.v1919-setting-row small{color:var(--mut);font-size:9px}.v1919-setting-row select{width:100%;margin-top:9px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--txt);font:inherit;font-size:11px}.v1919-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}

.v1919-pulse-hero{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;padding:8px 8px 22px}.v1919-pulse-ring{width:140px;height:140px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle closest-side,var(--bg2) 76%,transparent 77%),conic-gradient(var(--teal) calc(var(--pulse)*1%),var(--line) 0)}.v1919-pulse-ring b{font-size:25px}.v1919-pulse-ring span{color:var(--mut);font-size:9px}.v1919-pulse-hero>div:last-child>small{color:var(--teal);font:9px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase}.v1919-pulse-hero h3{margin:4px 0;font-size:24px}.v1919-pulse-hero p{margin:0;color:var(--mut);line-height:1.55}.v1919-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v1919-metric-grid article{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v1919-metric-grid article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent)}.v1919-metric-grid svg{width:17px}.v1919-metric-grid b,.v1919-metric-grid small{display:block}.v1919-metric-grid b{margin-top:12px;font-size:20px}.v1919-metric-grid small{color:var(--mut);font-size:9px}.v1919-next-card{margin-top:14px;padding:18px;border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 9%,var(--bg)),var(--bg))}.v1919-next-card>small{color:var(--teal);text-transform:uppercase;font:9px ui-monospace,SFMono-Regular,monospace}.v1919-next-card h3{margin:5px 0}.v1919-next-card p{margin:0 0 13px;color:var(--mut)}
.v1919-award-head{padding:4px 3px 18px;display:flex;align-items:center;gap:18px}.v1919-award-head>div{flex:0 0 80px;height:80px;border-radius:20px;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 18%,var(--bg)),var(--bg));border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line))}.v1919-award-head b,.v1919-award-head span{display:block}.v1919-award-head b{font-size:20px}.v1919-award-head span{color:var(--mut);font-size:8px}.v1919-award-head p{margin:0;color:var(--mut);max-width:650px}.v1919-award-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v1919-award-grid article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--bg);opacity:.64}.v1919-award-grid article[data-done="1"]{opacity:1;border-color:color-mix(in srgb,var(--teal) 38%,var(--line))}.v1919-award-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--mut);background:var(--bg2)}.v1919-award-grid article[data-done="1"]>span{color:var(--teal);background:color-mix(in srgb,var(--teal) 11%,transparent)}.v1919-award-grid svg{width:20px}.v1919-award-grid small{color:var(--teal);font:8px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase}.v1919-award-grid h3{margin:3px 0;font-size:13px}.v1919-award-grid p{margin:0;color:var(--mut);font-size:9.5px}.v1919-award-grid article>b{color:var(--teal)}.v1919-award-grid article>i{color:var(--mut);font-style:normal}

.v1919-settings-account{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;margin-top:20px;padding:15px;border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 8%,var(--bg)),var(--bg))}.v1919-settings-account>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent)}.v1919-settings-account svg{width:22px}.v1919-settings-account small{color:var(--teal);font:800 8px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.08em}.v1919-settings-account h3{margin:3px 0;font-size:14px}.v1919-settings-account p{margin:0;color:var(--mut);font-size:9.5px}.v1919-settings-account code{overflow-wrap:anywhere;color:var(--txt)}
.v1919-account-intro{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;margin-bottom:16px;padding:16px;border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 10%,var(--bg)),var(--bg))}.v1919-account-intro>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:var(--teal);background:color-mix(in srgb,var(--teal) 13%,transparent)}.v1919-account-intro svg{width:26px}.v1919-account-intro small{color:var(--teal);font:800 8px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.08em}.v1919-account-intro h3{margin:3px 0;font-size:17px}.v1919-account-intro p{margin:0;color:var(--mut);font-size:9.5px;line-height:1.5}
.v1919-account-tabs{display:flex;gap:4px;margin-bottom:16px;padding:4px;border-radius:12px;background:var(--bg)}.v1919-account-tabs button{flex:1;padding:9px;border:0;border-radius:9px;background:transparent;color:var(--mut);font:inherit;font-size:11.5px;cursor:pointer}.v1919-account-tabs button[aria-selected="true"]{color:var(--txt);background:var(--bg2);box-shadow:0 4px 12px rgba(0,0,0,.08)}#v1919AccountForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#v1919AccountForm label{font-size:10px;color:var(--mut)}#v1919AccountForm[data-view="login"] label{grid-column:1/-1}#v1919AccountForm input{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--txt);font:inherit}#v1919AccountForm input:focus{outline:2px solid color-mix(in srgb,var(--teal) 35%,transparent);border-color:var(--teal)}#v1919AccountForm label>small{display:block;margin-top:4px;color:var(--mut);font-size:8.5px}#v1919AccountForm>.btn{justify-self:start;margin-top:3px}#v1919AccountForm>.btn:disabled{opacity:.5;cursor:not-allowed}.v1919-forgot{align-self:center;justify-self:end;border:0;background:transparent;color:var(--teal);font:inherit;font-size:9.5px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.v1919-backend-state{display:flex;align-items:center;gap:8px;margin-top:15px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:var(--mut);font-size:9.5px}.v1919-backend-state i{width:7px;height:7px;border-radius:50%;background:#8c9aa5}.v1919-backend-state[data-ready="1"] i{background:#3ed49b;box-shadow:0 0 0 3px rgba(62,212,155,.12)}.v1919-backend-state[data-ready="0"] i{background:#f3b743;box-shadow:0 0 0 3px rgba(243,183,67,.12)}#v1919AccountMessage{min-height:20px;margin-top:10px;color:var(--teal);font-size:10.5px}.v1919-account-profile{display:flex;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.v1919-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#06242d;background:var(--teal);font-weight:900}.v1919-account-profile small{color:var(--teal);font:8px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase}.v1919-account-profile h3{margin:3px 0}.v1919-account-profile p{margin:0;color:var(--mut);font-size:10px}.v1919-account-id{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v1919-account-id span{min-width:0}.v1919-account-id small,.v1919-account-id code{display:block}.v1919-account-id small{margin-bottom:4px;color:var(--mut);font-size:8.5px}.v1919-account-id code{overflow-wrap:anywhere;color:var(--txt);font-size:10px}.v1919-sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.v1919-sync-grid article{display:grid;grid-template-columns:35px 1fr;gap:2px 10px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v1919-sync-grid article>span{grid-row:1/span 2;color:var(--teal)}.v1919-sync-grid svg{width:20px}.v1919-sync-grid b{font-size:11px}.v1919-sync-grid small{color:var(--mut);font-size:8.5px}.v1919-dev-sidebar [data-dev-nav="account"][data-signed-in="1"]>span{color:#06242d;background:var(--teal)}

.v1919-focus-intro{display:flex;align-items:center;gap:15px;padding:16px;border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--teal) 7%,var(--bg))}.v1919-focus-intro>span{display:grid;place-items:center;flex:0 0 50px;height:50px;border-radius:15px;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent)}.v1919-focus-intro svg{width:25px}.v1919-focus-intro h3{margin:0}.v1919-focus-intro p{margin:4px 0 0;color:var(--mut)}.v1919-focus-times{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.v1919-focus-times button{padding:17px;border:1px solid var(--line);border-radius:14px;text-align:left;color:var(--txt);background:var(--bg);cursor:pointer}.v1919-focus-times button:hover{border-color:var(--teal);transform:translateY(-2px)}.v1919-focus-times b,.v1919-focus-times span{display:block}.v1919-focus-times b{font-size:26px;color:var(--teal)}.v1919-focus-times span{color:var(--mut);font-size:9px}.v1919-focus-goal{font-size:10px;color:var(--mut)}.v1919-focus-goal input{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--txt);font:inherit}.v1919-focus-preview{margin-top:13px;padding:11px 13px;border-left:3px solid var(--teal);background:color-mix(in srgb,var(--teal) 6%,var(--bg));border-radius:0 10px 10px 0}.v1919-focus-preview small{color:var(--teal);text-transform:uppercase;font:8px ui-monospace,SFMono-Regular,monospace}.v1919-focus-preview p{margin:3px 0;color:var(--mut);font-size:10px}.v1919-focus-pill{position:fixed;right:18px;bottom:18px;z-index:300;min-width:185px;padding:10px 11px;border:1px solid var(--teal);border-radius:15px;display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;color:var(--txt);background:color-mix(in srgb,var(--bg2) 94%,transparent);backdrop-filter:blur(15px);box-shadow:0 15px 42px rgba(0,0,0,.26)}.v1919-focus-pill[hidden]{display:none}.v1919-focus-pill>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent)}.v1919-focus-pill svg{width:18px}.v1919-focus-pill small,.v1919-focus-pill b{display:block}.v1919-focus-pill small{color:var(--mut);font-size:8px}.v1919-focus-pill b{font:800 13px ui-monospace,SFMono-Regular,monospace}.v1919-focus-pill button{border:0;background:transparent;color:var(--mut);font:9px inherit;cursor:pointer}

.v1919-palette-search{display:grid;grid-template-columns:22px 1fr auto;gap:9px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v1919-palette-search svg{width:19px;color:var(--mut)}.v1919-palette-search input{width:100%;border:0;outline:0;color:var(--txt);background:transparent;font:inherit}.v1919-palette-search kbd{padding:3px 6px;border:1px solid var(--line);border-radius:6px;color:var(--mut);font:8px ui-monospace,SFMono-Regular,monospace}.v1919-palette-results{display:grid;gap:4px;margin-top:10px}.v1919-palette-results button{display:grid;grid-template-columns:34px 1fr 18px;gap:10px;align-items:center;padding:10px;border:0;border-radius:11px;text-align:left;color:var(--txt);background:transparent;cursor:pointer}.v1919-palette-results button:hover{background:var(--bg)}.v1919-palette-results button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--teal);background:color-mix(in srgb,var(--teal) 9%,transparent)}.v1919-palette-results svg{width:18px}.v1919-palette-results button>svg{width:14px;color:var(--mut)}.v1919-palette-results b,.v1919-palette-results small{display:block}.v1919-palette-results b{font-size:11.5px}.v1919-palette-results small{color:var(--mut);font-size:8.5px}.v1919-palette-results>p{padding:18px;text-align:center;color:var(--mut)}

.v1919-density-compact .v1919-dev-sidebar nav button{min-height:42px}.v1919-density-compact .v1919-dev-sidebar nav button>small{display:none}.v1919-density-compact .v1919-dev-modal-body,.v1919-density-compact #v1919DevModalBody{padding:16px}.v1919-reduce-motion *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
@media(prefers-reduced-motion:reduce){.v1919-nav-active *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:900px){
  .v1919-nav-active,.v1919-nav-collapsed{padding-left:0}
  .v1919-dev-sidebar,.v1919-nav-collapsed .v1919-dev-sidebar{width:min(280px,86vw);transform:translateX(-105%)}
  .v1919-nav-open .v1919-dev-sidebar{transform:translateX(0)}
  .v1919-mobile-menu{display:grid;place-items:center}.v1919-dev-scrim{display:block}.v1919-dev-scrim[hidden]{display:none}.v1919-nav-open .v1919-dev-scrim{display:block}
  .v1919-nav-collapsed .v1919-dev-brand>div,.v1919-nav-collapsed .v1919-dev-lock,.v1919-nav-collapsed .v1919-nav-group,.v1919-nav-collapsed .v1919-dev-sidebar button>b,.v1919-nav-collapsed .v1919-dev-sidebar button>small,.v1919-nav-collapsed .v1919-dev-sidebar button>em,.v1919-nav-collapsed .v1919-dev-sidebar button>kbd,.v1919-nav-collapsed .v1919-sidebar-pulse,.v1919-nav-collapsed .v1919-dev-footer-actions{display:revert}
  .v1919-nav-collapsed .v1919-dev-sidebar>header{display:flex}.v1919-nav-collapsed .v1919-dev-brand>span{margin:0}.v1919-nav-collapsed .v1919-dev-sidebar>header>button{margin:0}.v1919-nav-collapsed .v1919-dev-sidebar>header>button svg{transform:none}.v1919-nav-collapsed .v1919-dev-sidebar nav button,.v1919-nav-collapsed .v1919-dev-sidebar footer>button{display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:"icon label extra" "icon hint extra";place-items:initial;padding:8px 10px}
  .v1919-dev-launch{display:block}.v1919-dev-launch-actions{margin-top:13px;text-align:left}.v1919-dev-launch-actions>span{display:inline-block;margin:0 9px 0 0}
}
@media(max-width:640px){
  .v1919-dev-modal{padding:0}.v1919-dev-modal>section{width:100%;height:100%;max-height:none;border:0;border-radius:0}.v1919-dev-modal>section>header{min-height:68px;padding:13px 15px}.v1919-dev-modal-body,#v1919DevModalBody{padding:16px}
  .v1919-theme-grid{grid-template-columns:repeat(2,1fr)}.v1919-setting-row{grid-template-columns:1fr}.v1919-settings-account{grid-template-columns:42px 1fr}.v1919-settings-account>.btn{grid-column:1/-1;width:100%}.v1919-account-intro{grid-template-columns:44px 1fr;padding:13px}.v1919-account-intro>span{width:44px;height:44px}.v1919-account-intro svg{width:21px}#v1919AccountForm{grid-template-columns:1fr}#v1919AccountForm label{grid-column:1}.v1919-account-id{align-items:flex-start;flex-direction:column}.v1919-account-id>.btn{width:100%}.v1919-metric-grid{grid-template-columns:repeat(2,1fr)}.v1919-pulse-hero{grid-template-columns:1fr;text-align:center}.v1919-pulse-ring{margin:auto}.v1919-award-grid{grid-template-columns:1fr}.v1919-focus-times{grid-template-columns:1fr}.v1919-focus-times button{display:flex;gap:10px;align-items:baseline}.v1919-sync-grid{grid-template-columns:1fr}.v1919-dev-launch>div:first-child>span{display:none}.v1919-locked-feature{grid-template-columns:1fr}.v1919-locked-feature>span{width:48px;height:48px}
}

/* ===== v19.23: samlade inställningar, fler teman och lugnare topp ===== */
html[data-v1919-theme="ocean"]{--bg:#06192b;--bg2:#0b2a45;--line:#24506d;--txt:#eff9ff;--mut:#9ab8cb;--teal:#54c9ff;--teal-d:#278ab9}
html[data-v1919-theme="forest"]{--bg:#0b1a16;--bg2:#132a23;--line:#315044;--txt:#eff9f4;--mut:#9bb5aa;--teal:#62d7a5;--teal-d:#2f9b70}
html[data-v1919-theme="sand"]{--bg:#f3eee4;--bg2:#fffaf1;--line:#d9cdbd;--txt:#302a24;--mut:#766b5f;--teal:#188d84;--teal-d:#116c65;--amber:#c58428}
html[data-v1919-theme="aurora"]{--bg:#151326;--bg2:#231f3b;--line:#484263;--txt:#faf6ff;--mut:#b6acc9;--teal:#8fe4d2;--teal-d:#54ae9e}
html[data-v1919-accent="coral"]{--teal:#ff8176;--teal-d:#d95650}
html[data-v1919-accent="lime"]{--teal:#9bd650;--teal-d:#659b2c}

body.v1919-nav-active .site-header .header-controls{display:none!important}
body.v1919-nav-active .site-header{justify-content:flex-start;min-height:58px;padding:9px 0 7px}
body.v1919-nav-active .site-header .brand-symbol{width:38px;height:38px;border-radius:12px;box-shadow:none}

.v1919-theme-grid .ocean{background:linear-gradient(145deg,#06192b,#0d4166)}
.v1919-theme-grid .forest{background:linear-gradient(145deg,#0b1a16,#20513e)}
.v1919-theme-grid .sand{background:linear-gradient(145deg,#f1e7d6,#fffaf1)}
.v1919-theme-grid .aurora{background:linear-gradient(145deg,#17142b,#5f3f86)}
.v1919-theme-grid button{transition:transform .14s,border-color .14s,box-shadow .14s}
.v1919-theme-grid button:hover{border-color:color-mix(in srgb,var(--teal) 65%,var(--line));transform:translateY(-1px)}
.v1919-theme-grid button:focus-visible,.v1919-accent-picks button:focus-visible,.v1920-tool-grid button:focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 38%,transparent);outline-offset:2px}
.v1919-accent-picks{flex-wrap:wrap}
.v1919-accent-picks button[data-accent="coral"]{background:#ff8176}
.v1919-accent-picks button[data-accent="lime"]{background:#9bd650}

.v1920-tools-section{margin-top:20px;padding-top:19px;border-top:1px solid var(--line)}
.v1920-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:11px}
.v1920-section-head small{color:var(--teal);font:800 9px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.1em}
.v1920-section-head h3{margin:3px 0 0;font-size:15px}
.v1920-device-status{display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font-size:9px;white-space:nowrap}
.v1920-device-status i{width:7px;height:7px;border-radius:50%;background:#f2b233}
.v1920-device-status[data-online="1"] i{background:#45d49d;box-shadow:0 0 0 3px rgba(69,212,157,.12)}
.v1920-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v1920-tool-grid button{min-height:90px;padding:12px;border:1px solid var(--line);border-radius:13px;text-align:left;color:var(--txt);background:var(--bg);cursor:pointer;transition:transform .14s,border-color .14s,background .14s}
.v1920-tool-grid button:hover:not(:disabled){border-color:var(--teal);background:color-mix(in srgb,var(--teal) 6%,var(--bg));transform:translateY(-1px)}
.v1920-tool-grid button:disabled{opacity:.48;cursor:not-allowed}
.v1920-tool-grid button>span{display:grid;place-items:center;width:31px;height:31px;margin-bottom:9px;border-radius:9px;color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent)}
.v1920-tool-grid svg{width:17px}.v1920-tool-grid b,.v1920-tool-grid small{display:block}
.v1920-tool-grid b{font-size:11.5px}.v1920-tool-grid small{margin-top:2px;color:var(--mut);font-size:8.5px;line-height:1.35}
.v1920-tool-grid button[data-danger="1"]>span{color:#ff8176;background:rgba(255,129,118,.1)}
.v1920-tool-grid button[data-danger="1"]:hover{border-color:#ff8176}
.v1920-inline-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.v1920-save-status{align-self:center;margin-right:auto;color:var(--mut);font-size:9.5px}
.v1920-density-spacious .v1919-dev-sidebar nav button{min-height:55px}
.v1920-density-spacious #v1919DevModalBody{padding:28px}
.v1920-density-spacious .v1919-home-stage{gap:17px}
.v1920-density-spacious .v1919-home-stage .student-home-panel{padding:25px!important}

@media(min-width:901px){body.v1919-nav-active.home-active .site-header{display:none!important}}
@media(max-width:900px){body.v1919-nav-active .site-header{display:flex!important;min-height:58px;padding:9px 0 7px}}
@media(max-width:640px){
  .v1920-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v1920-section-head{display:block}.v1920-device-status{width:max-content;margin-top:8px}
  .v1919-settings-account>.v1920-inline-actions{grid-column:1/-1;width:100%}.v1920-inline-actions .btn{flex:1}
}


/* SOURCE: assets/itplugg-v19.23-delight.css */
/* ITPlugg v19.23 – lärarcockpit, stabil overlay och kompakt driftgåta */

/* När lärarstudion är öppen lämnar elevnavigationen hela arbetsytan till läraren. */
body.v1921-teacher-open{padding-left:0!important;overflow:hidden!important}
body.v1921-teacher-open #v1919DevSidebar{transform:translateX(-108%);opacity:0;pointer-events:none}
body.v1921-teacher-open #v1919MobileMenu,body.v1921-teacher-open #v1919DevScrim{opacity:0;pointer-events:none}
body.v1921-teacher-open #adminModal,body.v1921-teacher-open #adminAuthModal{z-index:1200}
#adminModal.admin-modal,#adminAuthModal.admin-modal{padding:12px}
#adminModal .admin-panel{width:min(1220px,calc(100vw - 24px));max-width:1220px;max-height:calc(100dvh - 24px)}
.v1919-lesson-overlay{z-index:1300}

.v1921-teacher-cockpit{display:grid;gap:14px;padding:19px;border:1px solid #d5e3e8;border-radius:19px;background:linear-gradient(145deg,#fff,#f1faf8);box-shadow:0 8px 26px rgba(25,66,76,.07)}
.v1921-teacher-cockpit>header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.v1921-teacher-cockpit>header>div{max-width:680px}.v1921-teacher-cockpit small{color:#08756f;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:850}.v1921-teacher-cockpit h3{margin:4px 0 5px;font-size:clamp(20px,2.4vw,29px);letter-spacing:-.035em}.v1921-teacher-cockpit p{margin:0;color:#68798d;line-height:1.5}
.v1921-teacher-cockpit>header label{flex:0 0 min(280px,38%);color:#526277;font-size:10px;font-weight:800}.v1921-teacher-cockpit select{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid #cfdbe4;border-radius:11px;color:#173448;background:#fff;font:inherit}
.v1921-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.v1921-preset-grid>button{min-width:0;padding:13px;border:1px solid #d7e1e9;border-radius:15px;display:grid;grid-template-columns:51px minmax(0,1fr);gap:11px;text-align:left;color:#173448;background:#fff;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}
.v1921-preset-grid>button>div,.v1921-teacher-cockpit>header>*{min-width:0}
.v1921-preset-grid>button:hover{transform:translateY(-2px);border-color:#78c6bd}.v1921-preset-grid>button[data-active="1"]{border-color:#1ba995;background:#effbf8;box-shadow:0 7px 20px rgba(12,134,116,.1)}
.v1921-preset-grid>button>span{width:51px;height:51px;border-radius:14px;display:grid;place-content:center;text-align:center;color:#eafffb;background:#0a5961;font:850 20px/1 ui-monospace,SFMono-Regular,monospace}.v1921-preset-grid>button>span small{display:block;margin-top:3px;color:#aee7df;font-size:7px}
.v1921-preset-grid>button div>small{display:block;margin-bottom:2px}.v1921-preset-grid>button b{display:block;font-size:14px}.v1921-preset-grid>button p{margin-top:3px;font-size:10px;line-height:1.35}
.v1921-cockpit-summary{padding:12px 13px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#eafffb;background:linear-gradient(120deg,#083c4b,#075f61)}.v1921-cockpit-summary small,.v1921-cockpit-summary b,.v1921-cockpit-summary span{display:block}.v1921-cockpit-summary small{color:#8adfd4}.v1921-cockpit-summary b{margin:2px 0;font-size:13px}.v1921-cockpit-summary span{color:#c3dfdf;font-size:10px}.v1921-cockpit-summary .btn{flex:0 0 auto;margin:0;border-color:#5be2ce;background:#36d8c4;color:#052d32}
.v1921-cockpit-status{font-size:10px!important;min-height:15px}
.v1921-exit-studio{padding:14px;border:1px dashed #b6d7d4;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff}.v1921-exit-studio h4{margin:3px 0 8px}.v1921-exit-studio blockquote{margin:0;padding-left:12px;border-left:3px solid #1ba995;color:#24455a;font-weight:720;line-height:1.45}.v1921-exit-studio>div:first-child>span{display:block;margin-top:6px;color:#0c7e70;font-size:9px}.v1921-exit-studio>div:last-child{display:flex;gap:7px;flex:0 0 auto}.v1921-exit-studio .btn{margin:0}
.v1922-teacher-tools{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px}.v1922-board-builder{padding:14px;border:1px solid #b8d8e2;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(135deg,#eef8fb,#fff)}.v1922-board-builder h4{margin:3px 0 4px}.v1922-board-builder p{font-size:10px}.v1922-board-builder .btn{flex:0 0 auto;margin:0}

.v1921-daily-challenge{margin-top:12px;border:1px solid color-mix(in srgb,var(--pri,#0d9488) 28%,var(--line));border-radius:17px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 96%,var(--pri) 4%),var(--card))}
.v1921-daily-challenge summary{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.v1921-daily-challenge summary::-webkit-details-marker{display:none}.v1921-daily-challenge summary:after{content:"+";order:3;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card));font-weight:900}.v1921-daily-challenge[open] summary:after{content:"−"}
.v1921-daily-challenge summary span{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.v1921-daily-challenge summary small{color:var(--pri);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.v1921-daily-challenge summary i{margin-left:auto;color:var(--mut);font-size:9px;font-style:normal}
.v1921-challenge-body{padding:0 14px 14px;border-top:1px solid var(--line)}.v1921-terminal-prompt{margin:13px 0;padding:14px;border-radius:13px;color:#eaf8f6;background:#082432;box-shadow:inset 0 0 0 1px rgba(87,222,199,.2)}.v1921-terminal-prompt span{display:block;margin-bottom:7px;color:#62dfca;font:9px ui-monospace,SFMono-Regular,monospace}.v1921-terminal-prompt p{margin:0;color:#eaf8f6;font:650 13px/1.5 ui-monospace,SFMono-Regular,monospace}
.v1921-challenge-actions{display:flex;gap:7px;flex-wrap:wrap}.v1921-challenge-actions .btn{margin:0}.v1921-challenge-reveal{margin:9px 0 0;padding:10px 11px;border-left:3px solid #d99b35;border-radius:0 10px 10px 0;color:var(--ink);background:color-mix(in srgb,#d99b35 10%,var(--card));font-size:11px;line-height:1.5}.v1921-challenge-reveal.answer{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 8%,var(--card))}.v1921-challenge-link{margin-top:11px;padding:0;border:0;color:var(--pri);background:transparent;font:800 10px inherit;cursor:pointer}.v1921-challenge-link:hover{text-decoration:underline}
.v1922-challenge-options{display:grid;gap:7px;margin:0 0 10px}.v1922-challenge-options button{width:100%;min-height:43px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--ink);background:var(--card);font:720 11px/1.4 inherit;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.v1922-challenge-options button:hover:not(:disabled){transform:translateX(2px);border-color:var(--pri)}.v1922-challenge-options button>span{flex:0 0 25px;height:25px;border-radius:8px;display:grid;place-items:center;color:var(--pri);background:color-mix(in srgb,var(--pri) 9%,var(--card));font:850 9px ui-monospace,SFMono-Regular,monospace}.v1922-challenge-options button[data-state="correct"]{border-color:#21996f;background:#e8f8f1;color:#0a5e43}.v1922-challenge-options button[data-state="selected"]{border-color:#cf6972;background:#fff0f1;color:#842b34}.v1922-challenge-options button:disabled{cursor:default}.v1922-challenge-feedback{margin:10px 0 0;padding:11px 12px;border-left:4px solid #cf6972;border-radius:0 11px 11px 0;color:#173448;background:#fff0f1}.v1922-challenge-feedback[data-correct="1"]{border-color:#21996f;background:#e8f8f1}.v1922-challenge-feedback b{display:block}.v1922-challenge-feedback p{margin:4px 0 0;color:#52687a;font-size:11px;line-height:1.5}

body.v1922-board-open{overflow:hidden!important}.v1922-board-deck{position:fixed;inset:0;z-index:1400;width:100vw;max-width:100vw;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;color:#eef8ff;background:radial-gradient(circle at 82% 8%,rgba(44,211,188,.12),transparent 32%),#071827}.v1922-board-deck[hidden]{display:none!important}.v1922-board-deck>*{min-width:0}.v1922-board-deck>header,.v1922-board-deck>footer{min-width:0;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0b2132;border-bottom:1px solid #29485a}.v1922-board-deck>footer{border-top:1px solid #29485a;border-bottom:0}.v1922-board-deck>header>div{min-width:0;display:flex;align-items:center;gap:12px}.v1922-board-deck>header>div:last-child{flex:0 0 auto}.v1922-board-deck>header small{display:block;color:#69dfcd;font:800 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;text-transform:uppercase}.v1922-board-deck>header b{min-width:0;font-size:15px;overflow-wrap:anywhere}.v1922-board-deck>header span{color:#9db5c5;font:800 11px ui-monospace,SFMono-Regular,monospace}.v1922-board-deck .btn{margin:0}.v1922-board-deck>main{min-width:0;min-height:0;padding:clamp(24px,5vw,70px);display:grid;place-items:center;overflow:auto}.v1922-board-deck article{box-sizing:border-box;width:100%;max-width:1080px;min-width:0}.v1922-board-deck article>small{color:#69dfcd;font:800 11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;text-transform:uppercase}.v1922-board-deck h1{max-width:19ch;margin:12px 0 25px;font-size:clamp(35px,5.4vw,70px);line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere}.v1922-board-options{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px}.v1922-board-options span{min-width:0;padding:14px;border:1px solid #294b5e;border-radius:14px;display:flex;align-items:center;gap:12px;overflow-wrap:anywhere;color:#dceaf2;background:#0c2233;font-size:clamp(14px,1.6vw,20px)}.v1922-board-options b{flex:0 0 32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#69dfcd;background:#15364a;font:850 11px ui-monospace,SFMono-Regular,monospace}.v1922-board-instruction{max-width:68ch;margin:0 0 22px;color:#b8cad5;font-size:clamp(16px,2vw,23px);line-height:1.55}.v1922-board-answer{margin-top:20px;padding:18px 20px;border-left:4px solid #69dfcd;border-radius:0 14px 14px 0;background:#0d2b3e}.v1922-board-answer small,.v1922-board-answer b{display:block}.v1922-board-answer small{color:#69dfcd;font:800 9px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase}.v1922-board-answer b{margin:5px 0;font-size:clamp(18px,2.3vw,28px)}.v1922-board-answer p{margin:0;color:#bad0dc;line-height:1.5}.v1922-board-deck>footer>span{min-width:0;margin:auto;color:#8da8b9;font-size:10px;text-align:center}.v1922-board-deck>footer>.btn{flex:0 0 auto}

@media(max-width:820px){
  #adminModal.admin-modal,#adminAuthModal.admin-modal{padding:0}
  #adminModal .admin-panel{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0}
  .v1921-teacher-cockpit>header{display:block}.v1921-teacher-cockpit>header label{display:block;margin-top:12px}.v1921-preset-grid,.v1922-teacher-tools{grid-template-columns:1fr}.v1921-preset-grid>button{grid-template-columns:45px 1fr}.v1921-preset-grid>button>span{width:45px;height:45px;font-size:17px}
  .v1922-board-deck>footer>span{display:none}.v1922-board-options{grid-template-columns:1fr}
}
@media(max-width:1050px){.v1922-board-options{grid-template-columns:1fr}}
@media(max-width:1100px) and (min-width:821px){
  .v1921-teacher-cockpit>header{display:block}.v1921-teacher-cockpit>header label{display:block;width:min(100%,420px);margin-top:12px}
  .v1921-preset-grid{grid-template-columns:1fr}.v1921-preset-grid>button{grid-template-columns:47px minmax(0,1fr)}.v1921-preset-grid>button>span{width:47px;height:47px;font-size:18px}
}
@media(max-width:600px){
  .v1921-teacher-cockpit{padding:14px}.v1921-cockpit-summary,.v1921-exit-studio,.v1922-board-builder{align-items:stretch;flex-direction:column}.v1921-cockpit-summary .btn,.v1922-board-builder .btn{width:100%}.v1921-exit-studio>div:last-child{display:grid;grid-template-columns:1fr 1fr}.v1921-daily-challenge summary i{display:none}.v1922-board-deck>header,.v1922-board-deck>footer{padding:10px}.v1922-board-deck>header small{display:none}.v1922-board-deck>main{padding:22px 15px}.v1922-board-deck h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.v1921-preset-grid>button,.v1922-challenge-options button{transition:none!important}.v1921-preset-grid>button:hover,.v1922-challenge-options button:hover{transform:none!important}}


/* SOURCE: assets/itplugg-v19.23-student.css */
/* ITPlugg v19.23 – en lugnare, tydligare och mer lockande elevresa */

/* På mindre laptops blir sidomenyn automatiskt kompakt så lärandet får plats. */
body.v1923-auto-compact.v1919-nav-active{padding-left:78px}
body.v1923-auto-compact .v1919-dev-sidebar{width:78px}
body.v1923-auto-compact .v1919-dev-brand>div,
body.v1923-auto-compact .v1919-dev-lock,
body.v1923-auto-compact .v1919-nav-group,
body.v1923-auto-compact .v1919-dev-sidebar button>b,
body.v1923-auto-compact .v1919-dev-sidebar button>small,
body.v1923-auto-compact .v1919-dev-sidebar button>em,
body.v1923-auto-compact .v1919-dev-sidebar button>kbd,
body.v1923-auto-compact .v1919-sidebar-pulse,
body.v1923-auto-compact .v1919-dev-footer-actions{display:none}
body.v1923-auto-compact .v1919-dev-sidebar>header{display:block}
body.v1923-auto-compact .v1919-dev-brand>span{margin:auto}
body.v1923-auto-compact .v1919-dev-sidebar>header>button{margin:7px auto 0}
body.v1923-auto-compact .v1919-dev-sidebar>header>button svg{transform:rotate(180deg)}
body.v1923-auto-compact .v1919-dev-sidebar nav button,
body.v1923-auto-compact .v1919-dev-sidebar footer>button{display:grid;grid-template-columns:1fr;grid-template-areas:"icon";place-items:center;padding:8px}

/* Elevkompassen ersätter konkurrerande snabbknappar med tre meningsfulla val. */
.v1923-student-compass{margin:15px 0 12px;padding:16px;border:1px solid color-mix(in srgb,var(--teal) 34%,var(--line));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--teal) 8%,var(--bg2)),var(--bg2));box-shadow:0 12px 30px rgba(4,24,38,.07)}
.v1923-student-compass>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.v1923-student-compass>header small{display:block;color:var(--teal);font:850 9px var(--m);letter-spacing:.12em;text-transform:uppercase}
.v1923-student-compass>header h3{margin:3px 0 4px;font-size:19px;letter-spacing:-.025em}
.v1923-student-compass>header p{margin:0;color:var(--mut);font-size:11px;line-height:1.45}
.v1923-student-compass>header>span{flex:0 0 auto;max-width:38%;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font:750 8.5px var(--m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v1923-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v1923-route-grid>button{position:relative;min-width:0;min-height:86px;padding:11px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:29px minmax(0,1fr);grid-template-areas:"num copy" "tag tag";gap:3px 9px;text-align:left;color:var(--txt);background:color-mix(in srgb,var(--bg) 83%,transparent);cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}
.v1923-route-grid>button:hover{transform:translateY(-2px);border-color:var(--teal);box-shadow:0 9px 22px rgba(4,24,38,.1)}
.v1923-route-grid>button[data-recommended="1"]{border-color:color-mix(in srgb,var(--teal) 72%,var(--line));background:color-mix(in srgb,var(--teal) 10%,var(--bg))}
.v1923-route-grid>button[data-recommended="1"]:after{content:"REK";position:absolute;right:8px;top:7px;color:var(--teal);font:850 7px var(--m);letter-spacing:.08em}
.v1923-route-grid>button>span{grid-area:num;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:var(--teal);background:color-mix(in srgb,var(--teal) 11%,transparent);font:850 9px var(--m)}
.v1923-route-grid>button>div{grid-area:copy;min-width:0;padding-right:20px}.v1923-route-grid b,.v1923-route-grid small{display:block}.v1923-route-grid b{font-size:12.5px}.v1923-route-grid small{margin-top:2px;color:var(--mut);font-size:9px;line-height:1.3}
.v1923-route-grid em{grid-area:tag;margin-top:6px;color:var(--teal);font:750 8.5px var(--m);font-style:normal}
.v1923-route-recommend{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 10px;border-radius:11px;background:color-mix(in srgb,var(--teal) 6%,var(--bg))}
.v1923-route-recommend i{flex:0 0 7px;width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal) 12%,transparent)}
.v1923-route-recommend p{margin:0!important;color:var(--mut)!important;font-size:10px!important;line-height:1.45!important}
.v1923-student-upgrade .student-home-panel>.quick-actions{display:none!important}

/* Lärläge: ingen dold nedräkning och ett enda tydligt nästa steg. */
.v1923-student-upgrade #autoNextStatus{display:none!important}
.v1923-student-upgrade:not(.quiz-arena) #v17Timer{display:none!important}
.v1923-student-upgrade #quizRun .unknown-btn{border-style:dashed;background:transparent;color:var(--mut);font-weight:650}
.v1923-student-upgrade #quizRun .qfoot{justify-content:flex-end;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.v1923-student-upgrade #quizRun #quitBtn{margin-right:auto;color:var(--mut);background:transparent}
.v1923-student-upgrade #quizRun #nextBtn.ready-next{min-width:170px;box-shadow:0 8px 22px color-mix(in srgb,var(--teal) 20%,transparent)}
#qOpts.v1923-text-question{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:9px;align-items:center}
#qOpts.v1923-text-question input.blank{width:100%;max-width:none;grid-column:1;margin:0}
#qOpts.v1923-text-question input.blank+button{grid-column:2;margin:0!important;min-height:46px}
#qOpts.v1923-text-question .unknown-btn{grid-column:1/-1;width:max-content;max-width:100%;margin:0!important}
.v1923-retrieval-nudge{margin:2px 0 0;padding:11px 12px;border-radius:11px;color:var(--mut);background:color-mix(in srgb,var(--teal) 7%,var(--bg));font-size:12px;line-height:1.5}
.v1923-retrieval-nudge b{color:var(--txt)}

/* Lexikonet visar en hanterbar mängd i taget. */
#lexGrid>.lex-card[hidden]{display:none!important}
.v1923-lex-pager{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:11px;padding:8px 0 4px}
.v1923-lex-pager .btn{min-width:190px}
.v1923-lex-pager span{color:var(--mut);font:750 10px var(--m)}

/* Ett labb avslutas med vad eleven faktiskt tränade, inte bara en poäng. */
.v1923-lab-debrief{max-width:640px;margin:16px auto;padding:16px;border:1px solid color-mix(in srgb,var(--teal) 34%,var(--line));border-radius:15px;text-align:left;background:color-mix(in srgb,var(--teal) 7%,var(--bg2))}
.v1923-lab-debrief small{color:var(--teal);font:850 9px var(--m);letter-spacing:.1em;text-transform:uppercase}
.v1923-lab-debrief h3{margin:5px 0 6px;font-size:17px}.v1923-lab-debrief p{margin:0 0 12px;color:var(--mut);font-size:12px;line-height:1.5}

.v1923-student-upgrade #v1910PracticalLabs{padding:0;overflow:hidden;background:var(--bg2)}
.v1923-practical-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;cursor:pointer;list-style:none}
.v1923-practical-drawer>summary::-webkit-details-marker{display:none}.v1923-practical-drawer>summary span,.v1923-practical-drawer>summary small,.v1923-practical-drawer>summary b{display:block}.v1923-practical-drawer>summary small{color:#79aef5;font:850 8px var(--m);letter-spacing:.1em;text-transform:uppercase}.v1923-practical-drawer>summary b{margin-top:3px;font-size:13px}.v1923-practical-drawer>summary i{margin-left:auto;color:var(--mut);font:9px var(--m);font-style:normal;text-align:right}.v1923-practical-drawer>summary:after{content:"+";flex:0 0 27px;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;color:#79aef5;background:color-mix(in srgb,#79aef5 10%,var(--bg));font-weight:850}.v1923-practical-drawer[open]>summary:after{content:"−"}.v1923-practical-drawer[open]>summary{border-bottom:1px solid var(--line)}
.v1923-practical-body{padding:15px}.v1923-practical-body>.v1910-section-head{display:none}

/* Direktnavigation ska landa vid själva aktiviteten. */
#pQuiz,#pLex,#pLabs,#pPlan{scroll-margin-top:14px}

@media(max-width:820px){
  .v1923-route-grid{grid-template-columns:1fr}.v1923-route-grid>button{min-height:68px;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"num copy tag";align-items:center}.v1923-route-grid em{margin:0;text-align:right}
}
@media(max-width:600px){
  .v1923-student-compass{margin:13px 0 10px;padding:13px}.v1923-student-compass>header{display:block}.v1923-student-compass>header>span{display:block;width:max-content;max-width:100%;margin-top:8px}
  .v1923-practical-drawer>summary i{display:none}
  .v1923-route-grid>button{grid-template-columns:30px minmax(0,1fr);grid-template-areas:"num copy" "tag tag"}.v1923-route-grid em{text-align:left;margin-top:5px}
  #qOpts.v1923-text-question{grid-template-columns:1fr}#qOpts.v1923-text-question input.blank,#qOpts.v1923-text-question input.blank+button,#qOpts.v1923-text-question .unknown-btn{grid-column:1;width:100%}
  .v1923-student-upgrade #quizRun #nextBtn.ready-next{min-width:0}
}
@media(prefers-reduced-motion:reduce){.v1923-route-grid>button{transition:none!important}.v1923-route-grid>button:hover{transform:none!important}}


/* SOURCE: assets/itplugg-v19.24.css */
/* 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}
}


/* SOURCE: assets/itplugg-v19.25.css */
/* ITPlugg v19.28 – komplett färgsystem, fokuserade kursvyer och praktiklabbar */

/* Färgen finns både som hex och RGB så även skuggor/transparens följer valet. */
:root{--accent-rgb:54 216 196;--accent-ink:#05262b}
html[data-v1919-accent="teal"]{--teal:#36d8c4;--teal-d:#1b9f92;--accent-rgb:54 216 196;--accent-ink:#05262b}
html[data-v1919-accent="blue"]{--teal:#68a8ff;--teal-d:#397edc;--accent-rgb:104 168 255;--accent-ink:#061a32}
html[data-v1919-accent="violet"]{--teal:#aa91ff;--teal-d:#7656df;--accent-rgb:170 145 255;--accent-ink:#1d1338}
html[data-v1919-accent="amber"]{--teal:#f5b83f;--teal-d:#bd7f13;--accent-rgb:245 184 63;--accent-ink:#302006}
html[data-v1919-accent="coral"]{--teal:#ff8176;--teal-d:#c95048;--accent-rgb:255 129 118;--accent-ink:#35100d}
html[data-v1919-accent="lime"]{--teal:#9bd650;--teal-d:#679b2e;--accent-rgb:155 214 80;--accent-ink:#172807}
html[data-v1919-accent="rose"]{--teal:#f277a8;--teal-d:#bd4777;--accent-rgb:242 119 168;--accent-ink:#351021}
html[data-v1919-accent="cyan"]{--teal:#42c9ee;--teal-d:#178aab;--accent-rgb:66 201 238;--accent-ink:#062833}
html[data-v1919-accent="indigo"]{--teal:#7e8cff;--teal-d:#4d5bd0;--accent-rgb:126 140 255;--accent-ink:#111537}
html[data-v1919-accent="orange"]{--teal:#f3984d;--teal-d:#b96323;--accent-rgb:243 152 77;--accent-ink:#321a08}
html[data-v1919-accent="mint"]{--teal:#62d7a5;--teal-d:#30986e;--accent-rgb:98 215 165;--accent-ink:#08291c}
html[data-v1919-accent="magenta"]{--teal:#d97cf2;--teal-d:#9c44b4;--accent-rgb:217 124 242;--accent-ink:#2c1034}

/* Fyra nya utseenden. */
html[data-v1919-theme="paper"]{
  color-scheme:light;--bg:#f7f8fa;--bg2:#fff;--line:#d9dee5;--txt:#17212b;--mut:#65717d;
  --theme-sidebar:#edf0f4;--theme-sidebar-2:#fafbfc;--theme-hero:#e9eef3;--theme-hero-2:#fff;--theme-shadow:rgba(32,42,52,.10)
}
html[data-v1919-theme="espresso"]{
  color-scheme:dark;--bg:#1c1715;--bg2:#2a211e;--line:#57453d;--txt:#fff8f1;--mut:#c0aaa0;
  --theme-sidebar:#171210;--theme-sidebar-2:#31241f;--theme-hero:#51372d;--theme-hero-2:#211815;--theme-shadow:rgba(8,4,2,.38)
}
html[data-v1919-theme="cyber"]{
  color-scheme:dark;--bg:#071318;--bg2:#0c252a;--line:#285059;--txt:#effcff;--mut:#8eb5bd;
  --theme-sidebar:#041015;--theme-sidebar-2:#0b2930;--theme-hero:#123d46;--theme-hero-2:#06191e;--theme-shadow:rgba(0,10,14,.42)
}
html[data-v1919-theme="lavender"]{
  color-scheme:light;--bg:#f3f0fa;--bg2:#fff;--line:#d9d0e8;--txt:#2c2538;--mut:#746986;
  --theme-sidebar:#e9e3f4;--theme-sidebar-2:#faf8fd;--theme-hero:#e4daf2;--theme-hero-2:#fff;--theme-shadow:rgba(62,43,87,.12)
}

/* Accentfärgen påverkar nu även ikoner, glöd, fokus och tonade kort. */
html[data-v1919-theme] .v1919-dev-sidebar button[data-active="1"]>span,
html[data-v1919-theme] .v1919-course-overview-drawer>summary small,
html[data-v1919-theme] .kick,
html[data-v1919-theme] .tag{color:var(--teal)!important}
html[data-v1919-theme] .v1919-sidebar-pulse b,
html[data-v1919-theme] .v1919-dev-footer-actions button:hover,
html[data-v1919-theme] .v1919-lesson-overlay small,
html[data-v1919-theme] .v1919-slide-points b,
html[data-v1919-theme] .v1919-slide-answer{color:var(--teal)!important;border-color:var(--teal)!important}
html[data-v1919-theme] .v1919-sidebar-pulse em{background:var(--teal)!important}
html[data-v1919-theme] .v1921-cockpit-summary .btn{background:var(--teal)!important;color:var(--accent-ink)!important;border-color:var(--teal)!important}
html[data-v1919-theme] .welcome-mark,
html[data-v1919-theme] .btn.p,
html[data-v1919-theme] .tab[aria-selected="true"],
html[data-v1919-theme] .mode-badge{background:var(--teal)!important;color:var(--accent-ink)!important;border-color:var(--teal)!important}
html[data-v1919-theme] :focus-visible{outline-color:color-mix(in srgb,var(--teal) 72%,white)!important}

/* Inställningar visas som tydliga listor i stället för stora kakelväggar. */
.v1919-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.v1919-theme-grid button{display:grid!important;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 11px;align-items:center;min-width:0;padding:9px 10px!important;border-radius:12px!important}
.v1919-theme-grid i{grid-row:1/3;width:54px;height:42px!important;margin:0!important;border-radius:8px!important}
.v1919-theme-grid i:before{inset:7px 38% 7px 7px!important}.v1919-theme-grid i:after{right:7px!important;top:7px!important;height:46%!important}
.v1919-theme-grid b{align-self:end;font-size:12px!important;overflow-wrap:anywhere}.v1919-theme-grid small{align-self:start;font-size:9.5px!important;line-height:1.3}
.v1919-theme-grid .paper{background:linear-gradient(145deg,#f0f2f5,#fff)}
.v1919-theme-grid .espresso{background:linear-gradient(145deg,#1c1715,#5a3b30)}
.v1919-theme-grid .cyber{background:linear-gradient(145deg,#051217,#12606c)}
.v1919-theme-grid .lavender{background:linear-gradient(145deg,#ece6f7,#fff)}

.v1919-accent-picks{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}
.v1919-accent-picks button{--swatch:var(--teal);width:auto!important;height:auto!important;min-width:0;display:grid;grid-template-columns:25px minmax(0,1fr) 18px;gap:8px;align-items:center;padding:8px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--bg)!important;color:var(--txt);box-shadow:none!important;text-align:left;cursor:pointer}
.v1919-accent-picks button>i{width:25px;height:25px;border-radius:8px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.v1919-accent-picks button>span,.v1919-accent-picks button b,.v1919-accent-picks button small{display:block;min-width:0}.v1919-accent-picks button b{font-size:10.5px;line-height:1.2}.v1919-accent-picks button small{margin-top:2px;color:var(--mut);font-size:8px;line-height:1.2}.v1919-accent-picks button>em{font-style:normal;color:transparent;font-weight:900}
.v1919-accent-picks button[data-active="1"]{border-color:var(--swatch)!important;background:color-mix(in srgb,var(--swatch) 8%,var(--bg))!important}.v1919-accent-picks button[data-active="1"]>em{color:var(--swatch)}
.v1919-accent-picks [data-accent="teal"]{--swatch:#36d8c4}.v1919-accent-picks [data-accent="blue"]{--swatch:#68a8ff}.v1919-accent-picks [data-accent="violet"]{--swatch:#aa91ff}.v1919-accent-picks [data-accent="amber"]{--swatch:#f5b83f}.v1919-accent-picks [data-accent="coral"]{--swatch:#ff8176}.v1919-accent-picks [data-accent="lime"]{--swatch:#9bd650}.v1919-accent-picks [data-accent="rose"]{--swatch:#f277a8}.v1919-accent-picks [data-accent="cyan"]{--swatch:#42c9ee}.v1919-accent-picks [data-accent="indigo"]{--swatch:#7e8cff}.v1919-accent-picks [data-accent="orange"]{--swatch:#f3984d}.v1919-accent-picks [data-accent="mint"]{--swatch:#62d7a5}.v1919-accent-picks [data-accent="magenta"]{--swatch:#d97cf2}

/* Kursflikarna får plats, bryter aldrig text och blir innehållets tydliga nav. */
body.v1919-refreshed:not(.home-active) #portalShell>nav{
  position:sticky;top:0;z-index:40;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:7px!important;
  overflow:visible!important;flex-wrap:wrap!important;padding:7px!important
}
body.v1919-refreshed:not(.home-active) #portalShell>nav .tab{
  min-width:0!important;width:100%!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere;
  padding:9px 8px!important;line-height:1.2;text-align:center
}
.tab,.btn,.pick,.course,.lab-card,.tool-card,.qa-card,.command,.tag{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.tag{white-space:normal!important;line-height:1.25}
#portalShell :is(h1,h2,h3,h4,p,li,span,small,label,button,summary){min-width:0;overflow-wrap:anywhere}
#portalShell :is(.panel,.card,.tool-shell,.study-plan,.lab-shell,[role="tabpanel"]){min-width:0;max-width:100%}

/* När en aktivitet väljs försvinner kursöversikten och fokus ligger på uppgiften. */
body[data-v1925-focus="1"] #portalShell>.course-toggle-row,
body[data-v1925-focus="1"] #portalShell>.courses,
body[data-v1925-focus="1"] #portalShell>.allrow,
body[data-v1925-focus="1"] #courseOverviewHub{display:none!important}
body[data-v1925-focus="1"] .portal-topbar{margin-bottom:9px!important}
body[data-v1925-focus="1"] #portalShell>nav{margin-bottom:12px!important}
body[data-v1925-focus="1"] #portalShell>[role="tabpanel"]{animation:v1925PanelIn .18s ease-out}
@keyframes v1925PanelIn{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Praktikverkstad: uppgift, arbetslogg, kontroll och reflektion. */
.v1925-lab-list-intro{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 13px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--teal) 5%,var(--bg2))}
.v1925-lab-list-intro b,.v1925-lab-list-intro span{display:block}.v1925-lab-list-intro span{margin-top:3px;color:var(--mut);font-size:11px}.v1925-lab-list-intro em{font:800 9px var(--m);font-style:normal;color:var(--teal);white-space:nowrap}
.v1925-lab-card{display:flex;flex-direction:column;min-height:260px!important}.v1925-lab-card .v1925-lab-time{margin:8px 0;color:var(--mut);font:9.5px var(--m)}.v1925-lab-card .v1925-lab-preview{margin:0 0 12px;padding-left:18px;color:var(--mut);font-size:10.5px;line-height:1.45}.v1925-lab-card .btn{margin-top:auto;align-self:flex-start}.v1925-lab-card[data-done="1"]{border-color:color-mix(in srgb,var(--teal) 45%,var(--line))!important}
.v1925-lab-workshop{max-width:960px;margin:auto}.v1925-lab-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}.v1925-lab-toolbar>span{font:9.5px var(--m);color:var(--mut)}
.v1925-lab-brief{padding:18px;border:1px solid color-mix(in srgb,var(--teal) 34%,var(--line));border-radius:17px;background:linear-gradient(135deg,var(--bg2),color-mix(in srgb,var(--teal) 6%,var(--bg2)))}
.v1925-lab-brief small{color:var(--teal);font:800 9px var(--m);letter-spacing:.12em;text-transform:uppercase}.v1925-lab-brief h3{margin:5px 0 8px;font-size:clamp(20px,3vw,28px)}.v1925-lab-brief p{margin:0;color:var(--mut);line-height:1.55}.v1925-lab-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.v1925-lab-facts div{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.v1925-lab-facts b,.v1925-lab-facts span{display:block}.v1925-lab-facts b{font-size:9px;color:var(--teal);text-transform:uppercase;letter-spacing:.08em}.v1925-lab-facts span{margin-top:4px;color:var(--txt);font-size:10.5px;line-height:1.4}
.v1925-lab-safety{margin:11px 0 0;padding:9px 11px;border-left:3px solid var(--amber);border-radius:0 9px 9px 0;background:color-mix(in srgb,var(--amber) 8%,var(--bg));color:var(--mut);font-size:10.5px}
.v1925-lab-steps{display:grid;gap:10px;margin:14px 0}.v1925-task-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.v1925-task-step[data-done="1"]{border-color:color-mix(in srgb,var(--teal) 42%,var(--line));background:color-mix(in srgb,var(--teal) 4%,var(--bg2))}.v1925-task-number{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--teal) 12%,var(--bg));color:var(--teal);font:900 13px var(--m)}.v1925-task-step h4{margin:0 0 5px;font-size:14px}.v1925-task-step>div>p{margin:0 0 9px;color:var(--txt);line-height:1.5;font-size:12px}.v1925-task-step textarea,.v1925-lab-reflection textarea{box-sizing:border-box;width:100%;min-height:76px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--txt);font:inherit;resize:vertical}.v1925-task-step label{display:flex;gap:8px;align-items:flex-start;margin-top:8px;color:var(--mut);font-size:10.5px}.v1925-task-step details{margin-top:8px!important;padding:8px 10px!important;border-style:dashed!important;font-size:10.5px}.v1925-task-step details p{margin:7px 0 0;color:var(--mut)}
.v1925-lab-reflection{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.v1925-lab-reflection h4{margin:0 0 5px}.v1925-lab-reflection p{margin:0 0 9px;color:var(--mut);font-size:11px}.v1925-lab-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.v1925-lab-status{min-height:20px;margin:9px 0 0;color:var(--mut);font-size:10.5px}.v1925-lab-status[data-state="bad"]{color:var(--rose)}.v1925-lab-status[data-state="ok"]{color:var(--teal)}
.v1925-lab-review{margin-top:13px;padding:15px;border:1px solid color-mix(in srgb,var(--teal) 38%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--teal) 5%,var(--bg2))}.v1925-lab-review h4{margin:0 0 6px}.v1925-lab-review ol{margin:8px 0 12px;padding-left:19px;color:var(--mut);font-size:11px;line-height:1.55}

@media(max-width:760px){
  .v1919-theme-grid,.v1919-accent-picks{grid-template-columns:1fr!important}
  body.v1919-refreshed:not(.home-active) #portalShell>nav{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  body.v1919-refreshed:not(.home-active) #portalShell>nav .tab{flex:0 0 auto!important;width:auto!important;min-width:105px!important;white-space:normal!important}
  .v1925-lab-list-intro{align-items:flex-start;flex-direction:column}.v1925-lab-facts{grid-template-columns:1fr}.v1925-task-step{grid-template-columns:1fr}.v1925-task-number{width:32px;height:32px}
}
@media(min-width:761px) and (max-width:1080px){.v1919-accent-picks{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){body[data-v1925-focus="1"] #portalShell>[role="tabpanel"]{animation:none}}

/* v19.28: kontots verkliga roll syns utan att eleven behöver prova lärarkoden. */
.v1926-account-role{margin-left:auto;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--mut);background:var(--bg2);font:800 8px var(--m);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.v1926-account-role[data-admin="1"]{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 55%,var(--line));background:color-mix(in srgb,var(--teal) 8%,var(--bg2))}
@media(max-width:520px){.v1919-account-profile{align-items:flex-start;flex-wrap:wrap}.v1926-account-role{margin-left:0}}

/* ===== v19.31: installationsguider (mini-labbar med tydligt mål och steg-för-steg) ===== */
.v1931-howto-card .tag{color:var(--teal)}
.v1931-brief .v1931-goal{margin-top:6px;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--teal) 9%,var(--bg));color:var(--txt);font-size:12px;line-height:1.5}
.v1931-prereq{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.v1931-prereq b{display:block;font-size:9px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.v1931-prereq ul{margin:0;padding-left:18px;color:var(--mut);font-size:11.5px;line-height:1.6}
.v1931-step-list{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}
.v1931-step{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--bg2)}
.v1931-step[data-done="1"]{border-color:color-mix(in srgb,var(--teal) 45%,var(--line));background:color-mix(in srgb,var(--teal) 4%,var(--bg2))}
.v1931-step-head{display:flex;align-items:center;gap:11px;margin-bottom:7px}
.v1931-step-number{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:9px;background:color-mix(in srgb,var(--teal) 14%,var(--bg));color:var(--teal);font:900 12px var(--m)}
.v1931-step-head h4{margin:0;font-size:13.5px}
.v1931-step-instruction{margin:0 0 9px;color:var(--txt);font-size:12px;line-height:1.5}
.v1931-guide{margin:9px 0;border:1px dashed var(--line);border-radius:10px;padding:9px 11px;background:var(--bg)}
.v1931-guide summary{cursor:pointer;font-size:11.5px;font-weight:700;color:var(--teal);list-style:none}
.v1931-guide summary::-webkit-details-marker{display:none}
.v1931-guide summary::before{content:'▸ ';display:inline-block;transition:transform .15s}
.v1931-guide[open] summary::before{transform:rotate(90deg)}
.v1931-guide-body{margin-top:9px}
.v1931-guide-steps{margin:0 0 10px;padding-left:19px;color:var(--mut);font-size:11.5px;line-height:1.65}
.v1931-guide-steps li{margin-bottom:4px}
.v1931-command-shell{margin:9px 0;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.v1931-command-head{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--bg2);border-bottom:1px solid var(--line)}
.v1931-command-head span{font:800 9px var(--m);color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.v1931-command-head button{padding:4px 9px;font-size:10.5px}
.v1931-command{margin:0;padding:11px;background:#0b1220;color:#d7f5ee;font:11.5px/1.6 var(--m);overflow-x:auto;white-space:pre}
.v1931-verify{margin:0;color:var(--mut);font-size:11.5px;line-height:1.5}
.v1931-step-done{display:flex;gap:8px;align-items:flex-start;margin-top:4px;color:var(--mut);font-size:11px}
.v1931-final-check{margin:14px 0;padding:12px 14px;border-left:3px solid var(--teal);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--teal) 6%,var(--bg))}
.v1931-final-check h4{margin:0 0 7px;font-size:12.5px}
.v1931-final-check ul{margin:0;padding-left:18px;color:var(--mut);font-size:11.5px;line-height:1.6}
@media(max-width:520px){.v1931-step-head{gap:8px}.v1931-command{font-size:10.5px}}

/* ===== v19.55: fyra nya teman – rena CSS-variabeluppsättningar, inga överskrivningar ===== */
html[data-v1919-theme="glacier"]{
  color-scheme:light;--bg:#f2f7fa;--bg2:#fff;--line:#cfdfe9;--txt:#12303f;--mut:#5b7889;
  --theme-sidebar:#e5eef4;--theme-sidebar-2:#f6fafc;--theme-hero:#dcebf3;--theme-hero-2:#fff;--theme-shadow:rgba(24,58,76,.10)
}
html[data-v1919-theme="terracotta"]{
  color-scheme:light;--bg:#faf4ec;--bg2:#fffdf9;--line:#e3d3c1;--txt:#3d2b21;--mut:#8a7060;
  --theme-sidebar:#f3e9dc;--theme-sidebar-2:#fbf6ee;--theme-hero:#f0e2d0;--theme-hero-2:#fffdf9;--theme-shadow:rgba(84,56,38,.10)
}
html[data-v1919-theme="carbon"]{
  color-scheme:dark;--bg:#000;--bg2:#101014;--line:#26262e;--txt:#f2f2f6;--mut:#94949f;
  --theme-sidebar:#050507;--theme-sidebar-2:#121218;--theme-hero:#17171d;--theme-hero-2:#08080b;--theme-shadow:rgba(0,0,0,.5);--accent-ink:#041f24
}
html[data-v1919-theme="rosewood"]{
  color-scheme:dark;--bg:#1d1013;--bg2:#2a181d;--line:#4a2e35;--txt:#f8edef;--mut:#b3939a;
  --theme-sidebar:#170c0f;--theme-sidebar-2:#26151a;--theme-hero:#3a2027;--theme-hero-2:#1a0e11;--theme-shadow:rgba(0,0,0,.34);--accent-ink:#2b0f15
}
.v1919-theme-grid .glacier{background:linear-gradient(145deg,#dcebf3,#f6fafc)}
.v1919-theme-grid .terracotta{background:linear-gradient(145deg,#eeddc9,#fbf3e6)}
.v1919-theme-grid .carbon{background:linear-gradient(145deg,#000,#17171d)}
.v1919-theme-grid .rosewood{background:linear-gradient(145deg,#1d1013,#4a2830)}


/* SOURCE: assets/itplugg-v19.28.css */
/* ITPlugg v19.28 – expanderbara listor i Inställningar */
.v1927-picker{margin-top:10px;border:1px solid var(--line);border-radius:14px;background:var(--bg);overflow:hidden}
.v1927-picker[open]{border-color:color-mix(in srgb,var(--teal) 55%,var(--line));box-shadow:0 12px 28px color-mix(in srgb,var(--theme-shadow,rgba(0,0,0,.18)) 70%,transparent)}
.v1927-picker>summary{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:68px;padding:9px 12px;cursor:pointer;list-style:none;user-select:none;color:var(--txt)}
.v1927-picker>summary::-webkit-details-marker{display:none}
.v1927-picker>summary:hover{background:color-mix(in srgb,var(--teal) 5%,var(--bg))}
.v1927-picker>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 55%,transparent);outline-offset:-3px}
.v1927-picker-preview{position:relative;display:block;width:50px;height:42px;border:1px solid color-mix(in srgb,var(--line) 82%,white);border-radius:10px;overflow:hidden;background:var(--teal)}
.v1927-picker[data-picker="theme"] .v1927-picker-preview:before{content:"";position:absolute;inset:7px 19px 7px 7px;border-radius:5px;background:rgba(255,255,255,.66)}
.v1927-picker[data-picker="theme"] .v1927-picker-preview:after{content:"";position:absolute;right:7px;top:7px;width:8px;height:15px;border-radius:4px;background:rgba(255,255,255,.36)}
.v1927-picker[data-picker="accent"] .v1927-picker-preview{width:38px;height:38px;margin-left:5px;border-radius:50%;background:var(--v1927-swatch,var(--teal));box-shadow:inset 0 0 0 5px var(--bg),0 0 0 1px var(--line)}
.v1927-picker-copy,.v1927-picker-copy>*{display:block;min-width:0}.v1927-picker-copy small{font:800 8px var(--m);letter-spacing:.09em;text-transform:uppercase;color:var(--teal)}
.v1927-picker-copy b{margin-top:2px;font-size:12px;line-height:1.25}.v1927-picker-copy>span{margin-top:1px;color:var(--mut);font-size:9.5px;line-height:1.35}
.v1927-picker-action{display:flex;gap:8px;align-items:center;color:var(--mut);font:800 8.5px var(--m);white-space:nowrap}.v1927-picker-action i{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease}
.v1927-picker[open] .v1927-picker-action i{transform:rotate(225deg) translate(-2px,-2px)}

/* Alternativen finns kvar som knappar men visas först när listan expanderas. */
.v1927-picker>.v1919-theme-grid,.v1927-picker>.v1919-accent-picks{box-sizing:border-box;margin:0!important;padding:9px!important;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 70%,var(--bg));max-height:330px;overflow:auto;overscroll-behavior:contain}
.v1927-picker>.v1919-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.v1927-picker>.v1919-accent-picks{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.v1927-picker>.v1919-theme-grid button,.v1927-picker>.v1919-accent-picks button{min-height:55px!important}
.v1927-picker>.v1919-theme-grid button[data-active="1"],.v1927-picker>.v1919-accent-picks button[data-active="1"]{box-shadow:inset 0 0 0 1px var(--teal)!important}

/* Temaförhandsvisning i den stängda listan. */
.v1927-picker[data-value="nordic"] .v1927-picker-preview{background:linear-gradient(145deg,#e4eef3,#fff)}
.v1927-picker[data-value="midnight"] .v1927-picker-preview{background:linear-gradient(145deg,#061522,#16445a)}
.v1927-picker[data-value="slate"] .v1927-picker-preview{background:linear-gradient(145deg,#121721,#3b4653)}
.v1927-picker[data-value="contrast"] .v1927-picker-preview{background:linear-gradient(145deg,#000,#353535)}
.v1927-picker[data-value="ocean"] .v1927-picker-preview{background:linear-gradient(145deg,#041523,#0d6084)}
.v1927-picker[data-value="forest"] .v1927-picker-preview{background:linear-gradient(145deg,#071510,#246341)}
.v1927-picker[data-value="sand"] .v1927-picker-preview{background:linear-gradient(145deg,#ebe0cf,#fffaf1)}
.v1927-picker[data-value="aurora"] .v1927-picker-preview{background:linear-gradient(145deg,#100e20,#68478f)}
.v1927-picker[data-value="paper"] .v1927-picker-preview{background:linear-gradient(145deg,#edf0f4,#fff)}
.v1927-picker[data-value="espresso"] .v1927-picker-preview{background:linear-gradient(145deg,#171210,#674235)}
.v1927-picker[data-value="cyber"] .v1927-picker-preview{background:linear-gradient(145deg,#041015,#12606c)}
.v1927-picker[data-value="lavender"] .v1927-picker-preview{background:linear-gradient(145deg,#e9e3f4,#fff)}

/* Accentförhandsvisning och optionsfärg. */
.v1927-picker[data-value="teal"]{--v1927-swatch:#36d8c4}.v1927-picker[data-value="blue"]{--v1927-swatch:#68a8ff}.v1927-picker[data-value="violet"]{--v1927-swatch:#aa91ff}.v1927-picker[data-value="amber"]{--v1927-swatch:#f5b83f}
.v1927-picker[data-value="coral"]{--v1927-swatch:#ff8176}.v1927-picker[data-value="lime"]{--v1927-swatch:#9bd650}.v1927-picker[data-value="rose"]{--v1927-swatch:#f277a8}.v1927-picker[data-value="cyan"]{--v1927-swatch:#42c9ee}
.v1927-picker[data-value="indigo"]{--v1927-swatch:#7e8cff}.v1927-picker[data-value="orange"]{--v1927-swatch:#f3984d}.v1927-picker[data-value="mint"]{--v1927-swatch:#62d7a5}.v1927-picker[data-value="magenta"]{--v1927-swatch:#d97cf2}

@media(max-width:620px){
  .v1927-picker>summary{grid-template-columns:45px minmax(0,1fr) auto;padding:8px 10px}.v1927-picker-preview{width:45px;height:38px}.v1927-picker-action>span{display:none}
  .v1927-picker>.v1919-theme-grid,.v1927-picker>.v1919-accent-picks{grid-template-columns:1fr!important;max-height:290px}
}
@media(prefers-reduced-motion:reduce){.v1927-picker-action i{transition:none}}

/* v19.28 – lugnare ytor och tydligare studiefokus */
body.v1928-polish{--v1928-soft:color-mix(in srgb,var(--teal) 7%,var(--bg2));--v1928-line:color-mix(in srgb,var(--teal) 22%,var(--line))}
body.v1928-polish #pTools>h2,body.v1928-polish #pLabs>h2,body.v1928-polish #pPlan>h2{letter-spacing:-.035em}
body.v1928-polish #pTools>.hint,body.v1928-polish #pLabs>.hint,body.v1928-polish #pPlan>.hint{max-width:68ch;line-height:1.55}
body.v1928-polish .v1919-learning-studio,body.v1928-polish .v1919-terminal-lab,body.v1928-polish .v1925-lab-list-intro{box-shadow:0 18px 45px color-mix(in srgb,var(--theme-shadow,rgba(0,0,0,.18)) 45%,transparent)}

/* Personligt femminuterspass */
.v1928-daily-sprint{position:relative;overflow:hidden;margin-top:14px;padding:17px;border:1px solid var(--v1928-line);border-radius:18px;background:radial-gradient(circle at 96% -10%,color-mix(in srgb,var(--teal) 19%,transparent),transparent 34%),linear-gradient(135deg,var(--bg2),var(--v1928-soft));box-shadow:0 14px 34px color-mix(in srgb,var(--theme-shadow,rgba(0,0,0,.12)) 42%,transparent)}
.v1928-daily-sprint:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--teal),color-mix(in srgb,var(--teal) 25%,transparent))}
.v1928-sprint-main{display:flex;gap:14px;align-items:center}.v1928-sprint-main>div:last-child{min-width:0}.v1928-sprint-main small{font:800 8.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.v1928-sprint-main h3{margin:4px 0;font-size:clamp(16px,2vw,21px);letter-spacing:-.025em}.v1928-sprint-main p{margin:0;color:var(--mut);font-size:11px}
.v1928-sprint-icon{position:relative;flex:0 0 58px;height:58px;display:grid;place-items:center;align-content:center;border-radius:18px;background:color-mix(in srgb,var(--teal) 13%,var(--bg));border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));isolation:isolate}
.v1928-sprint-icon i{position:absolute;inset:8px;border:3px solid color-mix(in srgb,var(--teal) 30%,transparent);border-top-color:var(--teal);border-radius:50%;transform:rotate(35deg);z-index:-1}.v1928-sprint-icon span{font:900 18px/1 var(--m)}.v1928-sprint-icon small{font:800 7px var(--m);letter-spacing:.08em;color:var(--mut)}
.v1928-sprint-recipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0 11px}.v1928-sprint-recipe span{padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--mut);font-size:9.5px}.v1928-sprint-recipe b{display:block;margin-bottom:2px;color:var(--txt);font:850 15px var(--m)}
.v1928-sprint-actions{display:flex;gap:7px;flex-wrap:wrap}.v1928-sprint-actions .btn{min-height:40px}

/* Klickbar kunskapskarta */
.v1928-knowledge-map{margin:0 0 18px;padding:20px;border:1px solid var(--v1928-line);border-radius:21px;background:radial-gradient(circle at 95% 2%,color-mix(in srgb,var(--teal) 14%,transparent),transparent 29%),var(--bg2);box-shadow:0 18px 48px color-mix(in srgb,var(--theme-shadow,rgba(0,0,0,.15)) 46%,transparent)}
.v1928-knowledge-map>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:17px}.v1928-knowledge-map>header>div:first-child{max-width:68ch}.v1928-knowledge-map>header small{font:850 8.5px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.v1928-knowledge-map h2{margin:5px 0 5px;font-size:clamp(19px,2.4vw,26px);letter-spacing:-.035em}.v1928-knowledge-map header p{margin:0;color:var(--mut);font-size:11px;line-height:1.5}
.v1928-map-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.v1928-map-legend span{position:relative;padding:6px 8px 6px 19px;border:1px solid var(--line);border-radius:99px;color:var(--mut);font-size:8.5px;white-space:nowrap}.v1928-map-legend span:before{content:"";position:absolute;left:7px;top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%);background:var(--mut)}.v1928-map-legend [data-state="strong"]:before{background:var(--teal)}.v1928-map-legend [data-state="progress"]:before{background:var(--studio-blue,#7aa8ff)}.v1928-map-legend [data-state="due"]:before{background:var(--amber)}
.v1928-map-course+.v1928-map-course{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.v1928-map-course-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.v1928-map-course-head h3{margin:0;font-size:14px}.v1928-map-course-head span{color:var(--mut);font:8.5px var(--m)}
.v1928-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v1928-map-node{position:relative;display:flex;min-width:0;min-height:145px;flex-direction:column;text-align:left;padding:14px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--bg) 84%,transparent);color:var(--txt);font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.v1928-map-node:hover{transform:translateY(-2px);border-color:var(--teal);box-shadow:0 12px 26px color-mix(in srgb,var(--theme-shadow,rgba(0,0,0,.14)) 52%,transparent)}.v1928-map-node:focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 50%,transparent);outline-offset:2px}
.v1928-map-node-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.v1928-map-node-top small{padding:4px 6px;border-radius:99px;background:var(--line);color:var(--mut);font:800 7.5px var(--m);text-transform:uppercase}.v1928-map-node-top b{font:900 16px var(--m)}.v1928-map-node>strong{margin:11px 0 8px;font-size:12px;line-height:1.25;overflow-wrap:anywhere}.v1928-map-bar{display:block;height:5px;border-radius:99px;background:var(--line);overflow:hidden}.v1928-map-bar i{display:block;height:100%;border-radius:inherit;background:var(--teal)}.v1928-map-meta{display:block;margin-top:7px;color:var(--mut);font-size:8.5px;line-height:1.4}.v1928-map-node em{margin-top:auto;padding-top:11px;color:var(--teal);font:800 8.5px var(--m);font-style:normal}
.v1928-map-node[data-state="strong"]{border-color:color-mix(in srgb,var(--teal) 35%,var(--line))}.v1928-map-node[data-state="strong"] .v1928-map-node-top small{background:color-mix(in srgb,var(--teal) 13%,var(--bg));color:var(--teal)}.v1928-map-node[data-state="progress"] .v1928-map-bar i{background:var(--studio-blue,#7aa8ff)}.v1928-map-node[data-state="due"],.v1928-map-node[data-state="train"]{border-color:color-mix(in srgb,var(--amber) 42%,var(--line))}.v1928-map-node[data-state="due"] .v1928-map-node-top small,.v1928-map-node[data-state="train"] .v1928-map-node-top small{background:color-mix(in srgb,var(--amber) 14%,var(--bg));color:var(--amber)}

/* Bevisdrivna mini-labbar */
.v1928-lab-tracker{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.45fr);gap:16px;align-items:center;margin:12px 0 16px;padding:13px 14px;border:1px solid var(--v1928-line);border-radius:14px;background:var(--v1928-soft)}.v1928-lab-tracker small,.v1928-lab-tracker b,.v1928-lab-tracker span{display:block}.v1928-lab-tracker small{font:800 8px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.v1928-lab-tracker b{margin:3px 0;font-size:12px}.v1928-lab-tracker span{color:var(--mut);font-size:9.5px;line-height:1.4}.v1928-lab-progress{height:7px;border-radius:99px;background:var(--line);overflow:hidden}.v1928-lab-progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--studio-blue,#7aa8ff),var(--teal));transition:width .2s ease}
.v1928-lab-evidence{margin:10px 0;padding:11px 12px;border-left:3px solid var(--teal);border-radius:0 11px 11px 0;background:color-mix(in srgb,var(--teal) 8%,var(--bg));animation:v1928Evidence .18s ease-out}.v1928-lab-evidence[hidden]{display:none}.v1928-lab-evidence small{font:800 7.5px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.v1928-lab-evidence p{margin:4px 0 0!important;font:10px/1.5 var(--m);color:var(--txt)}
.v1925-task-step[data-evidence="1"]{border-color:color-mix(in srgb,var(--teal) 48%,var(--line));box-shadow:inset 3px 0 0 var(--teal)}
.v1928-lab-rubric{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:15px;align-items:center;margin:17px 0;padding:15px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--bg2) 82%,var(--bg))}.v1928-lab-rubric small{font:800 8px var(--m);letter-spacing:.11em;text-transform:uppercase;color:var(--teal)}.v1928-lab-rubric h4{margin:4px 0 0;font-size:13px}.v1928-rubric-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.v1928-rubric-grid span{display:flex;gap:7px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:9px;color:var(--mut);font-size:9px}.v1928-rubric-grid i{display:grid;place-items:center;flex:0 0 17px;height:17px;border-radius:50%;background:var(--line);font:800 8px var(--m);font-style:normal}.v1928-rubric-grid span[data-done="1"]{border-color:color-mix(in srgb,var(--teal) 40%,var(--line));color:var(--txt);background:color-mix(in srgb,var(--teal) 6%,var(--bg))}.v1928-rubric-grid span[data-done="1"] i{background:var(--teal);color:#06251f}
@keyframes v1928Evidence{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Aktiv återkoppling efter varje quizsvar */
.v1928-active-feedback{margin-top:12px;border:1px solid var(--v1928-line);border-radius:14px;background:color-mix(in srgb,var(--bg) 82%,transparent);overflow:hidden}.v1928-active-feedback>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;cursor:pointer;list-style:none}.v1928-active-feedback>summary::-webkit-details-marker{display:none}.v1928-active-feedback>summary small,.v1928-active-feedback>summary b{display:block}.v1928-active-feedback>summary small{font:800 7.5px var(--m);letter-spacing:.11em;text-transform:uppercase;color:var(--teal)}.v1928-active-feedback>summary b{margin-top:3px;font-size:10.5px}.v1928-active-feedback>summary i{width:9px;height:9px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg) translateY(-2px)}.v1928-active-feedback[open]>summary i{transform:rotate(225deg) translate(-2px,-2px)}
.v1928-active-feedback-body{padding:0 13px 13px;border-top:1px solid var(--line)}.v1928-practice-link{margin:12px 0;padding:10px 11px;border-left:3px solid var(--studio-blue,#7aa8ff);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--studio-blue,#7aa8ff) 8%,var(--bg2))}.v1928-practice-link small{font:800 7.5px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--studio-blue,#7aa8ff)}.v1928-practice-link p{margin:4px 0 0;font-size:10px;line-height:1.55}.v1928-active-feedback label{display:block;color:var(--mut);font-size:9px}.v1928-active-feedback textarea{box-sizing:border-box;width:100%;min-height:78px;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:10px;resize:vertical;background:var(--bg2);color:var(--txt);font:11px/1.5 var(--s)}.v1928-active-feedback-body>div:nth-last-of-type(1){display:flex;align-items:center;gap:10px;margin-top:8px}.v1928-active-feedback-body>div:nth-last-of-type(1)>span{color:var(--mut);font-size:8.5px}.v1928-reflection-status{min-height:12px;margin:7px 0 0;color:var(--teal);font-size:8.5px}

/* Kommandoverkstad – fyra egna miljöer */
.v1928-terminal-ready{padding:20px;border-color:var(--v1928-line);background:radial-gradient(circle at 96% -8%,color-mix(in srgb,var(--teal) 16%,transparent),transparent 30%),var(--bg2)}
.v1928-terminal-ready .v1919-terminal-head{align-items:flex-start;margin-bottom:14px}.v1928-terminal-ready .v1919-terminal-head h3{font-size:23px;letter-spacing:-.035em}.v1928-terminal-ready .v1919-terminal-head label{display:none}
.v1928-terminal-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 10px}.v1928-terminal-tabs button{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;min-width:0;text-align:left;padding:9px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 86%,transparent);color:var(--txt);cursor:pointer;transition:.15s}.v1928-terminal-tabs button:hover{border-color:var(--teal);transform:translateY(-1px)}.v1928-terminal-tabs button[data-active="1"]{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 9%,var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--teal) 25%,transparent)}.v1928-terminal-tabs i{display:grid;place-items:center;width:34px;height:31px;border-radius:8px;background:#111c26;color:#ebf6ff;font:850 9px var(--m);font-style:normal}.v1928-terminal-tabs b,.v1928-terminal-tabs small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v1928-terminal-tabs b{font-size:10px}.v1928-terminal-tabs small{margin-top:2px;color:var(--mut);font-size:7.5px}
.v1928-terminal-ready .v1919-terminal{border-radius:11px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.v1928-terminal-ready .v1919-terminal-bar{min-height:35px;box-sizing:border-box;padding:7px 10px}.v1928-terminal-ready .v1919-terminal-bar b{display:flex;flex-direction:column;gap:1px;margin-left:6px;font-size:9px;line-height:1.15}.v1928-terminal-ready .v1919-terminal-bar b small{font-weight:500;font-size:6.8px;opacity:.68}.v1928-terminal-ready .v1919-terminal-bar button{padding:4px 7px;border-radius:5px}.v1928-terminal-badge{display:grid!important;place-items:center!important;width:25px!important;height:20px!important;border-radius:5px!important;margin-left:5px;background:#17212b!important;color:#fff!important;font:850 7px var(--m)!important}.v1928-terminal-ready .v1919-terminal pre{height:290px;padding:17px;font-size:11.5px;line-height:1.68}.v1928-terminal-ready .v1919-terminal form{min-height:47px;box-sizing:border-box}.v1928-terminal-ready .v1919-terminal form label,.v1928-terminal-ready .v1919-terminal input{font-size:11.5px}.v1928-terminal-ready .v1919-terminal-foot{margin-top:11px}

/* Windows Command Prompt */
#v1919TerminalLab[data-terminal-skin="windows"] .v1919-terminal{border-color:#777;border-radius:4px;background:#0c0c0c;box-shadow:0 16px 36px rgba(0,0,0,.24)}
#v1919TerminalLab[data-terminal-skin="windows"] .v1919-terminal-bar{background:#f3f3f3;color:#171717;border-bottom:1px solid #c9c9c9}
#v1919TerminalLab[data-terminal-skin="windows"] .v1919-terminal-bar>span:not(.v1928-terminal-badge){display:none}
#v1919TerminalLab[data-terminal-skin="windows"] .v1928-terminal-badge{margin-left:0;background:#111!important;border-radius:1px!important;color:#fff!important}
#v1919TerminalLab[data-terminal-skin="windows"] .v1919-terminal-bar button{color:#222}
#v1919TerminalLab[data-terminal-skin="windows"] .v1919-terminal-bar button:hover{background:#e81123;color:#fff}
#v1919TerminalLab[data-terminal-skin="windows"] .v1919-terminal pre{color:#f2f2f2;background:#0c0c0c}
#v1919TerminalLab[data-terminal-skin="windows"] .v1919-terminal form{border-top-color:#333;color:#f2f2f2;background:#0c0c0c}
#v1919TerminalLab[data-terminal-skin="windows"] .v1919-terminal input{color:#fff}.v1928-terminal-tabs [data-terminal-context="windows"] i{background:#111;border-radius:3px}

/* PowerShell */
#v1919TerminalLab[data-terminal-skin="powershell"] .v1919-terminal{border-color:#3774b9;background:#012456;box-shadow:0 17px 40px rgba(0,36,86,.33),inset 0 0 50px rgba(0,0,0,.13)}
#v1919TerminalLab[data-terminal-skin="powershell"] .v1919-terminal-bar{background:linear-gradient(90deg,#0c3b73,#1d5e9d);color:#fff}
#v1919TerminalLab[data-terminal-skin="powershell"] .v1919-terminal-bar>span:not(.v1928-terminal-badge){display:none}
#v1919TerminalLab[data-terminal-skin="powershell"] .v1928-terminal-badge{margin-left:0;background:#fff!important;color:#1166a8!important;transform:skewX(-10deg)}
#v1919TerminalLab[data-terminal-skin="powershell"] .v1919-terminal-bar button{color:#d8ecff}
#v1919TerminalLab[data-terminal-skin="powershell"] .v1919-terminal pre{color:#f8fbff;background:linear-gradient(145deg,#012456,#073565)}
#v1919TerminalLab[data-terminal-skin="powershell"] .v1919-terminal form{border-top-color:#3977b3;color:#ffd95a;background:#012456}
#v1919TerminalLab[data-terminal-skin="powershell"] .v1919-terminal input{color:#f7fbff}.v1928-terminal-tabs [data-terminal-context="powershell"] i{background:linear-gradient(145deg,#0f67b1,#07386f)}

/* Ubuntu / bash */
#v1919TerminalLab[data-terminal-skin="linux"] .v1919-terminal{border-color:#5e4a5b;background:#2c001e;box-shadow:0 18px 42px rgba(44,0,30,.38)}
#v1919TerminalLab[data-terminal-skin="linux"] .v1919-terminal-bar{background:linear-gradient(#3d3a3b,#2a2728);color:#f5f1f3;border-bottom:1px solid #171516}
#v1919TerminalLab[data-terminal-skin="linux"] .v1919-terminal-bar>span:not(.v1928-terminal-badge){width:10px;height:10px;border:1px solid rgba(0,0,0,.35)}
#v1919TerminalLab[data-terminal-skin="linux"] .v1928-terminal-badge{background:#dd4814!important;color:#fff!important}
#v1919TerminalLab[data-terminal-skin="linux"] .v1919-terminal pre{color:#f7f7f7;background:radial-gradient(circle at 80% 10%,#4a143a,#2c001e 46%)}
#v1919TerminalLab[data-terminal-skin="linux"] .v1919-terminal form{border-top-color:#6b3158;color:#8ae234;background:#2c001e}
#v1919TerminalLab[data-terminal-skin="linux"] .v1919-terminal input{color:#f7f7f7}.v1928-terminal-tabs [data-terminal-context="linux"] i{background:linear-gradient(145deg,#dd4814,#772953)}

/* Cisco IOS */
#v1919TerminalLab[data-terminal-skin="cisco"] .v1919-terminal{border-color:#1386b7;background:#061d2e;box-shadow:0 18px 42px rgba(0,75,110,.3)}
#v1919TerminalLab[data-terminal-skin="cisco"] .v1919-terminal-bar{background:linear-gradient(90deg,#053d5b,#087aa4);color:#e7f8ff;border-bottom:1px solid #1aa1ca}
#v1919TerminalLab[data-terminal-skin="cisco"] .v1919-terminal-bar>span:not(.v1928-terminal-badge){display:none}
#v1919TerminalLab[data-terminal-skin="cisco"] .v1928-terminal-badge{margin-left:0;background:#fff!important;color:#087aa4!important;letter-spacing:-.05em}
#v1919TerminalLab[data-terminal-skin="cisco"] .v1919-terminal pre{color:#dff8ff;background-color:#061d2e;background-image:linear-gradient(rgba(30,146,185,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,146,185,.035) 1px,transparent 1px);background-size:22px 22px}
#v1919TerminalLab[data-terminal-skin="cisco"] .v1919-terminal form{border-top-color:#126584;color:#58d8ff;background:#082538}
#v1919TerminalLab[data-terminal-skin="cisco"] .v1919-terminal input{color:#e6fbff}.v1928-terminal-tabs [data-terminal-context="cisco"] i{background:linear-gradient(145deg,#1397c5,#064e70)}

@media(max-width:900px){.v1928-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v1928-terminal-tabs{grid-template-columns:1fr 1fr}.v1928-terminal-tabs small{white-space:normal}}
@media(max-width:640px){
  .v1928-daily-sprint,.v1928-knowledge-map,.v1928-terminal-ready{padding:14px}.v1928-sprint-recipe{grid-template-columns:1fr 1fr}.v1928-sprint-recipe span:last-child{grid-column:1/3}.v1928-sprint-actions{display:grid}.v1928-sprint-actions .btn{width:100%}
  .v1928-knowledge-map>header{display:block}.v1928-map-legend{justify-content:flex-start;margin-top:11px}.v1928-map-grid{grid-template-columns:1fr}.v1928-map-node{min-height:130px}
  .v1928-lab-tracker,.v1928-lab-rubric{grid-template-columns:1fr}.v1928-rubric-grid{grid-template-columns:1fr}.v1928-terminal-tabs button{grid-template-columns:29px minmax(0,1fr);padding:8px}.v1928-terminal-tabs i{width:29px}.v1928-terminal-ready .v1919-terminal pre{height:245px;font-size:10px}.v1928-active-feedback-body>div:nth-last-of-type(1){align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.v1928-map-node,.v1928-terminal-tabs button,.v1928-lab-progress i{transition:none}.v1928-lab-evidence{animation:none}}


/* SOURCE: assets/itplugg-v19.32-refine.css */
/* ITPlugg v19.32 – dashboardpaneler, korttdata, tillgänglighet och övergångar.
   Additivt lager: inga befintliga färger/typsnitt/layoutregler ändras, bara
   nya block läggs till och konsekventa fokus-/hover-/touch-förbättringar. */

/* ===== 1. Konsekventa övergångar (150–220ms) på interaktiva element ===== */
.btn,.tab,.mini,.home-course,.lab-card,.v1925-lab-card,.v1931-step,
.journey-step,.audit-row,.tq-item,.opt,.status-pill,.review-item,
.v1932-stat,.v1932-activity-item,.v1932-recommended{
  transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .15s ease;
}
@media(prefers-reduced-motion:reduce),(prefers-reduced-motion){
  .btn,.tab,.mini,.home-course,.lab-card,.v1925-lab-card,.v1931-step,
  .journey-step,.audit-row,.tq-item,.opt,.status-pill,.review-item,
  .v1932-stat,.v1932-activity-item,.v1932-recommended{transition-duration:.01ms!important}
}

/* ===== 2. Tydliga fokusringar (WCAG AA, syns i både mörkt och ljust läge) ===== */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible,.tab:focus-visible,.opt:focus-visible,
.home-course:focus-visible,summary:focus-visible{
  outline:2.5px solid var(--teal);
  outline-offset:2px;
  border-radius:8px;
}
/* Ta bort webbläsarens grå standardram där vi ändå sätter en tydlig egen. */
a:focus:not(:focus-visible),button:focus:not(:focus-visible),
input:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}

/* ===== 3. Touch-mål minst 44px på mobil, utan att ändra desktop-densiteten ===== */
@media(max-width:640px){
  .btn,.mini{min-height:44px;padding-top:11px;padding-bottom:11px}
  .tab{min-height:40px;display:inline-flex;align-items:center}
  .home-course{min-height:auto}
  input[type="checkbox"],input[type="radio"]{width:19px;height:19px}
}

/* ===== 4. Snabbstatistik ===== */
.v1932-panel-title{margin:0 0 10px;font-size:13px;font-weight:800;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.v1932-quick-stats{margin:18px 0}
.v1932-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:9px}
.v1932-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}
.v1932-stat:hover{border-color:var(--teal)}
.v1932-stat-icon{font-size:16px;margin-bottom:2px}
.v1932-stat b{font-size:19px;line-height:1.15}
.v1932-stat small{color:var(--mut);font-size:11px}

/* ===== 5. Nyligen (aktivitetsflöde) ===== */
.v1932-recent-activity{margin:18px 0}
.v1932-activity-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.v1932-activity-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--txt);font:inherit;cursor:pointer}
.v1932-activity-item:hover{border-color:var(--teal);transform:translateX(2px)}
.v1932-activity-item>span:first-child{font-size:16px;flex:0 0 auto}
.v1932-activity-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.v1932-activity-text b{font-size:12.5px}
.v1932-activity-text small{color:var(--mut);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v1932-activity-item time{flex:0 0 auto;color:var(--mut);font-size:10.5px;font-family:var(--m)}

/* ===== 6. Rekommenderat nästa steg ===== */
.v1932-recommended{margin:18px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid color-mix(in srgb,var(--teal) 38%,var(--line));border-radius:16px;background:linear-gradient(135deg,var(--bg2),color-mix(in srgb,var(--teal) 7%,var(--bg2)))}
.v1932-recommended-kick{display:block;font:800 9.5px var(--m);color:var(--teal);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}
.v1932-recommended-body h3{margin:0 0 4px;font-size:16px}
.v1932-recommended-body p{margin:0;color:var(--mut);font-size:12.5px}
.v1932-recommended .btn{flex:0 0 auto}

/* ===== 7. Kurskort: antal, tid, nivå, behärskad-badge ===== */
.v1932-card-facts{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}
.v1932-card-facts span{font-size:10.5px;color:var(--mut);border:1px solid var(--line);border-radius:99px;padding:3px 8px}
.v1932-mastered-badge{display:inline-block;margin-left:8px;font:800 9.5px var(--m);color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:99px;padding:2px 8px;vertical-align:middle}

/* ===== 8. Mindre hierarki-/kontrastslipning (additiv, ändrar inga färgvärden) ===== */
.home-course:hover{box-shadow:0 6px 18px rgba(0,0,0,.14)}
.lab-card:hover,.v1925-lab-card:hover{border-color:var(--teal)}
[data-theme="light"] .v1932-stat,html:not([data-v1919-theme]) .v1932-stat{box-shadow:0 1px 2px rgba(0,0,0,.04)}

@media(max-width:640px){
  .v1932-stats-grid{grid-template-columns:repeat(2,1fr)}
  .v1932-recommended{flex-direction:column;align-items:stretch}
  .v1932-recommended .btn{width:100%}
  .v1932-activity-text small{max-width:60vw}
}


/* SOURCE: assets/itplugg-v19.33-refine.css */
/* ITPlugg v19.33 – runda 2: navigation, quiz-/flashcardkänsla, lektions-
   markering. Additivt CSS-lager. Inga befintliga regler skrivs över –
   bara nya, väl avgränsade klasser. */

/* ===== 0. Designtoken (dogfoodas i det här och v19.32:s lager; ändrar
   inte en enda befintlig regel i den äldre, stora stilmallen – det hade
   varit en riktig omdesign-risk snarare än en förädling) ===== */
:root{
  --v19x-radius-sm:10px;
  --v19x-radius-md:14px;
  --v19x-radius-lg:18px;
  --v19x-radius-pill:999px;
  --v19x-shadow-sm:0 1px 3px rgba(0,0,0,.10);
  --v19x-shadow-md:0 6px 18px rgba(0,0,0,.14);
  --v19x-transition-fast:150ms ease;
  --v19x-transition-base:200ms ease;
}

/* ===== 1. Navigation: luft mellan naturliga kluster i flikraden =====
   Öva (Quiz) | Lär dig (Flashcards, Lexikon, Skriv, Studieplan) | Labbar | Verktyg
   Rent visuellt – ändrar varken DOM-ordning, roller eller klickbeteende. */
nav[role="tablist"][data-v1933-grouped]{row-gap:8px}
nav[role="tablist"][data-v1933-grouped] #tabFlash{margin-left:10px}
nav[role="tablist"][data-v1933-grouped] #tabLabs{margin-left:10px}
nav[role="tablist"][data-v1933-grouped] #tabTools{margin-left:10px}
@media(max-width:640px){
  nav[role="tablist"][data-v1933-grouped] #tabFlash,
  nav[role="tablist"][data-v1933-grouped] #tabLabs,
  nav[role="tablist"][data-v1933-grouped] #tabTools{margin-left:0}
}

/* ===== 2. Quiz: tunn, tydlig progressbar ovanför "Fråga X/Y · N rätt" ===== */
.v1933-quiz-bar{width:100%;height:5px;border-radius:var(--v19x-radius-pill);background:var(--line);overflow:hidden;margin-bottom:9px}
.v1933-quiz-bar i{display:block;height:100%;width:0%;background:var(--teal);border-radius:inherit;transition:width var(--v19x-transition-base)}

/* Mjukare färgövergång när ett svar markeras rätt/fel (kompletterar befintlig
   transform/filter-transition på .opt utan att ändra logiken bakom den). */
.opt{transition:transform .12s,filter .12s,border-color var(--v19x-transition-base),background-color var(--v19x-transition-base)}

/* ===== 3. Flashcards: kort, tydlig pulsfeedback vid bedömning ===== */
@keyframes v1933Pulse{
  0%{transform:scale(1)}
  35%{transform:scale(1.06)}
  100%{transform:scale(1)}
}
.v1933-pulse{animation:v1933Pulse 220ms ease}
@keyframes v1933CardSettle{
  0%{transform:translateY(0) rotate(0)}
  30%{transform:translateY(-3px) rotate(-0.6deg)}
  100%{transform:translateY(0) rotate(0)}
}
.v1933-card-out .fi{animation:v1933CardSettle 220ms ease}
@media(prefers-reduced-motion:reduce),(prefers-reduced-motion){
  .v1933-pulse,.v1933-card-out .fi{animation:none}
}

/* ===== 4. Lektionslistor: tydlig "Nästa"-markering ===== */
.v1933-next-badge{display:inline-block;margin-left:8px;font:800 9px var(--m);letter-spacing:.06em;text-transform:uppercase;color:#062028;background:var(--amber);border-radius:var(--v19x-radius-pill);padding:2px 8px;vertical-align:middle}
.prog-lesson:has(.v1933-next-badge){border-color:color-mix(in srgb,var(--amber) 45%,var(--line))}

/* ===== 5. Övrig hierarki-/skuggpolish (additiv, samma tokens som v19.32) ===== */
.v1932-recommended{box-shadow:var(--v19x-shadow-sm)}
.v1932-stat:hover,.v1932-activity-item:hover{box-shadow:var(--v19x-shadow-sm)}


/* SOURCE: assets/itplugg-v19.34-refine.css */
/* ITPlugg v19.34 – runda 3: begreppslexikonets visuella hierarki.
   Additivt CSS-lager. Ingen befintlig regel i huvudstilmallen skrivs
   över – bara nya, tydligt namngivna klasser och attributselektorer på
   data-attribut som renderLex redan sätter. */

/* ===== 1. Tydligare titelvikt på begreppskort ===== */
.lex-card h3{font-size:16.5px;font-weight:700;letter-spacing:-.01em;margin:0 0 7px}

/* ===== 2. Kort som redan visats får en diskret markering =====
   Använder attributet renderLex redan sätter (data-revealed) – ingen
   ny logik, bara en visuell signal om vad eleven redan tittat på. */
.lex-card{border-left:3px solid transparent;transition:border-color var(--v19x-transition-base,200ms ease),box-shadow var(--v19x-transition-base,200ms ease),transform 150ms ease}
.lex-card[data-revealed="1"]{border-left-color:color-mix(in srgb,var(--teal) 45%,var(--line))}
.lex-card:hover{box-shadow:var(--v19x-shadow-sm,0 1px 3px rgba(0,0,0,.1));transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce),(prefers-reduced-motion){.lex-card{transition:none}.lex-card:hover{transform:none}}

/* ===== 3. Bokmärkta kort syns tydligt i rutnätet ===== */
.lex-card.v1934-bookmarked{border-left-color:var(--amber);background:color-mix(in srgb,var(--amber) 5%,var(--bg2))}

/* ===== 4. Anteckningsfältet: tystare i vila, tydligt vid fokus ===== */
.note-area{border-color:color-mix(in srgb,var(--line) 70%,transparent);opacity:.85;transition:opacity 150ms ease,border-color 150ms ease}
.note-area:focus,.note-area:not(:placeholder-shown){opacity:1}
.note-area:focus{border-color:var(--teal)}

/* ===== 5. Sök- och lägesknapparna: tydligare gruppering ===== */
.lex-controls{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
.lex-controls .btn[aria-pressed="true"]{border-color:var(--teal);color:var(--teal)}

@media(max-width:640px){
  .lex-card h3{font-size:15.5px}
}


/* SOURCE: assets/itplugg-v19.35-fix.css */
/* ITPlugg v19.35 – stabil kurskortslayout */
.v1919-course-drawer .home-course{
  grid-template-columns:34px minmax(0,1fr)!important;
  grid-auto-rows:auto;
  align-items:start;
  overflow:hidden;
}
.v1919-course-drawer .course-icon-v11{grid-column:1;grid-row:1 / span 6}
.v1919-course-drawer .course-state,
.v1919-course-drawer .home-course h3,
.v1919-course-drawer .home-course p,
.v1919-course-drawer .v1932-card-facts,
.v1919-course-drawer .v1932-mastered-badge{grid-column:2;min-width:0;max-width:100%}
.v1919-course-drawer .home-course h3{overflow-wrap:anywhere;word-break:normal}
.v1919-course-drawer .v1932-card-facts{display:flex!important;flex-wrap:wrap;gap:6px;margin-top:10px}
.v1919-course-drawer .v1932-card-facts span{font-size:10.5px;padding:4px 8px;white-space:normal;line-height:1.25}
.v1919-course-drawer .featured-badge{z-index:2}
@media(max-width:820px){
  .v1919-course-drawer .home-course-grid{grid-template-columns:1fr!important}
  .v1919-course-drawer .home-course{min-height:0!important}
}
@media(max-width:480px){
  .v1919-course-drawer .v1919-drawer-body{padding:12px}
  .v1919-course-drawer .home-course{grid-template-columns:30px minmax(0,1fr)!important;padding:13px!important}
}


/* SOURCE: assets/itplugg-v19.36.css */
/* ITPlugg v19.36 — deployment, accessibility and lesson wrap-up */
.skip-link{position:fixed;left:12px;top:12px;z-index:99999;padding:10px 14px;border-radius:10px;background:var(--txt);color:var(--bg);font-weight:800;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.version-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:20px 14px 8px}
.version-footer .deploy-ok{display:inline-flex;align-items:center;gap:6px;border:1px solid rgb(var(--accent-rgb)/.35);background:rgb(var(--accent-rgb)/.08);color:var(--teal);border-radius:999px;padding:4px 9px;font:700 11px var(--m)}
.version-footer .deploy-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgb(var(--accent-rgb)/.12)}
.lesson-wrap-btn{white-space:nowrap}
.exit-ticket-dialog{width:min(620px,calc(100vw - 28px));border:1px solid var(--line);border-radius:20px;background:var(--bg2);color:var(--txt);padding:0;box-shadow:0 28px 90px #0009}
.exit-ticket-dialog::backdrop{background:#02070db8;backdrop-filter:blur(5px)}
.exit-ticket-form{padding:22px}.exit-ticket-form h2{margin:0 0 6px}.exit-ticket-form>p{margin:0 0 18px;color:var(--mut)}
.exit-field{display:grid;gap:7px;margin:14px 0}.exit-field label{font-weight:750}.exit-field textarea,.exit-field select{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--txt);padding:11px 12px;font:inherit}.exit-field textarea{min-height:92px;resize:vertical}
.exit-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px}.exit-saved{padding:12px;border:1px solid rgb(var(--accent-rgb)/.3);background:rgb(var(--accent-rgb)/.08);border-radius:12px;color:var(--teal);margin-top:12px}
@media(max-width:700px){.portal-topbar{gap:8px}.lesson-wrap-btn{width:100%}.version-footer{font-size:11px}.exit-ticket-form{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* SOURCE: assets/itplugg-v19.37.css */
/* ITPlugg v19.37 — daily mission and motivation */
.daily-mission{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin:22px 0 28px;padding:22px;border:1px solid color-mix(in srgb,var(--teal) 38%,var(--line));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 10%,var(--bg2)),var(--bg2));box-shadow:0 16px 42px #0002}
.daily-mission h2{margin:4px 0 8px;font-size:clamp(22px,3vw,32px)}.daily-mission p{margin:0;color:var(--mut);max-width:68ch}
.daily-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.daily-stats span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg) 68%,transparent);font-size:12px;color:var(--mut)}.daily-stats b{color:var(--txt)}
.daily-mission-actions{display:grid;gap:9px;min-width:220px}.daily-mission-actions .btn{width:100%}.daily-mission-actions small{min-height:18px;color:var(--teal);font-weight:700;text-align:center}
.daily-mission.is-complete{border-color:color-mix(in srgb,var(--teal) 70%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 10%,transparent),0 16px 42px #0002}
@media(max-width:760px){.daily-mission{grid-template-columns:1fr;padding:18px}.daily-mission-actions{min-width:0}.daily-stats{display:grid;grid-template-columns:1fr}.daily-stats span{border-radius:12px}}


/* SOURCE: assets/itplugg-v19.38.css */
/* ITPlugg v19.38 — lugnare, mer fokuserad elevupplevelse */
:root{--v1938-max:1180px}
body{background:var(--bg);}
header{max-width:var(--v1938-max);margin:18px auto 0;padding:14px 18px;border-radius:22px;position:relative}
header .dashboard,header .recommend,header .progress-note,header .privacy-box{display:none!important}
.header-controls{gap:8px}.admin-entry{opacity:.72}
.home-screen,#portalShell{max-width:var(--v1938-max);margin-inline:auto}
.home-hero{min-height:auto;padding:34px;grid-template-columns:minmax(0,1fr) 300px;gap:32px;border-radius:26px}
.home-hero h2{font-size:clamp(2rem,5vw,3.45rem);max-width:740px}
.home-hero-copy>p{max-width:650px;font-size:1.03rem}
.hero-trust,.repeat-path,.home-note{display:none!important}
.home-actions{margin-top:22px}
.hero-visual{opacity:.82;transform:scale(.94)}
.section-heading{margin-top:32px;margin-bottom:14px}.section-heading p{max-width:420px}
.home-course-grid{gap:14px}.home-course-card{min-height:210px;padding:22px;border-radius:20px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-course-card:hover{transform:translateY(-3px)}
.v1938-quick-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 4px}
.v1938-quick-card{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:16px;display:flex;align-items:center;gap:12px;min-height:76px}.v1938-quick-card b{display:block}.v1938-quick-card small{color:var(--mut)}.v1938-quick-icon{font-size:1.35rem}
.portal-topbar{position:sticky;top:10px;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;padding:10px 12px;margin:12px 0;box-shadow:0 10px 34px rgba(0,0,0,.12)}
.course-toggle-row,.allrow{display:none!important}.courses{display:none!important}.course-overview-hub{margin-top:8px}
nav[role="tablist"]{position:sticky;top:78px;z-index:19;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);padding:8px;border:1px solid var(--line);border-radius:16px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}nav[role="tablist"]::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex:0 0 auto}
#portalShell>section[role="tabpanel"]{padding-top:18px}
#quizModeShell{border-radius:20px;padding:18px}.quiz-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quiz-mode{min-height:112px}
.v1938-advanced-toggle{margin:12px 0}.v1938-advanced-toggle summary{cursor:pointer;font-weight:700;list-style:none;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card)}.v1938-advanced-toggle summary::-webkit-details-marker{display:none}.v1938-advanced-toggle[open] summary{margin-bottom:12px}.v1938-advanced-content{display:grid;gap:12px}
.panel{border-radius:20px}.review-queue{margin-top:16px}
.version-footer{max-width:var(--v1938-max);margin:28px auto 10px;padding:18px;text-align:center;border-top:1px solid var(--line);font-size:.92rem}.v1938-build{display:inline-flex;align-items:center;gap:7px;margin-left:8px;font-weight:800}.v1938-dot{width:8px;height:8px;border-radius:99px;background:#35c86f;box-shadow:0 0 0 4px rgba(53,200,111,.14)}
@media(max-width:850px){header{margin:0;border-radius:0 0 20px 20px}.home-hero{grid-template-columns:1fr;padding:25px 20px}.hero-visual{display:none}.v1938-quick-strip{grid-template-columns:1fr}.home-course-grid{grid-template-columns:1fr}.quiz-mode-grid{grid-template-columns:1fr}nav[role="tablist"]{top:66px}.portal-topbar{top:6px}.version-footer{margin-bottom:80px}}
@media(max-width:540px){.header-controls .admin-entry{display:none}.home-actions{display:grid}.home-actions .btn{width:100%}.home-hero h2{font-size:2.15rem}.section-heading{align-items:flex-start}.section-heading p{display:none}.home-course-card{min-height:180px}.portal-topbar{font-size:.9rem}}


/* SOURCE: assets/itplugg-v19.39.css */
/* ITPlugg v19.39 — fokus, lärstig och konsekvent navigation */
:root{--v1939-max:1120px;--v1939-nav-h:68px;--v1939-radius:18px}
html{scroll-padding-top:calc(var(--v1939-nav-h) + 20px)}
body.v1919-nav-active,body.v1919-nav-collapsed,body.v1923-auto-compact{padding-left:0!important;padding-top:var(--v1939-nav-h)!important}
.v1919-dev-sidebar,.v1919-mobile-menu,.v1919-dev-scrim{display:none!important}
.v1939-main-nav{position:fixed;inset:0 0 auto;z-index:940;height:var(--v1939-nav-h);display:flex;align-items:center;gap:22px;padding:0 max(18px,calc((100vw - var(--v1939-max))/2));background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.v1939-brand{display:flex;align-items:center;gap:10px;min-width:max-content;color:var(--txt);font-weight:850}.v1939-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--teal);color:#06242d;font:900 12px var(--m)}
.v1939-nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.v1939-nav-button{min-height:42px;padding:8px 13px;border:0;border-radius:11px;background:transparent;color:var(--mut);font:700 13px var(--f);cursor:pointer}.v1939-nav-button:hover,.v1939-nav-button:focus-visible{color:var(--txt);background:color-mix(in srgb,var(--teal) 9%,transparent)}.v1939-nav-button[aria-current="page"]{color:var(--txt);background:color-mix(in srgb,var(--teal) 14%,transparent);box-shadow:inset 0 -2px var(--teal)}
.v1939-more{position:relative}.v1939-more-menu{position:absolute;top:48px;right:0;width:210px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);box-shadow:0 20px 55px rgba(0,0,0,.28)}.v1939-more-menu[hidden]{display:none}.v1939-more-menu button{width:100%;padding:10px 11px;border:0;border-radius:9px;text-align:left;background:transparent;color:var(--txt);font:650 13px var(--f);cursor:pointer}.v1939-more-menu button:hover,.v1939-more-menu button:focus-visible{background:color-mix(in srgb,var(--teal) 10%,transparent)}
.site-header{display:none!important}.wrap{max-width:none!important;padding-inline:clamp(14px,3vw,28px)!important}.home-screen,#portalShell{width:min(var(--v1939-max),100%);margin-inline:auto}.home-screen{padding-top:22px}
.home-hero{margin:0 0 14px!important;padding:clamp(22px,4vw,36px)!important;grid-template-columns:1fr!important;min-height:0!important}.home-hero-copy{max-width:760px}.home-hero h2{font-size:clamp(2rem,5vw,3.25rem)!important;line-height:1.08}.home-hero-copy>p{font-size:1rem!important;max-width:62ch}.hero-visual{display:none!important}.home-actions{margin-top:20px!important}.home-actions .btn{min-height:46px}.continue-context{margin-top:8px}
.v1938-quick-strip{margin:14px 0!important;gap:10px!important}.v1938-quick-card{min-height:72px!important;border-radius:15px!important;background:var(--bg2)!important}.v1938-quick-card small{display:block;line-height:1.35}.v1938-quick-card:focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 48%,transparent);outline-offset:2px}
#studentHomePanel{display:none!important}#v1919HomeStage{display:grid;gap:12px}.v1919-plan-drawer{display:none!important}.v1919-course-drawer{margin:0!important}.v1919-course-drawer>summary{min-height:62px!important}.v1919-course-drawer>summary span:first-child small{font-size:0}.v1919-course-drawer>summary span:first-child small:after{content:'KURSER';font-size:9px}.v1919-course-drawer>summary span:first-child b{font-size:0}.v1919-course-drawer>summary span:first-child b:after{content:'Visa fler kurser';font-size:14px}
.v1939-home-focus{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:12px;margin:4px 0}.v1939-focus-card{padding:22px;border:1px solid var(--line);border-radius:var(--v1939-radius);background:var(--bg2)}.v1939-focus-card small{display:block;color:var(--teal);font:800 10px var(--m);letter-spacing:.12em;text-transform:uppercase}.v1939-focus-card h2,.v1939-focus-card h3{margin:6px 0}.v1939-focus-card p{margin:0;color:var(--mut);max-width:62ch}.v1939-focus-card .btn{margin-top:16px}.v1939-course-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.v1939-course-meta span{padding:5px 8px;border-radius:8px;background:var(--bg);color:var(--mut);font-size:11px}.v1939-evidence{color:var(--teal)!important;font-weight:750}
.portal-topbar{top:calc(var(--v1939-nav-h) + 8px)!important;z-index:30!important;margin:14px 0 12px!important}.portal-topbar .current-course{font-weight:750;color:var(--txt)}.lesson-wrap-btn{margin-left:auto}.course-overview-hub{padding:22px!important}.course-overview-head h2{font-size:clamp(1.55rem,3vw,2.2rem)}.course-overview-actions{margin-top:14px}.course-overview-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}.course-overview-stat{min-width:0}
.journey{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.journey h3{font-size:1.2rem;margin-bottom:3px}.journey-lead{color:var(--mut);margin-top:0}.journey-track{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important}.journey-step{min-height:142px!important;padding:12px!important;border-radius:14px!important;align-content:start}.journey-step .jn{margin-bottom:12px}.journey-step b{line-height:1.25}.journey-step small{line-height:1.35;margin-top:6px}.journey-step[data-state="active"]{box-shadow:0 0 0 2px color-mix(in srgb,var(--teal) 35%,transparent)}
nav[role="tablist"]{top:calc(var(--v1939-nav-h) + 84px)!important;z-index:24!important}.tab{min-height:42px}.tab:focus-visible,.btn:focus-visible,.pick:focus-visible,.journey-step:focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 50%,transparent);outline-offset:2px}
.v1939-quiz-recommended{padding:20px;border:1px solid color-mix(in srgb,var(--teal) 42%,var(--line));border-radius:var(--v1939-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 8%,var(--bg2)),var(--bg2));margin-bottom:14px}.v1939-quiz-recommended small{color:var(--teal);font:800 10px var(--m);letter-spacing:.1em;text-transform:uppercase}.v1939-quiz-recommended h3{font-size:1.25rem;margin:6px 0}.v1939-quiz-recommended p{color:var(--mut);margin:0}.v1939-quiz-meta{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.v1939-quiz-meta span{padding:6px 9px;border:1px solid var(--line);border-radius:9px;font-size:12px}.v1939-quiz-actions{display:flex;gap:8px;flex-wrap:wrap}.v1938-advanced-toggle>summary{border-radius:11px!important}.v1938-advanced-content{padding:8px 0}.v1939-secondary-quiz{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.v1939-secondary-quiz .btn{font-size:12px}
#v1919QuickStart .v1919-quick-grid{grid-template-columns:minmax(220px,420px)!important}#v1919QuickStart [hidden]{display:none!important}#v1919QuickStart [data-v1919-quick]:not([hidden]){min-height:88px}
.v1939-control-question{margin-top:11px;padding:11px 12px;border:1px dashed color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--teal) 5%,transparent)}.v1939-control-question b{display:block}.v1939-control-question p{margin:4px 0}.v1939-control-question small{color:var(--mut)}
.v1939-lab-report-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}.exit-summary{margin-top:12px;padding:12px;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--teal) 7%,transparent)}
.v197-score-ring{font-size:11px!important}.v197-score-ring i:empty{display:none}
.version-footer{padding-bottom:18px!important}.v1939-build{display:inline-flex;align-items:center;gap:7px;margin-left:8px;font-weight:800}.v1939-dot{width:8px;height:8px;border-radius:50%;background:#35c86f;box-shadow:0 0 0 4px rgba(53,200,111,.14)}
@media(max-width:960px){.journey-track{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v1939-home-focus{grid-template-columns:1fr}.course-overview-stats{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){:root{--v1939-nav-h:66px}body.v1919-nav-active,body.v1919-nav-collapsed,body.v1923-auto-compact{padding-top:0!important;padding-bottom:calc(var(--v1939-nav-h) + env(safe-area-inset-bottom))!important}.v1939-main-nav{inset:auto 0 0;height:calc(var(--v1939-nav-h) + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);border-top:1px solid var(--line);border-bottom:0}.v1939-brand{display:none}.v1939-nav-links{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin:0}.v1939-nav-button{min-width:0;padding:7px 3px;font-size:11px;white-space:nowrap}.v1939-nav-button[aria-current="page"]{box-shadow:inset 0 2px var(--teal)}.v1939-more{position:static}.v1939-more-menu{position:fixed;right:10px;bottom:calc(var(--v1939-nav-h) + env(safe-area-inset-bottom) + 8px);top:auto}.home-screen{padding-top:12px}.portal-topbar{top:6px!important}.portal-topbar{flex-wrap:wrap}.lesson-wrap-btn{margin-left:0}nav[role="tablist"]{top:84px!important}.journey-track{grid-template-columns:1fr 1fr!important}.journey-step{min-height:116px!important}.version-footer{margin-bottom:calc(var(--v1939-nav-h) + 12px)!important}}
@media(max-width:420px){.wrap{padding-inline:10px!important}.home-hero{padding:21px 17px!important}.home-hero h2{font-size:2rem!important}.home-actions{display:grid!important}.home-actions .btn{width:100%}.v1938-quick-card{padding:13px!important}.journey-track{grid-template-columns:1fr!important}.course-overview-stats{grid-template-columns:1fr 1fr!important}.course-overview-stat b{font-size:15px}.v1939-quiz-actions{display:grid}.v1939-quiz-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.v1939-main-nav *{transition:none!important;animation:none!important}}


/* SOURCE: assets/itplugg-v19.40.css */
/* ITPlugg v19.40 — stabil Mer-meny och kvalitetssäkrad elevöversikt */
.v1939-more-menu{z-index:3}.v1939-more-menu[aria-hidden="false"]{display:block}
.v1939-more-menu button{min-height:44px}.v1939-more-menu button:focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 50%,transparent);outline-offset:1px}
.v1940-settings-dialog{width:min(520px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:18px;background:var(--bg2);color:var(--txt);box-shadow:0 28px 90px rgba(0,0,0,.5)}
.v1940-settings-dialog::backdrop{background:rgba(1,10,18,.72);backdrop-filter:blur(5px)}.v1940-settings-card{padding:22px}.v1940-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.v1940-settings-head h2{margin:4px 0}.v1940-settings-head p{margin:0;color:var(--mut)}.v1940-settings-close{width:42px;height:42px;padding:0}.v1940-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.v1940-settings-actions .btn{min-height:46px;text-align:left}.v1940-settings-note{margin:15px 0 0;color:var(--mut);font-size:12px}
.v1940-view-title{margin:0 0 16px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.v1940-view-title small{color:var(--teal);font:800 9px var(--m);letter-spacing:.12em;text-transform:uppercase}.v1940-view-title h2{margin:5px 0}.v1940-view-title p{margin:0;color:var(--mut)}
.v1928-map-node[data-v1940-evidence="low"] .v1928-map-bar i{width:0!important}.v1928-map-node[data-v1940-evidence="low"] .v1928-map-node-top b{font-size:11px;color:var(--mut)}
.v197-mastery-card[data-v1940-evidence="low"] .v197-score-ring{background:var(--line);font-size:9px!important;text-align:center}.v197-mastery-card[data-v1940-evidence="low"] .v197-score-ring:before{background:var(--bg)}
.v1940-feedback-check{margin-top:11px;padding:12px;border:1px solid color-mix(in srgb,var(--teal) 42%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--teal) 6%,transparent)}.v1940-feedback-check label{display:block;font-weight:750}.v1940-feedback-check textarea{width:100%;min-height:64px;margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--txt);font:inherit;resize:vertical}.v1940-feedback-check small{display:block;margin-top:6px;color:var(--mut)}
.version-footer .v1940-build{display:inline-flex;align-items:center;gap:7px;margin-left:8px;font-weight:800}.v1940-dot{width:8px;height:8px;border-radius:50%;background:#35c86f;box-shadow:0 0 0 4px rgba(53,200,111,.14)}
@media(max-width:520px){.v1940-settings-card{padding:17px}.v1940-settings-actions{grid-template-columns:1fr}.v1939-more-menu{left:10px;right:10px;width:auto}.v1940-view-title{padding:15px}}
@media(prefers-reduced-motion:reduce){.v1940-settings-dialog::backdrop{backdrop-filter:none}}
.v1939-control-question[hidden]{display:none!important}


/* SOURCE: assets/itplugg-v19.42.css */
/* ITPlugg v19.42 — dator känns igen via mus/trackpad, inte bara fönsterbredd */
:root{--v1942-sidebar-w:244px}
.v1941-nav-label{display:none}
html[data-itplugg-navigation] body.v1919-nav-active,
html[data-itplugg-navigation] body.v1919-nav-collapsed,
html[data-itplugg-navigation] body.v1923-auto-compact{transition:none!important}

html[data-itplugg-navigation="desktop"]{scroll-padding-top:20px}
html[data-itplugg-navigation="desktop"] body.v1919-nav-active,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact{padding:0 0 0 var(--v1942-sidebar-w)!important}
html[data-itplugg-navigation="desktop"] .v1939-main-nav{inset:0 auto 0 0!important;width:var(--v1942-sidebar-w)!important;height:100dvh!important;padding:22px 15px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important;overflow-x:hidden!important;overflow-y:auto!important;border-right:1px solid var(--line)!important;border-top:0!important;border-bottom:0!important;background:color-mix(in srgb,var(--bg) 97%,transparent)!important}
html[data-itplugg-navigation="desktop"] .v1939-brand{display:flex!important;padding:0 8px;min-height:44px}
html[data-itplugg-navigation="desktop"] .v1939-nav-links{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;width:100%!important;margin:0!important}
html[data-itplugg-navigation="desktop"] .v1939-nav-button{display:block!important;width:100%!important;min-height:46px!important;padding:10px 12px!important;text-align:left!important;border-radius:11px!important;font-size:14px!important}
html[data-itplugg-navigation="desktop"] .v1939-nav-button[aria-current="page"]{box-shadow:inset 3px 0 var(--teal)!important}
html[data-itplugg-navigation="desktop"] .v1939-more{position:static!important;width:100%!important;margin-top:10px!important;padding-top:13px!important;border-top:1px solid var(--line)!important}
html[data-itplugg-navigation="desktop"] .v1939-more>[data-v1939-nav="more"]{display:none!important}
html[data-itplugg-navigation="desktop"] .v1941-nav-label{display:block!important;margin:0 11px 7px;color:var(--mut);font:800 9px var(--m);letter-spacing:.14em;text-transform:uppercase}
html[data-itplugg-navigation="desktop"] .v1939-more-menu,
html[data-itplugg-navigation="desktop"] .v1939-more-menu[hidden],
html[data-itplugg-navigation="desktop"] .v1939-more-menu[aria-hidden="true"]{display:grid!important;position:static!important;inset:auto!important;width:100%!important;max-height:none!important;padding:0!important;gap:4px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html[data-itplugg-navigation="desktop"] .v1939-more-menu button{min-height:44px!important;padding:10px 12px!important;border-radius:11px!important;font-size:13px!important}
html[data-itplugg-navigation="desktop"] .home-screen,
html[data-itplugg-navigation="desktop"] #portalShell{width:min(var(--v1939-max),calc(100% - 32px))!important}
html[data-itplugg-navigation="desktop"] .home-screen{padding-top:22px!important}
html[data-itplugg-navigation="desktop"] .portal-topbar{top:8px!important}
html[data-itplugg-navigation="desktop"] nav[role="tablist"]{top:84px!important}
html[data-itplugg-navigation="desktop"] .version-footer{margin-bottom:0!important}
html[data-itplugg-navigation="desktop"] .v196-update-banner{left:calc(var(--v1942-sidebar-w) + (100vw - var(--v1942-sidebar-w))/2)!important;width:min(720px,calc(100vw - var(--v1942-sidebar-w) - 28px))!important}

html[data-itplugg-navigation="mobile"] .v1939-main-nav{overflow:visible!important}
html[data-itplugg-navigation="mobile"] .v1939-more-menu{z-index:1100!important;max-height:min(360px,calc(100dvh - var(--v1939-nav-h) - 28px));overflow-y:auto!important}
html[data-itplugg-navigation="mobile"] .v1939-more-menu[aria-hidden="false"]{display:grid!important}

@media(max-width:760px){
  html[data-itplugg-navigation="desktop"]{--v1942-sidebar-w:190px}
  html[data-itplugg-navigation="desktop"] .v1939-main-nav{padding:16px 10px!important;gap:14px!important}
  html[data-itplugg-navigation="desktop"] .v1939-brand{padding-inline:7px}
  html[data-itplugg-navigation="desktop"] .v1939-nav-button{min-height:42px!important;padding:8px 10px!important;font-size:13px!important}
  html[data-itplugg-navigation="desktop"] .v1939-more{margin-top:5px!important;padding-top:9px!important}
  html[data-itplugg-navigation="desktop"] .v1939-more-menu button{min-height:40px!important;padding:8px 10px!important}
  html[data-itplugg-navigation="desktop"] .home-hero h2{font-size:clamp(1.8rem,6vw,2.55rem)!important}
}
@media(min-width:761px) and (max-width:1040px){html[data-itplugg-navigation="desktop"]{--v1942-sidebar-w:214px}}
@media(prefers-reduced-motion:reduce){.v1939-main-nav,.v1939-more-menu{scroll-behavior:auto!important}}


/* SOURCE: assets/itplugg-v19.43.css */
/* ITPlugg v19.43 — den tidigare fullständiga sidebaren är tillbaka på dator */
:root{--v1943-sidebar-w:252px;--v1943-sidebar-compact-w:78px}

html[data-itplugg-navigation="desktop"]{scroll-padding-top:20px}
html[data-itplugg-navigation="desktop"] .v1939-main-nav{display:none!important}
html[data-itplugg-navigation="desktop"] .v1919-dev-sidebar{
  display:flex!important;
  width:var(--v1943-sidebar-w)!important;
  transform:none!important;
  visibility:visible!important;
  opacity:1!important
}
html[data-itplugg-navigation="desktop"] .v1919-mobile-menu,
html[data-itplugg-navigation="desktop"] .v1919-dev-scrim{display:none!important}
html[data-itplugg-navigation="desktop"] body.v1919-nav-active,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact{
  padding:0 0 0 var(--v1943-sidebar-w)!important;
  transition:none!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact{padding-left:var(--v1943-sidebar-compact-w)!important}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v1919-dev-sidebar{width:var(--v1943-sidebar-compact-w)!important}
html[data-itplugg-navigation="desktop"] .home-screen,
html[data-itplugg-navigation="desktop"] #portalShell{width:min(var(--v1939-max),calc(100% - 32px))!important}
html[data-itplugg-navigation="desktop"] .home-screen{padding-top:22px!important}
html[data-itplugg-navigation="desktop"] .portal-topbar{top:8px!important}
html[data-itplugg-navigation="desktop"] nav[role="tablist"]{top:84px!important}
html[data-itplugg-navigation="desktop"] .version-footer{margin-bottom:0!important}
html[data-itplugg-navigation="desktop"] body:not(.v1919-nav-collapsed):not(.v1923-auto-compact) .v196-update-banner{
  left:calc(var(--v1943-sidebar-w) + (100vw - var(--v1943-sidebar-w))/2)!important;
  width:min(720px,calc(100vw - var(--v1943-sidebar-w) - 28px))!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v196-update-banner,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v196-update-banner{
  left:calc(var(--v1943-sidebar-compact-w) + (100vw - var(--v1943-sidebar-compact-w))/2)!important;
  width:min(720px,calc(100vw - var(--v1943-sidebar-compact-w) - 28px))!important
}

/* Touchläget behåller den femdelade bottenmenyn även i liggande vy. */
html[data-itplugg-navigation="mobile"] body.v1919-nav-active,
html[data-itplugg-navigation="mobile"] body.v1919-nav-collapsed,
html[data-itplugg-navigation="mobile"] body.v1923-auto-compact{
  padding:0 0 calc(var(--v1939-nav-h) + env(safe-area-inset-bottom))!important;
  transition:none!important
}
html[data-itplugg-navigation="mobile"] .v1939-main-nav{
  inset:auto 0 0!important;
  width:100%!important;
  height:calc(var(--v1939-nav-h) + env(safe-area-inset-bottom))!important;
  padding:5px 6px env(safe-area-inset-bottom)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  overflow:visible!important;
  border:0!important;
  border-top:1px solid var(--line)!important
}
html[data-itplugg-navigation="mobile"] .v1939-brand{display:none!important}
html[data-itplugg-navigation="mobile"] .v1939-nav-links{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:2px!important;
  margin:0!important
}
html[data-itplugg-navigation="mobile"] .v1939-nav-button{
  min-width:0!important;
  min-height:42px!important;
  padding:7px 3px!important;
  text-align:center!important;
  font-size:11px!important;
  white-space:nowrap!important
}
html[data-itplugg-navigation="mobile"] .v1939-nav-button[aria-current="page"]{box-shadow:inset 0 2px var(--teal)!important}
html[data-itplugg-navigation="mobile"] .v1939-more{position:static!important;width:auto!important;margin:0!important;padding:0!important;border:0!important}
html[data-itplugg-navigation="mobile"] .v1941-nav-label{display:none!important}
html[data-itplugg-navigation="mobile"] .v1939-more-menu{
  position:fixed!important;
  inset:auto 10px calc(var(--v1939-nav-h) + env(safe-area-inset-bottom) + 8px) auto!important;
  width:min(370px,calc(100vw - 20px))!important
}

@media(max-width:1212px){
  html[data-itplugg-navigation="desktop"] .v1939-home-focus{grid-template-columns:1fr!important}
  html[data-itplugg-navigation="desktop"] .journey-track{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html[data-itplugg-navigation="desktop"] .course-overview-stats{grid-template-columns:1fr 1fr!important}
}
@media(max-width:1072px){
  html[data-itplugg-navigation="desktop"] .v1919-home-stage{grid-template-columns:1fr!important}
  html[data-itplugg-navigation="desktop"] .v1919-home-stage>.student-home-panel{grid-row:auto!important}
  html[data-itplugg-navigation="desktop"] .v1919-home-stage>.v1919-course-drawer{grid-column:auto!important}
}
@media(max-width:760px){html[data-itplugg-navigation="desktop"] .home-hero h2{font-size:clamp(1.75rem,5.5vw,2.45rem)!important}}
@media(prefers-reduced-motion:reduce){.v1919-dev-sidebar,.v1939-main-nav,.v1939-more-menu{transition:none!important;animation:none!important}}


/* SOURCE: assets/itplugg-v19.44.css */
/* ITPlugg v19.44 — stabil sidebar i smala datorfönster */

/*
 * Den äldre <=900px-regeln återställde textetiketter eftersom sidebaren då var
 * en mobil drawer. I dagens desktopläge är sidebaren permanent, så ett manuellt
 * minimerat läge måste förbli ett rent ikonläge även under 900px.
 */
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-brand>div,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-lock,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-nav-group,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar button>b,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar button>small,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar button>em,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar button>kbd,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-sidebar-pulse,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-footer-actions{
  display:none!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed{
  padding-left:var(--v1943-sidebar-compact-w)!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar{
  width:var(--v1943-sidebar-compact-w)!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar>header{
  display:block!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-brand>span{
  margin:auto!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar>header>button{
  margin:7px auto 0!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar>header>button svg{
  transform:rotate(180deg)!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar nav button,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar footer>button{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:"icon"!important;
  place-items:center!important;
  gap:0!important;
  padding:8px!important;
  text-align:center!important
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-sidebar button>span{
  align-self:center!important
}



/* SOURCE: assets/itplugg-v19.45.css */
/* ITPlugg v19.45 — lugnare informationsarkitektur och progressiv visning */
:root{
  --v1945-radius:18px;
  --v1945-soft:color-mix(in srgb,var(--bg2) 90%,var(--teal) 10%);
  --v1945-shadow:0 16px 42px rgba(2,14,24,.12)
}

/* Startsidan: samma funktioner, men mindre tom yta och tydligare prioritet. */
.home-hero{
  margin-bottom:10px!important;
  padding:clamp(24px,3.4vw,32px)!important;
  border-radius:24px!important
}
.home-hero h2{max-width:720px!important;font-size:clamp(2rem,4.5vw,3rem)!important}
.home-hero-copy>p{max-width:58ch!important;line-height:1.55!important}
.home-actions{margin-top:17px!important}
.home-actions .hero-secondary{display:none!important}
.hero-trust{display:none!important}
.v1938-quick-strip{margin:10px 0!important}
.v1938-quick-card{min-height:64px!important;padding-block:10px!important}
.v1939-home-focus{gap:10px!important}
.v1939-focus-card{padding:18px!important}
.v1939-focus-card .btn{margin-top:13px!important}
.v1919-home-stage{gap:10px!important;margin-top:10px!important}

/* Kursen får en egen översikt i stället för att ligga ovanpå quizet. */
#pOverview[hidden]{display:none!important}
#pOverview:not([hidden]){display:block}
.v1945-course-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 12px;
  padding:22px 24px;
  border:1px solid var(--line);
  border-radius:var(--v1945-radius);
  background:linear-gradient(135deg,var(--v1945-soft),var(--bg2));
  box-shadow:var(--v1945-shadow)
}
.v1945-course-intro small{display:block;color:var(--teal);font:800 9px var(--m);letter-spacing:.13em;text-transform:uppercase}
.v1945-course-intro h1{margin:5px 0 5px;font-size:clamp(1.7rem,3.4vw,2.55rem);letter-spacing:-.04em}
.v1945-course-intro p{margin:0;color:var(--mut);max-width:62ch;line-height:1.5}
.v1945-course-intro-actions{display:flex;gap:8px;flex:0 0 auto;flex-wrap:wrap}
#pOverview .course-overview-hub{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
body[data-v1925-focus="1"] #pOverview #courseOverviewHub{display:block!important}
#pOverview .v196-next-step{margin-bottom:10px!important;padding:16px 18px!important}
#pOverview .journey{
  margin:10px 0!important;
  padding:19px!important;
  border:1px solid var(--line)!important;
  border-radius:var(--v1945-radius);
  background:var(--bg2)
}
#pOverview .journey-track{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#pOverview .journey-step{min-height:118px!important}
#pOverview .v1919-course-overview-drawer{margin-top:10px!important}

/* Fem primära arbetsytor. Skrivträning och verktyg ligger under Fler verktyg. */
#tabSkriv,#tabTools{display:none!important}
#portalShell>nav[role="tablist"]{
  gap:4px!important;
  margin-bottom:8px!important;
  padding:6px!important
}
#portalShell>nav[role="tablist"] .tab{min-height:40px!important;padding:9px 14px!important}
.v1945-more-tools{
  position:relative;
  width:max-content;
  margin:0 0 12px auto;
  z-index:23
}
.v1945-more-tools>summary{
  list-style:none;
  cursor:pointer;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:11px;
  color:var(--mut);
  background:var(--bg2);
  font-size:12px;
  font-weight:750
}
.v1945-more-tools>summary::-webkit-details-marker{display:none}
.v1945-more-tools>summary:after{content:" +";color:var(--teal)}
.v1945-more-tools[open]>summary:after{content:" −"}
.v1945-more-tools[data-active="1"]>summary{border-color:var(--teal);color:var(--txt)}
.v1945-more-tools-menu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  min-width:210px;
  padding:6px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--bg2);
  box-shadow:0 18px 50px rgba(0,0,0,.28)
}
.v1945-more-tools-menu button{display:block;width:100%;padding:10px;border:0;border-radius:9px;text-align:left;color:var(--txt);background:transparent;font:inherit;cursor:pointer}
.v1945-more-tools-menu button:hover{background:var(--bg)}

/* Gemensam progressiv visning för fördjupning, plan och statistik. */
.v1945-disclosure{
  margin:10px 0;
  border:1px solid var(--line);
  border-radius:var(--v1945-radius);
  background:var(--bg2);
  overflow:clip
}
.v1945-disclosure>summary{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:66px;
  padding:13px 16px;
  cursor:pointer;
  list-style:none
}
.v1945-disclosure>summary::-webkit-details-marker{display:none}
.v1945-disclosure>summary>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent);font-weight:900}
.v1945-disclosure>summary>div{min-width:0;flex:1}
.v1945-disclosure>summary small,.v1945-disclosure>summary b,.v1945-disclosure>summary em{display:block}
.v1945-disclosure>summary small{color:var(--teal);font:800 8px var(--m);letter-spacing:.12em;text-transform:uppercase}
.v1945-disclosure>summary b{margin-top:2px;font-size:14px}
.v1945-disclosure>summary em{color:var(--mut);font-size:11px;font-style:normal}
.v1945-disclosure>summary:after{content:"+";display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;color:var(--teal);background:var(--bg);font-size:18px}
.v1945-disclosure[open]>summary{border-bottom:1px solid var(--line);background:var(--v1945-soft)}
.v1945-disclosure[open]>summary:after{content:"−"}
.v1945-disclosure-body{padding:14px}
.v1945-disclosure-body>.v1919-learning-studio,
.v1945-disclosure-body>.v1928-knowledge-map,
.v1945-disclosure-body>.v197-weekly-plan,
.v1945-disclosure-body>.course-map{margin:0!important}

.v1945-inline-disclosure{
  width:max-content;
  margin:8px 0 14px
}
.v1945-inline-disclosure>summary,
.v1945-result-tools>summary{
  list-style:none;
  cursor:pointer;
  width:max-content;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--mut);
  background:var(--bg2);
  font-size:12px;
  font-weight:750
}
.v1945-inline-disclosure>summary::-webkit-details-marker,
.v1945-result-tools>summary::-webkit-details-marker{display:none}
.v1945-inline-disclosure>summary:after,
.v1945-result-tools>summary:after{content:" +";color:var(--teal)}
.v1945-inline-disclosure[open]>summary:after,
.v1945-result-tools[open]>summary:after{content:" −"}
.v1945-inline-disclosure>div{padding-top:2px}
.v1945-inline-disclosure .lex-controls{margin-bottom:0!important}

/* Min utveckling visar dagens plan först. Resten öppnas vid behov. */
#pPlan>#v1940DevelopmentTitle{margin-bottom:12px!important}
#pPlan>h2,#pPlan>p.hint{display:none!important}
#pPlan .study-plan{margin-bottom:10px!important}
#pPlan .study-plan>.v1945-disclosure{margin-top:14px}

/* Labbar: tre rekommenderade uppgifter först, resten på begäran. */
#labList[hidden],#labRunner[hidden]{display:none!important}
#arenaOptions[hidden],#v199ContentForm[hidden]{display:none!important}
#labList>.v1945-lab-extra{display:none!important}
#labList.v1945-show-all>.v1945-lab-extra{display:block!important}
.v1945-lab-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg2) 78%,transparent)}
.v1945-lab-controls span{color:var(--mut);font-size:12px}

/* Anteckningen hör till ett öppnat begrepp, inte till varje stängt kort. */
#lexGrid .lex-card[data-revealed="0"] .note-area{display:none!important}
#lexGrid .lex-card[data-revealed="0"]{min-height:0!important}
#lexGrid .lex-card{align-content:start}
#pLex .v1919-concept-arena{margin-bottom:12px!important}
#pLex .v1919-concept-head{padding:18px 19px 10px!important}
#pLex .v1919-concept-head h3{font-size:21px!important}
#pLex .v1919-concept-rank,#pLex .v1919-concept-stats{display:none!important}
#pLex .v1919-concept-actions{padding:4px 19px 18px!important;border-top:0!important}

/* Quizet visar kärnan direkt; tre överlappande reflektionsfrågor tas bort.
   Den befintliga "Gör kunskapen aktiv"-delen finns kvar som frivillig fördjupning. */
#qFb>.explanation-feedback,
#qFb>.v1924-learning-pause,
#qFb>.v1923-retrieval-nudge{display:none!important}

/* Resultatet sammanfattas en gång. Detaljer och rapportverktyg är frivilliga. */
#quizRes .result-insights,
#quizRes .result-next-step,
#quizRes .result-action-grid,
#quizRes .v11-session-summary{display:none!important}
#quizRes .v1919-result-actions [data-result-action="lesson"],
#quizRes .v1919-result-actions [data-result-action="scenario"]{display:none!important}
#quizRes .resbtns{justify-content:center!important;margin-top:10px!important}
.v1945-result-tools{margin:10px auto 0;width:max-content;max-width:100%}
.v1945-result-tools>summary{margin:auto}
.v1945-result-tools-body{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg2)}
.v1945-result-tools-body #studentName{min-width:210px}
#v1945ResultBreakdown .breakdown{margin:0!important}

/* Enhetliga, lugna verktygssidor. */
#portalShell>[role="tabpanel"]{scroll-margin-top:150px}
#portalShell>[role="tabpanel"]>h2{margin-bottom:4px}
#portalShell>[role="tabpanel"]>p.hint{max-width:70ch;margin-top:0;line-height:1.5}

@media(max-width:1020px){
  #pOverview .journey-track{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v1945-course-intro{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
  .home-hero{padding:22px 19px!important}
  .v1939-focus-card{padding:16px!important}
  .v1945-course-intro{padding:18px}
  .v1945-course-intro-actions{display:grid;width:100%}
  .v1945-course-intro-actions .btn{width:100%}
  #pOverview .journey{padding:15px!important}
  #pOverview .journey-track{grid-template-columns:1fr!important}
  #pOverview .journey-step{min-height:0!important}
  .v1945-more-tools{width:100%;margin-top:0}
  .v1945-more-tools>summary{width:100%;text-align:center}
  .v1945-more-tools-menu{position:static;margin-top:6px}
  .v1945-lab-controls{align-items:stretch;flex-direction:column}
  .v1945-lab-controls .btn{width:100%}
  .v1945-disclosure>summary em{display:none}
  .v1945-inline-disclosure{width:100%}
  .v1945-inline-disclosure>summary{width:100%;text-align:center}
  .v1945-result-tools{width:100%}
  .v1945-result-tools-body{align-items:stretch;flex-direction:column}
  .v1945-result-tools-body>*{width:100%!important}
}
@media(prefers-reduced-motion:reduce){.v1945-disclosure,.v1945-more-tools-menu{scroll-behavior:auto;transition:none!important}}


/* SOURCE: assets/itplugg-v19.46.css */
/* ITPlugg v19.46 — förnyad lärarstudio och adminlåst utvecklingslabb */

#adminModal.admin-modal{
  background:
    radial-gradient(circle at 18% 12%,rgba(45,212,191,.12),transparent 30%),
    radial-gradient(circle at 84% 82%,rgba(129,140,248,.12),transparent 31%),
    rgba(3,10,18,.82)!important;
  backdrop-filter:blur(12px)
}
#adminModal .admin-panel{
  border:1px solid color-mix(in srgb,var(--line) 72%,var(--teal) 28%)!important;
  border-radius:24px!important;
  box-shadow:0 34px 110px rgba(0,0,0,.52)!important
}
#adminModal .admin-head{align-items:center!important;padding:16px 20px!important}
#adminModal .admin-head>div:first-child{min-width:0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#adminModal .admin-head>div:first-child>.kick{width:100%;margin-bottom:-9px}
#adminModal .admin-head h2{margin:0!important}
.v1946-admin-session{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 10px;border:1px solid color-mix(in srgb,var(--teal) 42%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--teal) 9%,var(--bg2))}
.v1946-admin-session span{display:flex;align-items:center;gap:6px;color:var(--txt);font-size:11px;font-weight:800}
.v1946-admin-session i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12)}
.v1946-admin-session small{font-size:10px!important;color:var(--mut)!important}

#adminModal .v1919-admin-nav{padding:10px 12px!important}
#adminModal .v1919-admin-nav button{border:1px solid transparent}
#adminModal .v1919-admin-nav button[data-active="1"]{border-color:color-mix(in srgb,var(--teal) 32%,var(--line))!important}
#adminModal .v1919-admin-nav .v1946-dev-tab{margin-top:9px;border-color:color-mix(in srgb,#818cf8 38%,var(--line));background:color-mix(in srgb,#818cf8 7%,transparent)}
#adminModal .v1919-admin-nav .v1946-dev-tab>em{margin-left:2px;padding:2px 6px;border-radius:999px;color:#c7d2fe;background:rgba(99,102,241,.18);font:800 8px var(--m);letter-spacing:.06em;font-style:normal}
#adminModal .v1919-admin-nav .v1946-dev-tab[data-active="1"]{border-color:#818cf8!important;box-shadow:0 8px 26px rgba(99,102,241,.14)!important}

.v1946-panel-intro{margin:0 0 15px;padding:4px 2px 13px;border-bottom:1px solid var(--line)}
.v1946-panel-intro small{display:block;color:var(--teal)!important;font:800 9px var(--m);letter-spacing:.13em;text-transform:uppercase}
.v1946-panel-intro h2{margin:5px 0 4px;font-size:clamp(22px,3vw,30px);letter-spacing:-.035em}
.v1946-panel-intro p{max-width:72ch;margin:0;color:var(--mut)!important;line-height:1.5}
#adminModal [data-admin-panel="content"]>#adminCourseSettings,
#adminModal [data-admin-panel="content"]>#adminFeatureSettings{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#adminModal [data-admin-panel="content"]>#adminCourseSettings .admin-card,
#adminModal [data-admin-panel="content"]>#adminFeatureSettings .admin-card{margin:0!important;background:var(--bg2)!important}

#adminModal .v1919-admin-welcome{min-height:0!important;padding:20px 22px!important;background:linear-gradient(132deg,#075158,#0a7d76 72%)!important}
#adminModal .v1919-admin-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:820px){#adminModal .v1919-admin-quick{grid-template-columns:1fr!important}}
#adminModal .v1919-admin-quick .v1946-dev-quick{grid-column:1/-1;border-color:rgba(129,140,248,.48)!important;background:linear-gradient(135deg,color-mix(in srgb,#818cf8 11%,var(--bg2)),var(--bg2))!important}
#adminModal .v1919-admin-quick .v1946-dev-quick>span{color:#c7d2fe!important;background:rgba(99,102,241,.18)!important}
#adminModal>.admin-panel>.admin-actions{align-items:center!important;gap:8px!important}
#adminModal>.admin-panel>.admin-actions #adminExit{margin-left:auto;color:var(--rose)}

.v1946-dev-panel{padding:20px 22px 44px!important;color:var(--txt);background:var(--bg)!important}
.v1946-dev-hero{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px;border:1px solid rgba(129,140,248,.42);border-radius:21px;background:linear-gradient(135deg,color-mix(in srgb,#312e81 52%,var(--bg2)),color-mix(in srgb,var(--teal) 14%,var(--bg2)));box-shadow:0 18px 45px rgba(15,23,42,.18)}
.v1946-dev-hero:after{content:"";position:absolute;width:240px;height:240px;border:34px solid rgba(255,255,255,.05);border-radius:50%;right:-105px;bottom:-160px}
.v1946-dev-hero>div{position:relative;z-index:1}
.v1946-dev-hero small{display:block;color:#a5b4fc!important;font:800 9px var(--m);letter-spacing:.14em;text-transform:uppercase}
.v1946-dev-hero h2{margin:6px 0 6px;font-size:clamp(27px,4vw,39px);letter-spacing:-.045em}
.v1946-dev-hero p{max-width:680px;margin:0;color:color-mix(in srgb,var(--txt) 76%,var(--mut))!important;line-height:1.55}
.v1946-dev-hero>span{position:relative;z-index:1;display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 11px;border:1px solid rgba(199,210,254,.28);border-radius:999px;color:#e0e7ff;background:rgba(30,27,75,.34);font:800 9px var(--m);letter-spacing:.1em}
.v1946-dev-hero>span i{width:7px;height:7px;border-radius:50%;background:#818cf8;box-shadow:0 0 0 4px rgba(129,140,248,.16)}
.v1946-dev-safety{display:flex;align-items:center;gap:10px;margin:11px 0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,#818cf8 28%,var(--line));border-radius:13px;background:color-mix(in srgb,#818cf8 7%,var(--bg2));font-size:12px}
.v1946-dev-safety b{color:#c7d2fe}.v1946-dev-safety span{color:var(--mut)}

.v1946-experiment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v1946-experiment{min-width:0;padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--bg2);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.v1946-experiment-wide{grid-column:1/-1}
.v1946-experiment>p{min-height:39px;margin:8px 0 12px;color:var(--mut)!important;font-size:12px;line-height:1.5}
.v1946-experiment-head{display:grid;grid-template-columns:32px 1fr auto;align-items:start;gap:9px}
.v1946-experiment-head>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#c7d2fe;background:rgba(99,102,241,.14);font:800 10px var(--m)}
.v1946-experiment-head small{display:block;color:var(--teal)!important;font:800 8px var(--m);letter-spacing:.11em;text-transform:uppercase}
.v1946-experiment-head h3{margin:2px 0 0!important;font-size:15px!important}
.v1946-experiment-head em{padding:3px 6px;border-radius:999px;color:#c7d2fe;background:rgba(99,102,241,.13);font:800 7px var(--m);font-style:normal;letter-spacing:.08em}

.v1946-switch{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px!important;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.v1946-switch span{min-width:0}.v1946-switch b,.v1946-switch small{display:block}.v1946-switch b{font-size:12px}.v1946-switch small{margin-top:2px;color:var(--mut)!important;font-size:9px!important}
.v1946-switch input{position:absolute;opacity:0;pointer-events:none}
.v1946-switch>i{position:relative;flex:0 0 38px;width:38px;height:22px;border-radius:999px;background:color-mix(in srgb,var(--mut) 28%,var(--bg2));transition:.18s}
.v1946-switch>i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.26);transition:.18s}
.v1946-switch input:checked+ i{background:#6366f1}.v1946-switch input:checked+ i:after{transform:translateX(16px)}
.v1946-switch:has(input:focus-visible){outline:3px solid rgba(129,140,248,.35);outline-offset:2px}
.v1946-field{display:block!important;margin:8px 0!important;color:var(--mut)!important;font-size:10px!important}
.v1946-field select,.v1946-output input{box-sizing:border-box;width:100%;margin-top:4px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;color:var(--txt);background:var(--bg);font:inherit}
.v1946-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v1946-route-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0}
.v1946-route-buttons button,.v1946-output button{border:1px solid var(--line);border-radius:9px;padding:8px;color:var(--txt);background:var(--bg);cursor:pointer;font-weight:750}
.v1946-route-output{display:block;min-height:17px;padding:9px;border:1px dashed color-mix(in srgb,#818cf8 38%,var(--line));border-radius:10px;color:#c7d2fe;background:rgba(99,102,241,.06);font:10px var(--m);overflow-wrap:anywhere}
.v1946-output{display:grid;gap:6px;margin-top:10px}.v1946-output:empty{display:none}
.v1946-output>small{color:var(--mut)!important;font-size:9px!important}
.v1946-plan{display:grid;gap:6px}.v1946-plan>span{display:grid;grid-template-columns:25px 70px 1fr;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.v1946-plan>span>b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:#c7d2fe;background:rgba(99,102,241,.14);font:800 9px var(--m)}
.v1946-plan>span>i{color:var(--mut);font-size:10px;font-style:normal}.v1946-plan>span>strong{font-size:11px}
.v1946-a11y-summary{display:flex;justify-content:space-between;gap:8px;padding:10px;border-radius:11px;background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.25)}
.v1946-a11y-summary[data-ok="0"]{background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.26)}
.v1946-a11y-summary b{font-size:11px}.v1946-a11y-summary span{color:var(--mut);font-size:9px}
.v1946-check{display:flex;gap:8px;align-items:flex-start;padding:7px 8px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}
.v1946-check>b{color:#34d399}.v1946-check[data-ok="0"]>b{color:#fbbf24}.v1946-check span>*{display:block}.v1946-check strong{font-size:10px}.v1946-check small{color:var(--mut)!important;font-size:8px!important}
.v1946-rubric{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--line)}
.v1946-rubric>div{display:grid;grid-template-columns:minmax(220px,1.4fr) 1fr 1fr;gap:1px;background:var(--line)}
.v1946-rubric>div>*{margin:0;padding:10px;background:var(--bg)}
.v1946-rubric>div:first-child>*{color:var(--mut);background:var(--bg2);font-size:10px;font-weight:800}
.v1946-rubric p b,.v1946-rubric p small{display:block}.v1946-rubric p b{font-size:11px}.v1946-rubric p small{margin-top:2px;color:var(--mut)!important;font-size:8px!important}.v1946-rubric span{font-size:9px;color:var(--mut)}
.v1946-muted{margin:0!important;color:var(--mut)!important;font-size:11px}

@media(max-width:820px){
  #adminModal .v1919-admin-shell{display:block!important}
  .v1946-experiment-grid{grid-template-columns:1fr}.v1946-experiment-wide{grid-column:auto}
  .v1946-dev-panel{padding:14px 12px 36px!important}
}
@media(max-width:560px){
  #adminModal .admin-panel{border-radius:0!important}
  #adminModal .admin-head>div:first-child{display:block}.v1946-admin-session{margin-top:8px}
  .v1946-dev-hero{padding:18px;display:block}.v1946-dev-hero>span{width:max-content;margin-top:13px}
  .v1946-dev-safety{align-items:flex-start;flex-direction:column}
  .v1946-two-fields,.v1946-route-buttons{grid-template-columns:1fr}
  .v1946-rubric{overflow-x:auto}.v1946-rubric>div{min-width:620px}
  #adminModal>.admin-panel>.admin-actions #adminExit{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){.v1946-switch>i,.v1946-switch>i:after{transition:none!important}}


/* SOURCE: assets/itplugg-v19.46-beta.css */
/* ITPlugg v19.46 — funktionell utvecklingsbeta */
#v1946DevPanel{container-type:inline-size}
.v1946b-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--bg2)),color-mix(in srgb,var(--teal) 8%,var(--bg2)))}
.v1946b-hero>div{max-width:760px}.v1946b-hero small,.v1946b-section>header small{font:700 11px/1.4 var(--m);letter-spacing:.13em;text-transform:uppercase;color:var(--teal)}
.v1946b-hero h2{font-size:clamp(28px,4vw,46px);margin:7px 0 9px;letter-spacing:-.04em}.v1946b-hero p,.v1946b-section>header p{margin:0;color:var(--mut);line-height:1.65}
.v1946b-hero>span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 12px;border-radius:99px;background:color-mix(in srgb,var(--teal) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));font:700 10px var(--m);letter-spacing:.08em;color:var(--teal)}
.v1946b-hero>span i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px color-mix(in srgb,var(--teal) 15%,transparent)}
.v1946b-nav{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.v1946b-nav button{display:inline-flex;align-items:center;gap:8px;text-align:left;min-height:0;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--mut);transition:border-color .16s,background .16s,color .16s}
.v1946b-nav button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--txt)}.v1946b-nav button[data-active="1"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--txt);box-shadow:none}
.v1946b-nav button>span{font:800 10px var(--m);color:var(--accent)}.v1946b-nav b{font-size:12.5px;font-weight:600}.v1946b-nav small{display:none}
.v1946b-body{min-width:0}.v1946b-section{display:grid;gap:18px;padding:24px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--bg2) 92%,transparent)}
.v1946b-section>header{max-width:850px}.v1946b-section>header h3{font-size:clamp(24px,3.2vw,36px);margin:6px 0 8px;letter-spacing:-.035em}
.v1946b-stats,.v1946b-performance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v1946b-stats article,.v1946b-performance article{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}
.v1946b-stats b,.v1946b-performance b{display:block;font-size:24px}.v1946b-stats span,.v1946b-performance span{display:block;margin-top:3px;color:var(--mut);font-size:11px}
.v1946b-controls,.v1946b-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.v1946b-controls label,.v1946b-route label{display:grid;gap:6px;min-width:210px;color:var(--mut);font-size:11px}
.v1946b-controls select,.v1946b-route select,.v1946b-assignment-form input,.v1946b-assignment-form select,.v1946b-assignment-form textarea,.v1946b-documentation textarea,.v1946b-student-preview input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt)}
.v1946b-plan-list{display:grid;gap:10px}.v1946b-plan-list>article{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--bg)}
.v1946b-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--accent) 16%,var(--bg2));font:800 12px var(--m);color:var(--accent)}
.v1946b-plan-list h4{font-size:15px;margin:4px 0 8px}.v1946b-plan-list p{margin:0;color:var(--mut);font-size:12px;line-height:1.55}.v1946b-plan-list small{font:700 10px var(--m);text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}
.v1946b-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.v1946b-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:99px;color:var(--mut);font-size:10px}
.v1946b-answer{display:grid;gap:5px;margin-top:12px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--teal) 8%,var(--bg2));border:1px solid color-mix(in srgb,var(--teal) 25%,var(--line))}
.v1946b-answer b{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}.v1946b-answer span{font-weight:750}.v1946b-answer p{font-size:11px}
.v1946b-warning{margin:0;padding:11px 13px;border-left:3px solid var(--amber);border-radius:8px;background:color-mix(in srgb,var(--amber) 8%,transparent);color:var(--mut);font-size:11px;line-height:1.55}
.v1946b-empty{padding:20px;border:1px dashed var(--line);border-radius:14px;color:var(--mut);font-size:12px;line-height:1.55}
.v1946b-incident-facts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.v1946b-incident-facts>div{display:grid;margin-right:6px}.v1946b-incident-facts b{font-size:10px;color:var(--mut)}.v1946b-incident-facts>div span{font-weight:750}.v1946b-incident-facts>span{padding:6px 9px;border:1px solid var(--line);border-radius:99px;font-size:10px;color:var(--mut)}
.v1946b-incident-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;align-items:start}.v1946b-incident-layout>div,.v1946b-incident-layout>aside{padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}
.v1946b-incident-layout h4,.v1946b-log h4,.v1946b-rubric h4,.v1946b-library h4,.v1946b-insights h4,.v1946b-qa-head h4,.v1946b-architecture h4{margin:0 0 12px;font-size:14px}
.v1946b-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v1946b-decision-grid button{display:grid;gap:4px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg2);color:var(--txt)}
.v1946b-decision-grid button:hover{border-color:var(--accent)}.v1946b-decision-grid button[data-kind="risky"]{border-color:color-mix(in srgb,var(--red) 35%,var(--line))}.v1946b-decision-grid button[data-kind="solution"]{border-color:color-mix(in srgb,var(--amber) 42%,var(--line))}.v1946b-decision-grid button[data-kind="verify"]{border-color:color-mix(in srgb,var(--teal) 42%,var(--line))}
.v1946b-decision-grid b{font-size:12px}.v1946b-decision-grid span{color:var(--mut);font-size:10px}.v1946b-hints{margin-top:12px}.v1946b-hints p{color:var(--mut);font-size:11px;line-height:1.6}
.v1946b-evidence{display:grid;gap:8px;max-height:465px;overflow:auto}.v1946b-evidence article{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--bg2)}.v1946b-evidence b{display:block;margin-bottom:6px;font-size:11px;color:var(--teal)}.v1946b-evidence pre{white-space:pre-wrap;margin:0;font:10px/1.5 var(--m);color:var(--mut)}
.v1946b-log{padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.v1946b-log>div{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.v1946b-log>div>b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--bg2);font:700 10px var(--m)}.v1946b-log strong,.v1946b-log small{display:block}.v1946b-log strong{font-size:11px}.v1946b-log small{margin-top:3px;color:var(--mut);font-size:10px;line-height:1.5}.v1946b-log>div[data-kind="risky"]>b{color:var(--red)}
.v1946b-documentation{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v1946b-documentation label{display:grid;gap:7px;color:var(--mut);font-size:11px}.v1946b-documentation textarea{min-height:120px;resize:vertical}
.v1946b-rubric{display:grid;gap:7px;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.v1946b-rubric>div{display:flex;gap:10px;align-items:center;padding:9px;border-radius:11px;background:var(--bg2)}.v1946b-rubric>div>b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--bg);color:var(--mut)}.v1946b-rubric>div[data-ok="1"]>b{background:color-mix(in srgb,var(--teal) 15%,var(--bg));color:var(--teal)}.v1946b-rubric strong,.v1946b-rubric small{display:block}.v1946b-rubric strong{font-size:11px}.v1946b-rubric small{margin-top:2px;color:var(--mut);font-size:10px}
.v1946b-report{width:100%;min-height:300px;padding:14px;border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));border-radius:14px;background:var(--bg);color:var(--txt);font:11px/1.6 var(--m)}
.v1946b-teacher-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:14px;align-items:start}.v1946b-assignment-form,.v1946b-insights{padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}
.v1946b-assignment-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.v1946b-assignment-form label{display:grid;gap:6px;color:var(--mut);font-size:10px}.v1946b-assignment-form label.wide{grid-column:1/-1}.v1946b-assignment-form textarea{min-height:78px;resize:vertical}
.v1946b-insights>p{margin:-6px 0 10px;color:var(--mut);font-size:10px}.v1946b-insights>div:not(.v1946b-empty){display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.v1946b-insights span b,.v1946b-insights span small{display:block}.v1946b-insights span b{font-size:11px}.v1946b-insights span small{color:var(--mut);font-size:9px}.v1946b-insights strong{font-size:11px}.v1946b-insights .btn{width:100%;margin-top:12px}
.v1946b-student-preview{padding:20px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--bg)),var(--bg))}.v1946b-student-preview>small{font:700 10px var(--m);color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.v1946b-student-preview h4{font-size:20px;margin:7px 0}.v1946b-student-preview p{color:var(--mut);font-size:12px;line-height:1.55}.v1946b-student-preview ol{display:grid;gap:8px;padding-left:22px}.v1946b-student-preview li{padding:5px;color:var(--txt);font-size:11px}.v1946b-student-preview label{display:grid;gap:6px;margin-top:14px;color:var(--mut);font-size:10px}
.v1946b-lab-preview{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}.v1946b-lab-preview span{color:var(--mut);font-size:11px}
.v1946b-library{padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.v1946b-library article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.v1946b-library article span b,.v1946b-library article span small{display:block}.v1946b-library article span b{font-size:11px}.v1946b-library article span small{margin-top:3px;color:var(--mut);font-size:9px}.v1946b-library article div{display:flex;gap:6px}.v1946b-library article button,.v1946b-route button{padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--txt);font-size:10px}
.v1946b-route{display:grid;grid-template-columns:minmax(220px,.65fr) 1.35fr;gap:10px;align-items:end;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.v1946b-route>div{display:flex;gap:7px;flex-wrap:wrap}.v1946b-route output{grid-column:1/-1;padding:9px 11px;border-radius:10px;background:var(--bg2);font:10px var(--m);color:var(--teal)}
.v1946b-qa-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.v1946b-qa-head p{margin:0;color:var(--mut);font-size:11px}.v1946b-qa-summary{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--teal) 8%,var(--bg))}.v1946b-qa-summary[data-ok="0"]{border-color:color-mix(in srgb,var(--amber) 40%,var(--line));background:color-mix(in srgb,var(--amber) 7%,var(--bg))}.v1946b-qa-summary b{font-size:12px}.v1946b-qa-summary span{color:var(--mut);font-size:10px}
.v1946b-qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v1946b-qa-grid article{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.v1946b-qa-grid article>b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--red) 12%,var(--bg2));color:var(--red)}.v1946b-qa-grid article[data-ok="1"]>b{background:color-mix(in srgb,var(--teal) 12%,var(--bg2));color:var(--teal)}.v1946b-qa-grid strong,.v1946b-qa-grid small{display:block}.v1946b-qa-grid strong{font-size:10px}.v1946b-qa-grid small{margin-top:3px;color:var(--mut);font-size:9px;line-height:1.45}
.v1946b-performance{grid-template-columns:repeat(6,minmax(0,1fr))}.v1946b-performance b{font-size:17px}.v1946b-architecture{padding:16px;border-left:3px solid var(--accent);border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,var(--bg))}.v1946b-architecture p{margin:0;color:var(--mut);font-size:11px;line-height:1.6}
.v1946b-status{position:sticky;bottom:0;z-index:3;margin:14px 0 0;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);color:var(--mut);font-size:10px}.v1946b-status[data-ok="0"]{border-color:color-mix(in srgb,var(--red) 40%,var(--line));color:var(--red)}
.v1946b-return{position:fixed;right:20px;bottom:20px;z-index:9999;min-height:48px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--accent) 60%,var(--line));border-radius:14px;background:var(--accent);color:#111a32;font-weight:800;box-shadow:0 16px 40px rgba(0,0,0,.35)}
@container(max-width:850px){.v1946b-nav{grid-template-columns:1fr 1fr}.v1946b-incident-layout,.v1946b-teacher-grid{grid-template-columns:1fr}.v1946b-performance{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){
  .v1946b-hero{display:block;padding:18px;border-radius:18px}.v1946b-hero>span{margin-top:14px}.v1946b-nav{display:flex;overflow-x:auto;padding-bottom:4px}.v1946b-nav button{flex:0 0 170px}
  .v1946b-section{padding:16px;border-radius:18px}.v1946b-stats,.v1946b-performance{grid-template-columns:1fr 1fr}.v1946b-controls,.v1946b-actions{display:grid;grid-template-columns:1fr;width:100%}.v1946b-controls label,.v1946b-controls .btn,.v1946b-actions .btn{width:100%}
  .v1946b-plan-list>article{grid-template-columns:1fr}.v1946b-decision-grid,.v1946b-documentation,.v1946b-assignment-form,.v1946b-qa-grid{grid-template-columns:1fr}.v1946b-assignment-form label.wide{grid-column:auto}
  .v1946b-route{grid-template-columns:1fr}.v1946b-route output{grid-column:auto}.v1946b-qa-head,.v1946b-qa-summary,.v1946b-library article{align-items:stretch;flex-direction:column}.v1946b-return{left:12px;right:12px;bottom:82px}
}


/* SOURCE: assets/itplugg-v19.49.css */
/* ITPlugg v19.49 — separata arbetsytor, lugnare hem och tydligt repetitionsflöde */
:root{
  --v1949-radius:20px;
  --v1949-soft:color-mix(in srgb,var(--bg2) 91%,var(--teal) 9%);
  --v1949-shadow:0 18px 52px rgba(2,14,24,.14)
}

/* v19.48: hemmet visar ett beslut i taget. Kursbiblioteket har flyttat ut. */
body.v1949-ready #homeScreen .repeat-path,
body.v1949-ready #homeScreen .v1938-quick-strip,
body.v1949-ready #homeScreen #v1919CourseDrawer,
body.v1949-ready #homeScreen .v1949-redundant-recommendation{display:none!important}
body.v1949-ready #pOverview .journey{display:none!important}
body.v1949-ready #homeScreen .v1939-home-focus{display:block!important;margin:12px 0 0!important}
body.v1949-ready #homeScreen .v1939-focus-card{min-height:0!important;padding:18px 20px!important}
body.v1949-ready #homeScreen .v1939-focus-card h3{font-size:clamp(1.15rem,2vw,1.45rem)}
.v1949-home-course-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.v1949-home-course-actions .btn{margin:0!important}

/* v19.48: egen arbetsyta för kursbiblioteket. */
.v1949-library-view{width:min(1120px,100%);margin-inline:auto;padding:22px 0 54px}
.v1949-library-view[hidden]{display:none!important}
.v1949-workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:0 0 18px;padding:clamp(22px,4vw,34px);border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));border-radius:26px;background:linear-gradient(145deg,var(--v1949-soft),var(--bg2));box-shadow:var(--v1949-shadow)}
.v1949-workspace-head small{display:block;color:var(--teal);font:800 10px var(--m);letter-spacing:.14em;text-transform:uppercase}
.v1949-workspace-head h1{margin:7px 0 7px;font-size:clamp(2rem,5vw,3.45rem);letter-spacing:-.045em}
.v1949-workspace-head p{max-width:68ch;margin:0;color:var(--mut);line-height:1.58}
.v1949-workspace-head .btn{flex:0 0 auto}
.v1949-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}
.v1949-library-toolbar label{flex:1;max-width:520px}
.v1949-library-toolbar input{width:100%;min-height:46px}
.v1949-library-count{color:var(--mut);font-size:12px;white-space:nowrap}
.v1949-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.v1949-course-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;min-height:184px;padding:21px;border:1px solid var(--line);border-radius:var(--v1949-radius);background:var(--bg2);color:var(--txt);text-align:left;font:inherit}
button.v1949-course-card{cursor:pointer}
button.v1949-course-card:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--v1949-shadow)}
.v1949-course-card[data-current="1"]{border-color:color-mix(in srgb,var(--teal) 65%,var(--line));background:linear-gradient(140deg,var(--v1949-soft),var(--bg2))}
.v1949-course-card[data-locked="1"]{opacity:.67}
.v1949-course-card small{display:block;color:var(--teal);font:800 9px var(--m);letter-spacing:.11em;text-transform:uppercase}
.v1949-course-card h2{margin:7px 0 6px;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.2}
.v1949-course-card p{margin:0;color:var(--mut);font-size:13px;line-height:1.5}
.v1949-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.v1949-card-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:8px;color:var(--mut);background:var(--bg);font-size:10.5px}
.v1949-card-arrow{align-self:center;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent);font-size:20px}
.v1949-library-empty{grid-column:1/-1;padding:24px;border:1px dashed var(--line);border-radius:16px;color:var(--mut);text-align:center}

/* v19.49: smart repetition är nu synlig i det vanliga träningsflödet. */
.v1949-review-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 15px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--teal) 38%,var(--line));border-radius:var(--v1949-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 9%,var(--bg2)),var(--bg2))}
.v1949-review-panel small{display:block;color:var(--teal);font:800 9px var(--m);letter-spacing:.12em;text-transform:uppercase}
.v1949-review-panel h3{margin:5px 0 4px;font-size:1.2rem}
.v1949-review-panel p{margin:0;color:var(--mut);font-size:13px;line-height:1.5}
.v1949-review-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.v1949-review-meta span{padding:4px 7px;border:1px solid var(--line);border-radius:8px;color:var(--mut);font-size:10.5px;background:var(--bg)}
.v1949-review-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.v1949-review-actions .btn{white-space:nowrap}

/* v19.49: kursens arbete sammanfattas som fyra begripliga steg. */
.v1949-course-path{margin:0 0 15px;padding:18px;border:1px solid var(--line);border-radius:var(--v1949-radius);background:var(--bg2)}
.v1949-course-path-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:12px}
.v1949-course-path-head small{display:block;color:var(--teal);font:800 9px var(--m);letter-spacing:.12em;text-transform:uppercase}
.v1949-course-path-head h2{margin:4px 0 2px;font-size:1.25rem}
.v1949-course-path-head p{margin:0;color:var(--mut);font-size:12px}
.v1949-course-path-head>span{padding:5px 8px;border-radius:999px;color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent);font:800 10px var(--m)}
.v1949-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.v1949-path-step{display:grid;grid-template-columns:30px 1fr;align-items:start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--txt);text-align:left;font:inherit;cursor:pointer}
.v1949-path-step:hover{border-color:var(--teal)}
.v1949-path-step>span:first-child{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:var(--mut);background:rgba(143,169,190,.1);font:800 10px var(--m)}.v1949-path-step>span:last-child{min-width:0}
.v1949-path-step[data-state="done"]>span:first-child{color:#06242d;background:var(--teal)}
.v1949-path-step[data-state="next"]{border-color:color-mix(in srgb,var(--teal) 62%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--teal) 10%,transparent)}
.v1949-path-step b,.v1949-path-step small{display:block}
.v1949-path-step b{font-size:12.5px;line-height:1.35}
.v1949-path-step small{margin-top:3px;color:var(--mut);font-size:10px;line-height:1.35}

/* Källor visas där eleven faktiskt läser förklaringen. */
.v1949-answer-source{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 11px;border-top:1px dashed var(--line);color:var(--mut);font-size:11px}
.v1949-answer-source span{min-width:0}
.v1949-answer-source b{display:block;color:var(--txt);font-size:11px}
.v1949-answer-source a{flex:0 0 auto;color:var(--teal);font-weight:800;text-underline-offset:3px}

/* Adminlåst pilotchecklista för godkännande före vidare publicering. */
.v1949-pilot{margin:14px 0;padding:16px;border:1px solid rgba(129,140,248,.42);border-radius:17px;background:linear-gradient(135deg,rgba(99,102,241,.08),var(--bg2))}
.v1949-pilot-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.v1949-pilot-head small{display:block;color:#a5b4fc!important;font:800 8px var(--m);letter-spacing:.12em;text-transform:uppercase}
.v1949-pilot-head h3{margin:3px 0 4px!important}
.v1949-pilot-head p{margin:0!important;color:var(--mut)!important;font-size:11px!important}
.v1949-pilot-head>span{padding:4px 7px;border-radius:999px;color:#c7d2fe;background:rgba(99,102,241,.15);font:800 8px var(--m)}
.v1949-pilot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
.v1949-pilot-grid label{display:flex!important;gap:8px;align-items:flex-start;margin:0!important;padding:9px;border:1px solid var(--line);border-radius:11px;color:var(--txt)!important;background:var(--bg);font-size:10px!important}
.v1949-pilot-grid input{margin-top:2px}
.v1949-pilot textarea{box-sizing:border-box;width:100%;min-height:68px;margin-top:9px;padding:9px;border:1px solid var(--line);border-radius:10px;color:var(--txt);background:var(--bg);font:inherit;font-size:11px;resize:vertical}
.v1949-pilot-status{display:block;margin-top:7px;color:#c7d2fe!important;font-size:9px!important}

/* Uppdateringar får inte täcka en stor del av mobilens innehåll. */
@media(max-width:760px){
  .v196-update-banner{left:10px!important;right:10px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;width:auto!important;transform:none!important;align-items:center!important;flex-direction:row!important;gap:9px!important;padding:9px 10px!important;border-radius:12px!important}
  .v196-update-banner span{display:none!important}
  .v196-update-banner b{font-size:11px!important}
  .v196-update-banner .v196-inline-actions{display:flex!important;width:auto!important;flex:0 0 auto!important;gap:5px!important}
  .v196-update-banner .btn{min-height:34px!important;padding:6px 8px!important;font-size:10px!important}
  .v1949-workspace-head{display:block;padding:22px 19px;border-radius:21px}
  .v1949-workspace-head .btn{width:100%;margin-top:16px}
  .v1949-library-grid{grid-template-columns:1fr}
  .v1949-library-toolbar{align-items:stretch;flex-direction:column}
  .v1949-library-toolbar label{max-width:none}
  .v1949-library-count{white-space:normal}
  .v1949-review-panel{grid-template-columns:1fr}
  .v1949-review-actions{justify-content:flex-start}
  .v1949-review-actions .btn{flex:1}
  .v1949-course-path-head{display:block}
  .v1949-course-path-head>span{display:inline-block;margin-top:10px}
  .v1949-path-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  .v1949-library-view{padding-top:12px}
  .v1949-course-card{grid-template-columns:1fr;min-height:0;padding:17px}
  .v1949-card-arrow{display:none}
  .v1949-path-grid,.v1949-pilot-grid{grid-template-columns:1fr}
  .v1949-answer-source{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){button.v1949-course-card{transition:none!important}}


/* SOURCE: assets/itplugg-v19.50-vmlabs.css */
/* ITPlugg v19.50 — VirtualBox/Windows Server-verkstad */
.v1950-vm-labs{margin:0 0 18px}
.v1950-vm-labs[hidden],.v1950-vm-labs [hidden]{display:none!important}
.v1950-track{border:1px solid color-mix(in srgb,var(--teal) 40%,var(--line));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg2) 92%,var(--teal) 8%),var(--bg2));overflow:hidden}
.v1950-track-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 25px 18px}
.v1950-track-head small,.v1950-lab-hero small{display:block;color:var(--teal);font:800 9px var(--m);letter-spacing:.13em;text-transform:uppercase}
.v1950-track-head h3{margin:5px 0 6px;font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.035em}
.v1950-track-head p{max-width:70ch;margin:0;color:var(--mut);line-height:1.55}
.v1950-track-head>span{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--teal) 12%,transparent);color:var(--teal);font:800 10px var(--m)}
.v1950-topology{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 25px;padding:13px;border:1px dashed color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:15px;background:var(--bg)}
.v1950-topology div{min-width:145px;text-align:center}
.v1950-topology b,.v1950-topology span{display:block}.v1950-topology b{font-size:12px}.v1950-topology span{margin-top:2px;color:var(--mut);font:10px var(--m)}
.v1950-topology i{color:var(--teal);font-style:normal}
.v1950-notice{margin:14px 25px 0;padding:11px 13px;border-left:3px solid var(--amber);border-radius:0 11px 11px 0;background:rgba(242,178,51,.07);color:var(--mut);font-size:11px;line-height:1.5}
.v1950-notice b{color:var(--txt)}
.v1950-lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:18px 25px 25px}
.v1950-lab-card{display:flex;min-height:230px;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--bg);box-shadow:0 8px 22px rgba(2,14,24,.06)}
.v1950-lab-card[data-complete="1"]{border-color:color-mix(in srgb,var(--teal) 55%,var(--line));background:color-mix(in srgb,var(--bg) 94%,var(--teal) 6%)}
.v1950-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v1950-card-top>span{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--teal) 14%,transparent);color:var(--teal);font:900 11px var(--m)}
.v1950-card-top small{color:var(--mut);font:9px var(--m)}
.v1950-lab-card h4{margin:13px 0 6px;font-size:1.04rem}.v1950-lab-card p{margin:0;color:var(--mut);font-size:12px;line-height:1.5}
.v1950-card-status{margin:auto 0 11px;padding-top:15px;color:var(--teal);font:800 9px var(--m);text-transform:uppercase;letter-spacing:.06em}
.v1950-card-actions{display:flex;gap:7px}.v1950-card-actions .btn{flex:1;margin:0;font-size:10.5px}
.v1950-track-foot{margin:0;padding:12px 25px;border-top:1px solid var(--line);color:var(--mut);font-size:10px}
body.v1950-ready #labList [data-lab-id="ad-forest-install"],body.v1950-ready #labList [data-lab-id="dhcp-server-setup"]{display:none!important}

.v1950-runner{border:1px solid var(--line);border-radius:22px;background:var(--bg2);overflow:hidden}
.v1950-runner-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;border-bottom:1px solid var(--line);background:var(--bg)}
.v1950-runner-bar span{color:var(--mut);font:10px var(--m)}
.v1950-lab-hero{padding:clamp(21px,4vw,34px);background:linear-gradient(145deg,color-mix(in srgb,var(--bg2) 88%,var(--teal) 12%),var(--bg2))}
.v1950-lab-hero h3{margin:6px 0 7px;font-size:clamp(1.65rem,4vw,2.8rem);letter-spacing:-.045em}.v1950-lab-hero p{max-width:72ch;margin:0;color:var(--mut);line-height:1.58}
.v1950-challenge-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--bg2) 90%,var(--amber) 10%),var(--bg2))}.v1950-challenge-hero small{color:var(--amber)}
.v1950-mode-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.v1950-mode-switch .btn{margin:0}
.v1950-brief{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 22px 0}.v1950-brief>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.v1950-brief b{display:block;margin-bottom:5px}.v1950-brief p,.v1950-brief ul{margin:0;color:var(--mut);font-size:11px;line-height:1.55}.v1950-brief ul{padding-left:18px}
.v1950-safety{margin:12px 22px 0;padding:13px 15px;border:1px solid rgba(242,178,51,.3);border-radius:14px;background:rgba(242,178,51,.06)}
.v1950-safety b{display:block;color:var(--amber)}.v1950-safety ul{margin:6px 0 0;padding-left:18px;color:var(--mut);font-size:11px;line-height:1.55}
.v1950-manual-steps{display:grid;gap:11px;margin:0;padding:18px 22px;list-style:none;counter-reset:none}
.v1950-manual-steps>li{padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
.v1950-manual-steps>li[data-done="1"]{border-color:color-mix(in srgb,var(--teal) 55%,var(--line));box-shadow:inset 3px 0 0 var(--teal)}
.v1950-step-head{display:flex;align-items:center;gap:11px}.v1950-step-head>span{display:grid;width:31px;height:31px;place-items:center;flex:0 0 auto;border-radius:10px;background:color-mix(in srgb,var(--teal) 13%,transparent);color:var(--teal);font:900 11px var(--m)}
.v1950-step-head small{display:block;color:var(--mut);font:8px var(--m);letter-spacing:.09em;text-transform:uppercase}.v1950-step-head h4{margin:2px 0 0;font-size:1rem}
.v1950-instructions{margin:14px 0;padding-left:23px;color:var(--txt);font-size:12px;line-height:1.57}.v1950-instructions li+li{margin-top:6px}
.v1950-command{margin:12px 0;border:1px solid var(--line);border-radius:13px;background:#07121c;overflow:hidden}.v1950-command>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);color:#b9cedd;font-size:10px}.v1950-command .btn{min-height:30px;padding:4px 8px;margin:0;font-size:9px}.v1950-command pre{margin:0;padding:12px;overflow:auto;color:#d9fff7;font:11px/1.55 var(--m);white-space:pre-wrap;word-break:break-word}
.v1950-verify{padding:10px 12px;border-left:3px solid var(--teal);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--teal) 7%,transparent)}.v1950-verify b{font-size:10px}.v1950-verify p{margin:3px 0 0;color:var(--mut);font-size:11px;line-height:1.5}
.v1950-evidence{display:block!important;margin:12px 0 8px!important;font-size:11px!important}.v1950-evidence span{float:right;color:var(--mut);font-size:9px}.v1950-evidence textarea,.v1950-challenge-form textarea{box-sizing:border-box;width:100%;min-height:84px;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:11px;color:var(--txt);background:var(--bg2);font:11px/1.5 var(--m);resize:vertical}
.v1950-check{display:flex!important;align-items:flex-start;gap:8px;margin:0!important;padding:10px;border:1px solid var(--line);border-radius:11px;color:var(--txt)!important;background:var(--bg2);font-size:11px!important}
.v1950-check input{margin-top:2px}
.v1950-final{margin:0 22px 22px;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.v1950-final h4{margin:0 0 7px}.v1950-final ul{margin:0 0 14px;padding-left:18px;color:var(--mut);font-size:11px;line-height:1.55}.v1950-final .btn{margin:12px 0 0}.v1950-final>p{margin:7px 0 0;color:var(--mut);font-size:10px}
.v1950-sources{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}.v1950-sources b{font-size:10px}.v1950-sources a{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--teal);font-size:9px;text-decoration:none}.v1950-sources a:hover{text-decoration:underline}

.v1950-challenge-form{display:grid;gap:12px;padding:18px 22px}.v1950-challenge-form>label{display:block!important;margin:0!important;padding:14px;border:1px solid var(--line);border-radius:14px;color:var(--txt)!important;background:var(--bg);font-size:12px!important}.v1950-challenge-form label span{display:block;margin-top:3px;color:var(--mut);font-size:10px}
.v1950-hints{padding:13px;border:1px dashed color-mix(in srgb,var(--amber) 45%,var(--line));border-radius:14px;background:rgba(242,178,51,.04)}.v1950-hints .btn{margin:0}.v1950-hints ol{margin:10px 0 0;padding-left:20px;color:var(--mut);font-size:11px;line-height:1.5}
.v1950-challenge-form>#v1950Status{margin:0;color:var(--mut);font-size:10px}
.v1950-rubric{margin:0 22px 22px;padding:17px;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:16px;background:var(--bg)}.v1950-rubric h4{margin:0 0 3px}.v1950-rubric>p{margin:0 0 11px;color:var(--mut);font-size:11px}.v1950-rubric>label{display:flex!important;gap:9px;margin:7px 0!important;padding:10px;border:1px solid var(--line);border-radius:11px;color:var(--txt)!important;background:var(--bg2);font-size:11px!important}.v1950-rubric-actions{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.v1950-rubric-actions .btn{margin:0}
.v1950-complete{padding:clamp(32px,7vw,70px) 24px;text-align:center}.v1950-complete>span{display:grid;width:64px;height:64px;margin:0 auto 12px;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--teal) 16%,transparent);color:var(--teal);font-size:30px}.v1950-complete small{color:var(--teal);font:800 9px var(--m);letter-spacing:.12em;text-transform:uppercase}.v1950-complete h3{margin:7px 0;font-size:clamp(1.6rem,4vw,2.7rem)}.v1950-complete p{max-width:62ch;margin:0 auto 18px;color:var(--mut);line-height:1.55}.v1950-complete>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}

@media(max-width:760px){
  .v1950-track-head{display:block;padding:20px 18px 14px}.v1950-track-head>span{display:inline-block;margin-top:12px}
  .v1950-topology{margin:0 18px;gap:7px;overflow:auto;justify-content:flex-start}.v1950-topology div{min-width:125px}.v1950-notice{margin:12px 18px 0}
  .v1950-lab-grid{grid-template-columns:1fr;padding:15px 18px 18px}.v1950-track-foot{padding:11px 18px}
  .v1950-runner-bar{align-items:flex-start;flex-direction:column}.v1950-runner-bar .btn{width:100%}
  .v1950-brief{grid-template-columns:1fr;padding:15px 15px 0}.v1950-safety{margin:11px 15px 0}.v1950-manual-steps,.v1950-challenge-form{padding:15px}.v1950-final,.v1950-rubric{margin:0 15px 15px}
  .v1950-mode-switch .btn,.v1950-card-actions .btn{min-height:44px}.v1950-evidence span{float:none;display:block;margin-top:2px}
}
@media(max-width:430px){.v1950-card-actions{flex-direction:column}.v1950-step-head{align-items:flex-start}.v1950-rubric-actions{flex-direction:column}.v1950-rubric-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.v1950-vm-labs *{scroll-behavior:auto!important}}


/* SOURCE: assets/itplugg-v19.51-labgrowth.css */
/* ITPlugg v19.51 — labbfördjupning */
.v1950-card-status small{display:block;margin-top:4px;color:var(--mut);font:8px var(--m);letter-spacing:0;text-transform:none}
.v1951-trouble-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 25px 22px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--amber) 45%,var(--line));border-radius:17px;background:linear-gradient(135deg,rgba(242,178,51,.08),var(--bg))}
.v1951-trouble-card small,.v1951-teacher-review header small{color:var(--amber);font:800 8.5px var(--m);letter-spacing:.11em;text-transform:uppercase}.v1951-trouble-card h4{margin:5px 0;font-size:1.1rem}.v1951-trouble-card p{max-width:66ch;margin:0;color:var(--mut);font-size:11px;line-height:1.5}.v1951-trouble-card>div:last-child{display:grid;justify-items:end;gap:8px;flex:0 0 auto}.v1951-trouble-card span{color:var(--mut);font:9px var(--m)}.v1951-trouble-card .btn{margin:0;white-space:nowrap}
.v1951-dialog{box-sizing:border-box;width:min(820px,calc(100vw - 28px));max-height:min(88vh,900px);padding:0;border:1px solid var(--line);border-radius:22px;color:var(--txt);background:var(--bg2);box-shadow:0 28px 90px rgba(0,0,0,.38);overflow:auto}.v1951-dialog::backdrop{background:rgba(2,9,15,.72);backdrop-filter:blur(5px)}
.v1951-dialog>header,.v1951-dialog>form>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(12px)}.v1951-dialog header small{color:var(--teal);font:800 8.5px var(--m);letter-spacing:.11em;text-transform:uppercase}.v1951-dialog header h2{margin:4px 0;font-size:1.55rem}.v1951-dialog header p{margin:0;color:var(--mut);font-size:11px}.v1951-dialog header [data-close]{display:grid;width:36px;height:36px;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:11px;color:var(--txt);background:var(--bg);font-size:22px;cursor:pointer}
.v1951-dialog-body{padding:20px 22px}.v1951-intro{margin:0 0 14px;color:var(--mut);font-size:11px;line-height:1.55}.v1951-checklist{display:grid;gap:8px}.v1951-checklist label{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;padding:11px 12px;border:1px solid var(--line);border-radius:12px;color:var(--txt)!important;background:var(--bg);font-size:11px!important;line-height:1.45}.v1951-checklist input{margin-top:2px}.v1951-checklist label:has(input:checked){border-color:color-mix(in srgb,var(--teal) 55%,var(--line));background:color-mix(in srgb,var(--bg) 94%,var(--teal) 6%)}
.v1951-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px}.v1951-dialog-actions .btn{margin:0}.v1951-dialog-body>#v1951PreflightStatus,#v1951ReportStatus{margin:8px 0 0;color:var(--mut);font-size:10px;text-align:right}
.v1951-evidence-tools,.v1951-diagnosis{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.v1951-evidence-tools h3,.v1951-diagnosis h3{margin:0 0 4px;font-size:1rem}.v1951-evidence-tools>p{margin:0 0 12px;color:var(--mut);font-size:10px}.v1951-evidence-tools>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v1951-evidence-tools button{padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--txt);background:var(--bg2);font:10px var(--m);text-align:left;cursor:pointer}.v1951-evidence-tools button:hover{border-color:var(--teal)}.v1951-evidence-tools button:disabled{color:var(--teal);opacity:.65}.v1951-evidence-tools ol{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.v1951-evidence-tools li{padding:10px;border-left:3px solid var(--teal);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--teal) 7%,transparent)}.v1951-evidence-tools li b,.v1951-evidence-tools li code{display:block}.v1951-evidence-tools li b{font-size:10px}.v1951-evidence-tools li code{margin-top:3px;color:var(--mut);font:10px/1.45 var(--m);white-space:pre-wrap}
.v1951-diagnosis{margin-top:11px}.v1951-diagnosis>label,.v1951-review-grid label,.v1951-teacher-review>label,.v1951-teacher-review #v1951ReviewForm>label{display:block!important;margin:11px 0 0!important;color:var(--txt)!important;font-size:10.5px!important}.v1951-diagnosis select,.v1951-diagnosis textarea,.v1951-teacher-review select,.v1951-teacher-review textarea{box-sizing:border-box;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--txt);background:var(--bg2);font:11px var(--m)}.v1951-diagnosis textarea,.v1951-teacher-review textarea{min-height:82px;resize:vertical}.v1951-diagnosis>.btn{margin:12px 0 0}.v1951-result{display:grid;gap:6px;margin-top:11px;padding:12px;border-radius:12px;font-size:10.5px;line-height:1.5}.v1951-result span{display:block}.v1951-result.is-wrong{border:1px solid rgba(242,178,51,.35);background:rgba(242,178,51,.07)}.v1951-result.is-right{border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));background:color-mix(in srgb,var(--teal) 7%,transparent)}
.v1951-report{width:min(900px,calc(100vw - 28px))}.v1951-report-paper{margin:20px 22px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--bg);font-size:11px;line-height:1.55}.v1951-report-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v1951-report-meta span{padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--mut)}.v1951-report-meta b{display:block;color:var(--txt);font-size:9px}.v1951-report-paper section{margin-top:20px}.v1951-report-paper h3{margin:0 0 8px;font-size:1rem}.v1951-report-step{margin-top:7px;padding:10px;border-left:3px solid var(--teal);border-radius:0 9px 9px 0;background:var(--bg2)}.v1951-report-step p{margin:3px 0 0;color:var(--mut);white-space:pre-wrap;overflow-wrap:anywhere}.v1951-report-paper ul{margin:0;padding-left:18px;color:var(--mut)}.v1951-report-paper aside{margin-top:18px;padding:10px;border:1px solid rgba(242,178,51,.3);border-radius:10px;color:var(--mut);background:rgba(242,178,51,.05)}.v1951-review-summary{padding:13px;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:12px}.v1951-report>.v1951-dialog-actions,.v1951-report>#v1951ReportStatus{margin-right:22px;margin-left:22px}.v1951-report>#v1951ReportStatus{min-height:20px;color:var(--mut);font-size:10px;text-align:right}
.v1951-teacher-review{margin-top:14px;padding:17px;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:17px;background:var(--bg)}.v1951-teacher-review>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.v1951-teacher-review header h3{margin:4px 0}.v1951-teacher-review header p{max-width:62ch;margin:0;color:var(--mut);font-size:10px}.v1951-teacher-review header>span{padding:6px 8px;border-radius:999px;color:var(--teal);background:color-mix(in srgb,var(--teal) 11%,transparent);font:800 8px var(--m)}.v1951-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.v1951-review-grid label{margin:0!important;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--bg2)}.v1951-review-grid label:last-child{grid-column:1/-1}.v1951-review-grid span{display:block}.v1951-review-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.v1951-review-actions output{color:var(--teal);font:900 1.2rem var(--m)}.v1951-review-actions .btn{margin:0}.v1951-empty{margin-top:13px;padding:13px;border:1px dashed var(--line);border-radius:12px;color:var(--mut);font-size:10px}
@media(max-width:760px){.v1951-trouble-card{display:block;margin:0 18px 18px}.v1951-trouble-card>div:last-child{justify-items:stretch;margin-top:14px}.v1951-dialog{width:calc(100vw - 16px);max-height:92vh;border-radius:17px}.v1951-dialog>header,.v1951-dialog>form>header{padding:16px}.v1951-dialog-body{padding:15px}.v1951-evidence-tools>div{grid-template-columns:1fr}.v1951-report-paper{margin:15px;padding:16px}.v1951-report-meta{grid-template-columns:1fr}.v1951-report>.v1951-dialog-actions,.v1951-report>#v1951ReportStatus{margin-right:15px;margin-left:15px}.v1951-review-grid{grid-template-columns:1fr}.v1951-review-grid label:last-child{grid-column:auto}}
@media(max-width:430px){.v1951-dialog-actions{align-items:stretch;flex-direction:column}.v1951-dialog-actions .btn{width:100%}.v1951-teacher-review>header{display:block}.v1951-teacher-review header>span{display:inline-block;margin-top:10px}}
@media print{body>*{visibility:hidden!important}.v1951-report,.v1951-report *{visibility:visible!important}.v1951-report{position:absolute!important;inset:0!important;width:100%!important;max-height:none!important;border:0!important;box-shadow:none!important;background:#fff!important;color:#111!important}.v1951-report>header,.v1951-report>.v1951-dialog-actions,.v1951-report>#v1951ReportStatus{display:none!important}.v1951-report-paper{margin:0!important;border:0!important;background:#fff!important}.v1951-report-paper *{color:#111!important}.v1951-report-step{background:#f4f6f8!important}}


/* SOURCE: assets/itplugg-v19.52-pathway.css */
/* ITPlugg v19.52 — kompetens och slutprojekt */
.v1952-card-note{display:block!important;margin-top:4px!important;color:var(--amber)!important;font:800 8px var(--m)!important;letter-spacing:.04em!important;text-transform:uppercase!important}.v1950-lab-card[data-v1952-next="1"]{outline:2px solid color-mix(in srgb,var(--amber) 50%,transparent);outline-offset:-2px}
.v1952-capstone-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 25px 22px;padding:19px 20px;border:1px solid color-mix(in srgb,var(--teal) 48%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 9%,var(--bg)),var(--bg))}.v1952-capstone-mark{display:grid;width:45px;height:45px;place-items:center;border-radius:14px;color:#06242d;background:var(--teal);font:900 15px var(--m)}.v1952-capstone-card small{color:var(--teal);font:800 8.5px var(--m);letter-spacing:.11em;text-transform:uppercase}.v1952-capstone-card h4{margin:4px 0;font-size:1.12rem}.v1952-capstone-card p{max-width:70ch;margin:0;color:var(--mut);font-size:11px;line-height:1.5}.v1952-capstone-card div>span{display:block;margin-top:7px;color:var(--mut);font:9px var(--m)}.v1952-capstone-card>.btn{margin:0;white-space:nowrap}
.v1952-competency{margin:14px 0;padding:18px;border:1px solid color-mix(in srgb,var(--teal) 42%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg2) 94%,var(--teal) 6%),var(--bg2))}.v1952-competency[hidden]{display:none!important}.v1952-competency>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.v1952-competency>header small{color:var(--teal);font:800 8px var(--m);letter-spacing:.12em;text-transform:uppercase}.v1952-competency>header h3{margin:4px 0}.v1952-competency>header p{max-width:68ch;margin:0;color:var(--mut);font-size:10.5px;line-height:1.5}.v1952-competency>header>span{flex:0 0 auto;padding:7px 9px;border-radius:999px;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent);font:800 9px var(--m)}.v1952-competency details{margin-top:14px}.v1952-competency summary{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-weight:800;cursor:pointer}.v1952-competency summary i{color:var(--mut);font:normal 9px var(--m)}.v1952-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.v1952-skill-grid article{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v1952-skill-grid article[data-status="shown"]{border-color:color-mix(in srgb,var(--teal) 50%,var(--line))}.v1952-skill-grid article>div{display:flex;align-items:center;gap:7px}.v1952-skill-grid article>div>span{display:grid;width:21px;height:21px;place-items:center;border-radius:7px;color:var(--mut);background:var(--bg2);font-size:10px}.v1952-skill-grid article[data-status="shown"]>div>span{color:#06242d;background:var(--teal)}.v1952-skill-grid article[data-status="progress"]>div>span{color:#352406;background:var(--amber)}.v1952-skill-grid small{color:var(--mut);font:8px var(--m);text-transform:uppercase}.v1952-skill-grid h4{margin:9px 0 4px;font-size:.95rem}.v1952-skill-grid p{margin:0;color:var(--mut);font-size:10px;line-height:1.45}.v1952-skill-grid em{display:block;margin-top:9px;color:var(--teal);font:normal 8.5px var(--m)}.v1952-next-skill{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px;padding:13px;border:1px dashed color-mix(in srgb,var(--amber) 42%,var(--line));border-radius:13px;background:rgba(242,178,51,.04)}.v1952-next-skill small{color:var(--amber);font:800 8px var(--m);text-transform:uppercase}.v1952-next-skill b{display:block;margin-top:3px}.v1952-next-skill p{margin:3px 0 0;color:var(--mut);font-size:10px}.v1952-next-skill .btn{margin:0;white-space:nowrap}
.v1952-capstone-dialog{width:min(940px,calc(100vw - 28px))}.v1952-project-readiness{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(242,178,51,.3);border-radius:12px;background:rgba(242,178,51,.05)}.v1952-project-readiness[data-ready="1"]{border-color:color-mix(in srgb,var(--teal) 45%,var(--line));background:color-mix(in srgb,var(--teal) 6%,transparent)}.v1952-project-readiness b{flex:0 0 auto}.v1952-project-readiness span{color:var(--mut);font-size:10px}.v1952-project-brief{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.v1952-project-brief>div{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.v1952-project-brief p{margin:4px 0 0;color:var(--mut);font-size:10.5px;line-height:1.5}.v1952-milestones{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.v1952-milestones>li{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.v1952-milestones>li[data-done="1"]{border-color:color-mix(in srgb,var(--teal) 50%,var(--line));box-shadow:inset 3px 0 var(--teal)}.v1952-milestone-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px}.v1952-milestone-head>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent);font:900 10px var(--m)}.v1952-milestone-head h3{margin:1px 0;font-size:1rem}.v1952-milestone-head p{margin:3px 0 0;color:var(--mut);font-size:10.5px;line-height:1.45}.v1952-milestone-head .btn{margin:0;font-size:9px}.v1952-milestones>li>ul{margin:12px 0;padding-left:20px;color:var(--mut);font-size:10.5px;line-height:1.5}.v1952-milestones>li>label{display:block!important;margin:10px 0 0!important;color:var(--txt)!important;font-size:10.5px!important}.v1952-milestones label>span{float:right;color:var(--mut);font-size:8.5px}.v1952-milestones textarea{box-sizing:border-box;width:100%;min-height:90px;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--txt);background:var(--bg2);font:10.5px/1.5 var(--m);resize:vertical}.v1952-cap-check{display:flex!important;align-items:flex-start;gap:8px!important;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}.v1952-cap-check input{margin-top:2px}.v1952-project-finish{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v1952-project-finish p{margin:3px 0 0;color:var(--mut);font-size:9.5px}.v1952-project-finish .btn{margin:0}
.v1952-portfolio-paper{margin:20px 22px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--bg);font-size:11px;line-height:1.55}.v1952-portfolio-status{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid var(--line)}.v1952-portfolio-status>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#06242d;background:var(--teal);font-size:20px}.v1952-portfolio-status b,.v1952-portfolio-status small{display:block}.v1952-portfolio-status small{color:var(--mut)}.v1952-portfolio-paper section{margin-top:18px}.v1952-portfolio-paper h3{margin:0 0 5px;font-size:1rem}.v1952-portfolio-paper section>p{margin:0;padding:10px;border-left:3px solid var(--teal);border-radius:0 9px 9px 0;color:var(--mut);background:var(--bg2);white-space:pre-wrap}.v1952-portfolio-paper ul{margin:8px 0 0;padding-left:18px;color:var(--mut)}.v1952-portfolio-paper aside{margin-top:18px;padding:10px;border:1px solid rgba(242,178,51,.3);border-radius:10px;color:var(--mut);background:rgba(242,178,51,.05)}.v1952-portfolio>.v1951-dialog-actions,.v1952-portfolio>#v1952PortfolioStatus{margin-right:22px;margin-left:22px}.v1952-portfolio>#v1952PortfolioStatus{min-height:20px;color:var(--mut);font-size:10px;text-align:right}
@media(max-width:760px){.v1952-capstone-card{grid-template-columns:auto 1fr;margin:0 18px 18px}.v1952-capstone-card>.btn{grid-column:1/-1;width:100%}.v1952-skill-grid{grid-template-columns:1fr}.v1952-next-skill{align-items:stretch;flex-direction:column}.v1952-next-skill .btn{width:100%}.v1952-project-brief{grid-template-columns:1fr}.v1952-milestone-head{grid-template-columns:auto 1fr}.v1952-milestone-head .btn{grid-column:1/-1;width:100%}.v1952-project-finish{align-items:stretch;flex-direction:column}.v1952-project-finish .btn{width:100%}.v1952-portfolio-paper{margin:15px;padding:16px}.v1952-portfolio>.v1951-dialog-actions,.v1952-portfolio>#v1952PortfolioStatus{margin-right:15px;margin-left:15px}}
@media(max-width:430px){.v1952-capstone-card{grid-template-columns:1fr}.v1952-capstone-mark{width:38px;height:38px}.v1952-competency>header{display:block}.v1952-competency>header>span{display:inline-block;margin-top:9px}.v1952-project-readiness{align-items:flex-start;flex-direction:column}.v1952-milestones label>span{float:none;display:block;margin-top:2px}}
@media print{.v1952-portfolio,.v1952-portfolio *{visibility:visible!important}.v1952-portfolio{position:absolute!important;inset:0!important;width:100%!important;max-height:none!important;border:0!important;box-shadow:none!important;background:#fff!important;color:#111!important}.v1952-portfolio>header,.v1952-portfolio>.v1951-dialog-actions,.v1952-portfolio>#v1952PortfolioStatus{display:none!important}.v1952-portfolio-paper{margin:0!important;border:0!important;background:#fff!important}.v1952-portfolio-paper *{color:#111!important}.v1952-portfolio-paper section>p{background:#f4f6f8!important}}


/* SOURCE: assets/itplugg-v19.53-support.css */
/* ITPlugg v19.53 — elevstöd, fokuserade labbpass och säker uppdateringsruta */

/* Uppdateringsrutan får aldrig hamna utanför den användbara delen av fönstret. */
.v196-update-banner{box-sizing:border-box!important;max-width:calc(100vw - 24px)!important}
.v196-update-banner[hidden]{display:none!important}
.v196-update-banner>div:first-child{min-width:0}
.v196-update-banner b{overflow-wrap:anywhere}
.v196-update-banner .v196-inline-actions{display:flex;flex:0 0 auto;gap:7px;min-width:0}
.v196-update-banner .btn{white-space:nowrap}

@media(max-width:1050px){
  html[data-itplugg-navigation="desktop"] body:not(.v1919-nav-collapsed):not(.v1923-auto-compact) .v196-update-banner{
    left:calc(var(--v1943-sidebar-w,252px) + 12px)!important;right:12px!important;width:auto!important;max-width:none!important;transform:none!important;
  }
  html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v196-update-banner,
  html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v196-update-banner{
    left:calc(var(--v1943-sidebar-compact-w,78px) + 12px)!important;right:12px!important;width:auto!important;max-width:none!important;transform:none!important;
  }
  html[data-itplugg-navigation="desktop"] .v196-update-banner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;padding:10px 11px!important}
  html[data-itplugg-navigation="desktop"] .v196-update-banner span{display:none!important}
  html[data-itplugg-navigation="desktop"] .v196-update-banner b{font-size:12px!important;line-height:1.3}
  html[data-itplugg-navigation="desktop"] .v196-update-banner .btn{min-height:34px!important;padding:6px 9px!important;font-size:10px!important}
}
@media(max-width:690px){
  html[data-itplugg-navigation="desktop"] .v196-update-banner{grid-template-columns:minmax(0,1fr)!important}
  html[data-itplugg-navigation="desktop"] .v196-update-banner .v196-inline-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%!important}
}
html[data-itplugg-navigation="mobile"] .v196-update-banner{box-sizing:border-box!important;max-width:none!important;bottom:calc(96px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;overflow:hidden}
html[data-itplugg-navigation="mobile"] .v196-update-banner>div:first-child{flex:1 1 auto}
html[data-itplugg-navigation="mobile"] .v196-update-banner .v196-inline-actions{display:grid!important;grid-template-columns:auto auto!important;width:auto!important;gap:4px!important}
html[data-itplugg-navigation="mobile"] .v196-update-banner .btn{flex:0 0 auto!important}
@media(max-width:430px){
  html[data-itplugg-navigation="mobile"] .v196-update-banner b{font-size:10px!important;line-height:1.25}
  html[data-itplugg-navigation="mobile"] .v196-update-banner .btn{padding:5px 7px!important;font-size:9px!important}
}

/* Diskret, kontextuell hjälp i kursens toppfält. */
.v1953-support-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin-left:auto}
.v1953-support-actions .current-course{min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v1953-help-btn{display:inline-flex;align-items:center;gap:7px;min-height:38px;margin:0!important;padding:7px 11px!important;border-color:color-mix(in srgb,var(--teal) 42%,var(--line))!important;background:color-mix(in srgb,var(--bg2) 92%,var(--teal) 8%)!important;white-space:nowrap}
.v1953-help-btn span{display:grid;width:20px;height:20px;place-items:center;border-radius:7px;color:var(--bg);background:var(--teal);font-weight:950}

.v1953-help-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));padding:0;border:1px solid color-mix(in srgb,var(--teal) 40%,var(--line));border-radius:22px;color:var(--txt);background:var(--bg2);box-shadow:0 28px 90px rgba(0,0,0,.52);overflow:auto}
.v1953-help-dialog::backdrop{background:rgba(3,9,17,.72);backdrop-filter:blur(4px)}
.v1953-help-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 22px 17px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 94%,transparent);backdrop-filter:blur(12px)}
.v1953-help-dialog>header small{display:block;color:var(--teal);font:800 9px var(--m);letter-spacing:.12em;text-transform:uppercase}
.v1953-help-dialog>header h2{margin:5px 0 4px;font-size:clamp(1.45rem,4vw,2rem)}
.v1953-help-dialog>header p{max-width:58ch;margin:0;color:var(--mut);font-size:12px;line-height:1.5}
.v1953-help-dialog>header button{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--txt);background:var(--bg);font-size:22px;cursor:pointer}
.v1953-help-body{padding:20px 22px 22px}
.v1953-help-now{padding:17px;border:1px solid color-mix(in srgb,var(--teal) 38%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--bg) 94%,var(--teal) 6%)}
.v1953-help-now>small{color:var(--teal);font:800 9px var(--m);letter-spacing:.1em;text-transform:uppercase}
.v1953-help-now h3{margin:5px 0 7px}.v1953-help-now ol{margin:0 0 14px;padding-left:21px;color:var(--mut);font-size:12px;line-height:1.58}.v1953-help-now li+li{margin-top:5px}
.v1953-help-now .btn{margin:0}
.v1953-variety{margin-top:15px;padding-top:16px;border-top:1px solid var(--line)}
.v1953-variety h3{margin:0 0 4px;font-size:1rem}.v1953-variety p{margin:0 0 11px;color:var(--mut);font-size:11px}
.v1953-variety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v1953-variety-grid button{min-height:74px;padding:11px;border:1px solid var(--line);border-radius:13px;color:var(--txt);background:var(--bg);text-align:left;cursor:pointer}
.v1953-variety-grid button:hover{border-color:var(--teal)}.v1953-variety-grid b,.v1953-variety-grid small{display:block}.v1953-variety-grid small{margin-top:4px;color:var(--mut);font-size:9px;line-height:1.35}

/* Ett arbetssteg i taget för långa VirtualBox-manualer. */
.v1953-focus-toolbar{margin:18px 22px 0;padding:14px 15px;border:1px solid color-mix(in srgb,var(--teal) 42%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg) 94%,var(--teal) 6%),var(--bg));box-shadow:0 10px 30px rgba(0,0,0,.08)}
.v1953-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v1953-focus-head small{display:block;color:var(--teal);font:800 8px var(--m);letter-spacing:.11em;text-transform:uppercase}.v1953-focus-head b{display:block;margin-top:3px}.v1953-focus-head .btn{min-height:34px;margin:0;padding:6px 9px;font-size:10px}
.v1953-focus-progress{height:6px;margin:11px 0 10px;border-radius:99px;background:var(--line);overflow:hidden}.v1953-focus-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#8b8dff);transition:width .2s}
.v1953-focus-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.v1953-focus-nav span{text-align:center;color:var(--mut);font:9px var(--m)}.v1953-focus-nav .btn{min-height:38px;margin:0}.v1953-focus-nav .btn:last-child{justify-self:stretch}
.v1950-manual-steps[data-v1953-focus="1"]{padding-top:12px}
.v1950-manual-steps>li.v1953-current{border-color:color-mix(in srgb,var(--teal) 58%,var(--line));box-shadow:0 14px 38px rgba(0,0,0,.1),inset 3px 0 var(--teal)}
.v1953-help-ladder{margin:12px 0;border:1px dashed color-mix(in srgb,var(--amber) 52%,var(--line));border-radius:13px;background:rgba(242,178,51,.045);overflow:hidden}
.v1953-help-ladder summary{padding:11px 12px;color:var(--txt);font-size:11px;font-weight:850;cursor:pointer;list-style:none}.v1953-help-ladder summary::-webkit-details-marker{display:none}.v1953-help-ladder summary::before{content:'?';display:inline-grid;width:21px;height:21px;margin-right:7px;place-items:center;border-radius:7px;color:#17110a;background:var(--amber)}
.v1953-help-ladder ol{display:grid;gap:7px;margin:0;padding:0 12px 12px;list-style:none;counter-reset:v1953-help}
.v1953-help-ladder li{counter-increment:v1953-help;padding:9px 10px;border:1px solid var(--line);border-radius:10px;color:var(--mut);background:var(--bg2);font-size:10.5px;line-height:1.48}.v1953-help-ladder li::before{content:counter(v1953-help);display:inline-grid;width:19px;height:19px;margin-right:7px;place-items:center;border-radius:6px;color:var(--teal);background:color-mix(in srgb,var(--teal) 13%,transparent);font:900 8px var(--m)}.v1953-help-ladder b{color:var(--txt)}
.v1953-challenge-coach{margin:14px 22px 0;padding:13px 15px;border:1px dashed color-mix(in srgb,var(--amber) 48%,var(--line));border-radius:14px;background:rgba(242,178,51,.045)}.v1953-challenge-coach b{display:block}.v1953-challenge-coach p{margin:4px 0 0;color:var(--mut);font-size:11px;line-height:1.5}

.v1953-support-toast{position:fixed;left:50%;bottom:22px;z-index:10000;max-width:min(420px,calc(100vw - 24px));padding:10px 14px;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:999px;color:var(--txt);background:var(--bg2);box-shadow:0 18px 55px rgba(0,0,0,.35);font-size:11px;font-weight:800;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s}.v1953-support-toast[data-show="1"]{transform:translate(-50%,0);opacity:1}

.v1953-network-planner{margin:14px 25px 0}.v1953-network-planner details{border:1px solid color-mix(in srgb,var(--teal) 36%,var(--line));border-radius:16px;background:var(--bg);overflow:hidden}.v1953-network-planner summary{display:flex;align-items:center;gap:11px;padding:14px;cursor:pointer;list-style:none}.v1953-network-planner summary::-webkit-details-marker{display:none}.v1953-network-planner summary>span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent);font-weight:900}.v1953-network-planner summary div{min-width:0;flex:1}.v1953-network-planner summary small,.v1953-network-planner summary b,.v1953-network-planner summary em{display:block}.v1953-network-planner summary small{color:var(--teal);font:800 8px var(--m);letter-spacing:.1em;text-transform:uppercase}.v1953-network-planner summary b{margin:2px 0}.v1953-network-planner summary em{color:var(--mut);font-size:9px;font-style:normal}.v1953-network-planner summary>i{font-style:normal;font-size:20px}.v1953-network-planner details[open] summary>i{transform:rotate(45deg)}.v1953-network-body{padding:0 15px 15px;border-top:1px solid var(--line)}.v1953-network-body>p{color:var(--mut);font-size:10.5px;line-height:1.5}.v1953-network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v1953-network-grid label{display:block!important;margin:0!important;color:var(--mut)!important;font-size:9px!important}.v1953-network-grid input,.v1953-network-grid select{box-sizing:border-box;width:100%;min-height:40px;margin-top:4px;padding:8px;border:1px solid var(--line);border-radius:10px;color:var(--txt);background:var(--bg2);font:11px var(--m)}.v1953-network-body>.btn{margin:12px 0 0}.v1953-network-result{margin-top:11px}.v1953-network-result>b{display:block}.v1953-network-result ul{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0 0;padding:0;list-style:none}.v1953-network-result li{padding:7px 8px;border-radius:9px;color:var(--mut);background:var(--bg2);font-size:9.5px}.v1953-network-result li[data-ok="1"]{color:var(--teal)}.v1953-network-result li[data-ok="0"]{color:#ffc9c7}

@media(max-width:760px){
  .v1953-support-actions{width:100%;justify-content:space-between;margin-left:0}.v1953-support-actions .current-course{text-align:left}.v1953-help-btn{min-height:44px}
  .v1953-help-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:18px}.v1953-help-dialog>header{padding:17px}.v1953-help-body{padding:15px 17px 18px}.v1953-variety-grid{grid-template-columns:1fr}
  .v1953-focus-toolbar{margin:14px 15px 0}.v1953-focus-head{align-items:stretch;flex-direction:column}.v1953-focus-head .btn{width:100%}.v1953-focus-nav{grid-template-columns:1fr 1fr}.v1953-focus-nav span{grid-column:1/-1;grid-row:1}.v1953-challenge-coach{margin:12px 15px 0}
  .v1953-support-toast{bottom:calc(76px + env(safe-area-inset-bottom))}
  .v1953-network-planner{margin:12px 18px 0}.v1953-network-grid,.v1953-network-result ul{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.v1953-focus-progress i,.v1953-support-toast{transition:none!important}}
@media print{.v1953-help-btn,.v1953-help-dialog,.v1953-focus-toolbar,.v1953-help-ladder,.v1953-challenge-coach,.v1953-support-toast,.v196-update-banner{display:none!important}}
html[data-itplugg-navigation] .v196-update-banner[hidden]{display:none!important}


/* SOURCE: assets/itplugg-v19.56-search.css */
/* ===== ITPlugg v19.56: sök från hemskärmen + delbara länkar ===== */
.v1956-home-search{margin:14px 0 18px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}
.v1956-home-search>label{display:block;margin-bottom:9px}
.v1956-home-search>label b{display:block;font-size:14px}
.v1956-home-search>label small{color:var(--mut);font-size:11px}
.v1956-search-row{display:flex;align-items:center;gap:10px}
.v1956-home-search input[type="search"]{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--txt);font:inherit;font-size:13.5px}
.v1956-home-search input[type="search"]:focus{outline:2px solid color-mix(in srgb,var(--teal) 35%,transparent);border-color:var(--teal)}
.v1956-copy-status{flex:0 0 auto;min-width:96px;color:var(--teal);font-size:10.5px;text-align:right}
.v1956-home-results{display:grid;gap:6px;margin-top:10px}
.v1956-hit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch}
.v1956-hit-open{display:block;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;text-align:left;color:var(--txt);background:var(--bg);font:inherit;cursor:pointer}
.v1956-hit-open:hover{border-color:var(--teal)}
.v1956-hit-label{display:block;color:var(--teal);font:800 8.5px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;text-transform:uppercase}
.v1956-hit-open b{display:block;margin-top:3px;font-size:12.5px;line-height:1.35}
.v1956-hit-open small{display:block;margin-top:2px;color:var(--mut);font-size:10.5px;line-height:1.4}
.v1956-hit-link{flex:0 0 auto;width:42px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--mut);font-size:15px;cursor:pointer}
.v1956-hit-link:hover{border-color:var(--teal);color:var(--teal)}
@media(max-width:760px){.v1956-copy-status{display:none}.v1956-hit-link{width:38px}}


/* SOURCE: assets/itplugg-v19.57-welcome.css */
/* ===== ITPlugg v19.57: första-besöket-flöde ===== */
.v1957-welcome{margin:14px 0 20px;padding:20px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--bg2),rgb(var(--accent-rgb,47 212 191) / .06))}
.v1957-head small{color:var(--teal);font:800 9px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.1em}
.v1957-head h2{margin:4px 0 6px;font-size:21px}
.v1957-head p{margin:0 0 14px;color:var(--mut);font-size:13px;line-height:1.5}
.v1957-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v1957-choices button{padding:14px 13px;border:1px solid var(--line);border-radius:14px;text-align:left;color:var(--txt);background:var(--bg);font:inherit;cursor:pointer}
.v1957-choices button:hover{border-color:var(--teal)}
.v1957-choices b{display:block;font-size:13.5px;margin-bottom:4px}
.v1957-choices small{color:var(--mut);font-size:11px;line-height:1.4}
.v1957-dismiss{margin-top:11px;border:0;background:none;color:var(--mut);font-size:11px;text-decoration:underline;cursor:pointer}
@media(max-width:760px){.v1957-choices{grid-template-columns:1fr}}



/* v19.62: Resultatknappen måste alltid vara klickbar. */
#quizRes .v1919-result-coach,
#quizRes .v1919-result-actions,
#quizRes [data-result-action="next"]{
  position:relative;
  z-index:30;
  pointer-events:auto!important;
}
#quizRes [data-result-action="next"]{touch-action:manipulation;}

/* ===== v19.72: lektionsdiagram ===== */
.lesson-diagram{
  margin:14px 0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--bg);
  overflow-x:auto;
}
.lesson-diagram svg{
  display:block;
  width:100%;
  height:auto;
  max-width:640px;
  margin:0 auto;
  font-family:inherit;
}
@media (max-width:520px){
  .lesson-diagram{padding:8px;}
  /* Smala skärmar: låt breda diagram scrollas i sidled istället för att krympas
     till oläsbarhet. min-width behålls så texten i diagrammet förblir läsbar. */
  .lesson-diagram svg{min-width:460px;}
}
@media print{
  .lesson-diagram{break-inside:avoid;}
}


/* ===== ITPlugg v19.78: provträning, XP och trygg nästa-navigation ===== */
.v1978-exam-practice{border-color:color-mix(in srgb,var(--amber) 58%,var(--line))!important;background:color-mix(in srgb,var(--amber) 9%,var(--bg))!important;color:var(--txt)!important}.v1978-exam-practice:hover,.v1978-exam-practice:focus-visible{border-color:var(--amber)!important;background:color-mix(in srgb,var(--amber) 15%,var(--bg))!important}.v1978-exam-practice[aria-busy="true"]{opacity:.72;cursor:wait}
.v1978-xp-strip,.v1978-result-xp{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(220px,1.45fr) auto;align-items:center;gap:18px;padding:17px 19px;border:1px solid color-mix(in srgb,var(--teal) 34%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 7%,var(--bg2)),var(--bg2));box-shadow:0 10px 30px rgba(0,0,0,.08)}
.v1978-xp-strip{margin:0 0 14px}.v1978-result-xp{margin:16px 0;text-align:left}.v1978-xp-copy small{display:block;color:var(--teal);font:800 9px var(--m);letter-spacing:.12em}.v1978-xp-copy b{display:block;margin-top:4px;font-size:17px}.v1978-xp-copy span{display:block;margin-top:2px;color:var(--mut);font-size:11px}.v1978-xp-meter{height:10px;border:1px solid var(--line);border-radius:999px;background:var(--bg);overflow:hidden}.v1978-xp-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--amber));transition:width .35s ease}.v1978-xp-stats{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v1978-xp-stats span{padding:6px 8px;border:1px solid var(--line);border-radius:9px;color:var(--mut);font-size:10px;white-space:nowrap}.v1978-xp-stats b{color:var(--txt);font-size:12px}
#nextBtn[data-v1978-lock="1"]{cursor:progress}
@media(max-width:760px){.v1978-xp-strip,.v1978-result-xp{grid-template-columns:1fr;gap:11px}.v1978-xp-stats{justify-content:flex-start}.v1939-quiz-actions .v1978-exam-practice{width:100%}}
@media(prefers-reduced-motion:reduce){.v1978-xp-meter i{transition:none}}
.v1978-exam-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0;padding:18px 20px;border:1px solid color-mix(in srgb,var(--amber) 45%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--amber) 8%,var(--bg2)),var(--bg2))}.v1978-exam-card small{display:block;color:var(--amber);font:800 9px var(--m);letter-spacing:.12em}.v1978-exam-card h3{margin:5px 0 3px;font-size:1.12rem}.v1978-exam-card p{margin:0;color:var(--mut);font-size:13px;max-width:62ch}.v1978-exam-card .btn{flex:none;min-height:44px}@media(max-width:700px){.v1978-exam-card{align-items:flex-start;flex-direction:column}.v1978-exam-card .btn{width:100%}}

/* ===== ITPlugg v19.80: Arena 2.0, felsökningsspel och labbcoach ===== */
.v1980-check{align-self:center!important;display:flex!important;align-items:center;gap:7px;padding:8px 0}.v1980-check input{margin:0!important}
.v1980-arena-hub{margin:14px 0 18px;border:1px solid rgb(var(--accent-rgb)/.34);border-radius:18px;padding:17px;background:linear-gradient(145deg,var(--bg2),rgb(var(--accent-rgb)/.055))}.v1980-hub-head,.v1980-game-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.v1980-hub-head small,.v1980-game-head small,.v1980-lab-method small{font:800 10px var(--m);letter-spacing:.11em;color:var(--teal)}.v1980-hub-head h3,.v1980-game-head h3,.v1980-lab-method h3{margin:3px 0 5px}.v1980-hub-head p,.v1980-game-head p,.v1980-lab-method p{margin:0;color:var(--mut);font-size:13px}.v1980-hub-head>span,.v1980-game-head>span{border:1px solid var(--line);border-radius:99px;padding:6px 10px;white-space:nowrap;font:700 11px var(--m)}
.v1980-arena-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.v1980-arena-actions article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--bg)}.v1980-arena-actions article>span{font-size:26px}.v1980-arena-actions small{display:block;color:var(--mut);font-size:11px}.v1980-arena-actions b{display:block;margin:2px 0}.v1980-arena-actions p{margin:0;color:var(--mut);font-size:12px}.v1980-daily[data-done="1"]{border-color:rgb(var(--accent-rgb)/.55);background:rgb(var(--accent-rgb)/.07)}
.v1980-record-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.v1980-record-row>div{border:1px solid var(--line);border-radius:11px;padding:10px;text-align:center;background:var(--bg)}.v1980-record-row small{display:block;color:var(--mut);font-size:10px}.v1980-record-row b{display:block;font-size:18px;margin-top:2px}.v1980-badges{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px}.v1980-badges summary{cursor:pointer;font-weight:750}.v1980-badges>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.v1980-badges article{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px;opacity:.58}.v1980-badges article[data-earned="1"]{opacity:1;border-color:rgb(var(--accent-rgb)/.44);background:rgb(var(--accent-rgb)/.05)}.v1980-badges article>span{font-size:22px}.v1980-badges b,.v1980-badges small{display:block}.v1980-badges small{color:var(--mut);font-size:11px}.v1980-badges em{font:700 9px var(--m);color:var(--mut);font-style:normal;text-transform:uppercase}
.arena-hud{grid-template-columns:minmax(150px,1fr) auto auto auto auto minmax(120px,190px)!important}.v1980-lives strong{color:var(--rose);letter-spacing:2px}.v1980-lives.danger{animation:arenaPulse .7s infinite alternate;border-color:var(--rose)}.v1980-boss-chip{display:flex;align-items:center;gap:7px}.v1980-boss-chip>span{font-size:10px;color:var(--mut)}.v1980-boss-chip>i{display:block;width:75px;height:6px;border-radius:99px;background:var(--bg);overflow:hidden}.v1980-boss-chip>i>b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--amber));transition:width .25s}.v1980-boss-chip>strong{font-size:10px;color:var(--teal)}
.v1980-answer-burst{position:absolute;right:16px;top:16px;z-index:5;border-radius:99px;padding:8px 12px;font:900 12px var(--m);letter-spacing:.06em;animation:v1980Burst 1s ease forwards;pointer-events:none}.qcard{position:relative}.v1980-answer-burst.ok{background:var(--teal);color:#062028}.v1980-answer-burst.bad{background:var(--rose);color:#260707}@keyframes v1980Burst{0%{opacity:0;transform:translateY(8px) scale(.86)}20%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}
.v1980-result-extra{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.v1980-result-extra>div{border:1px solid var(--line);border-radius:10px;padding:9px;text-align:center}.v1980-result-extra small,.v1980-result-extra b{display:block}.v1980-result-extra small{color:var(--mut);font-size:10px}.v1980-earned{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.v1980-earned span{border-radius:99px;background:rgb(var(--accent-rgb)/.1);border:1px solid rgb(var(--accent-rgb)/.3);padding:5px 8px;font-size:11px}
body[data-arena-theme="network"].quiz-arena .qcard{background:linear-gradient(145deg,var(--bg2),rgba(94,167,255,.08));border-color:rgba(94,167,255,.5)}body[data-arena-theme="cyber"].quiz-arena .qcard{background:linear-gradient(145deg,var(--bg2),rgba(139,124,246,.09));border-color:rgba(139,124,246,.5)}body[data-arena-theme="cloud"].quiz-arena .qcard{background:linear-gradient(145deg,var(--bg2),rgba(72,213,151,.08));border-color:rgba(72,213,151,.45)}
.v1980-toast{position:fixed;left:50%;bottom:24px;z-index:9999;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:var(--txt);color:var(--bg);border-radius:99px;padding:10px 15px;font-weight:750;box-shadow:0 14px 40px rgba(0,0,0,.3);transition:.22s}.v1980-toast.show{opacity:1;transform:translate(-50%,0)}
.v1980-troubleshooting{margin:16px 0 20px;border:1px solid rgba(94,167,255,.35);border-radius:18px;padding:17px;background:linear-gradient(145deg,var(--bg2),rgba(94,167,255,.045))}.v1980-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.v1980-game-card{text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--txt);border-radius:14px;padding:14px;cursor:pointer;font:inherit;transition:transform .14s,border-color .14s}.v1980-game-card:hover{transform:translateY(-2px);border-color:var(--teal)}.v1980-game-card[data-done="1"]{border-color:rgb(var(--accent-rgb)/.48);background:rgb(var(--accent-rgb)/.05)}.v1980-game-icon{font-size:26px;display:block;margin-bottom:8px}.v1980-game-card small,.v1980-game-card b,.v1980-game-card em{display:block}.v1980-game-card small{color:var(--mut);font-size:10px}.v1980-game-card b{font-size:16px;margin:3px 0}.v1980-game-card p{font-size:12px;color:var(--mut);line-height:1.45;min-height:52px}.v1980-game-card em{font-style:normal;color:var(--teal);font-size:11px;font-weight:750}
.v1980-game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--mut)}.v1980-game-progress{height:7px;background:var(--bg);border-radius:99px;overflow:hidden;margin:12px 0}.v1980-game-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue));transition:width .2s}.v1980-game-brief{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--line);border-radius:13px;padding:13px;background:var(--bg)}.v1980-game-brief>span{font-size:32px}.v1980-game-brief small{font:800 10px var(--m);color:var(--teal)}.v1980-game-brief h3{margin:2px 0 4px}.v1980-game-brief p{margin:0;color:var(--mut);font-size:13px}.v1980-decision{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--bg)}.v1980-decision>small{font:800 10px var(--m);letter-spacing:.1em;color:var(--amber)}.v1980-decision h3{margin:4px 0 13px}.v1980-choice-grid{display:grid;gap:8px}.v1980-choice-grid button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:11px;background:var(--bg2);color:var(--txt);padding:11px;cursor:pointer;font:inherit}.v1980-choice-grid button>span{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:8px;border:1px solid var(--line);font:800 11px var(--m)}.v1980-choice-grid button:hover:not(:disabled){border-color:var(--teal)}.v1980-choice-grid button[data-state="correct"]{border-color:var(--teal);background:rgb(var(--accent-rgb)/.09)}.v1980-choice-grid button[data-state="wrong"]{border-color:var(--rose);background:rgba(242,114,111,.09)}.v1980-hint-row{display:flex;align-items:center;gap:10px;margin-top:12px;border-top:1px dashed var(--line);padding-top:11px}.v1980-hint-row p{margin:0;color:var(--mut);font-size:12px}.v1980-game-feedback{display:none;margin-top:10px;border-radius:11px;padding:11px;border:1px solid var(--line)}.v1980-game-feedback[data-state]{display:block}.v1980-game-feedback[data-state="ok"]{border-color:rgb(var(--accent-rgb)/.45);background:rgb(var(--accent-rgb)/.06)}.v1980-game-feedback[data-state="bad"]{border-color:rgba(242,178,51,.45);background:rgba(242,178,51,.06)}.v1980-game-feedback p{margin:3px 0 0;color:var(--mut);font-size:13px}.v1980-game-next{display:flex;justify-content:flex-end;margin-top:12px}.v1980-game-result{text-align:center;border:1px solid var(--line);border-radius:15px;padding:24px;background:var(--bg)}.v1980-game-result>span{display:grid;place-items:center;margin:0 auto 8px;width:54px;height:54px;border-radius:50%;font-size:28px;background:rgb(var(--accent-rgb)/.12);color:var(--teal)}.v1980-game-result[data-pass="0"]>span{background:rgba(242,178,51,.12);color:var(--amber)}.v1980-game-result small{color:var(--mut)}.v1980-game-result h3{font-size:28px;margin:4px 0}.v1980-game-result p{max-width:620px;margin:0 auto 14px;color:var(--mut)}.v1980-game-result>div{display:flex;justify-content:center;gap:8px}
.v1980-lab-method{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0;background:var(--bg2)}.v1980-lab-method>div{min-width:0;flex:1 1 280px}.v1980-lab-method>span{font-size:11px;color:var(--mut);white-space:normal;overflow-wrap:anywhere;max-width:100%;flex:0 1 auto}.v1980-lab-coach{margin:12px 0;border:1px solid rgb(var(--accent-rgb)/.35);border-radius:13px;background:rgb(var(--accent-rgb)/.045)}.v1980-lab-coach summary{display:flex;gap:10px;align-items:center;padding:12px;cursor:pointer}.v1980-lab-coach summary>span{font-size:23px}.v1980-lab-coach summary b,.v1980-lab-coach summary small{display:block}.v1980-lab-coach summary small{color:var(--mut);font-size:11px}.v1980-coach-body{padding:0 12px 12px}.v1980-coach-buttons{display:flex;flex-wrap:wrap;gap:7px}.v1980-coach-buttons button[data-on="1"]{border-color:var(--teal);color:var(--teal)}.v1980-coach-body p{padding:10px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--mut);font-size:13px}
@media(max-width:900px){.arena-hud{grid-template-columns:1fr 1fr 1fr!important}.arena-hud .arena-name,.v1980-boss-chip{grid-column:1/-1}.v1980-boss-chip>i{flex:1}.v1980-game-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.v1980-arena-actions,.v1980-badges>div,.v1980-game-grid{grid-template-columns:1fr}.v1980-arena-actions article{grid-template-columns:auto 1fr}.v1980-arena-actions article .btn{grid-column:1/-1;width:100%}.v1980-record-row{grid-template-columns:1fr 1fr}.v1980-hub-head,.v1980-game-head,.v1980-lab-method{display:block}.v1980-hub-head>span,.v1980-game-head>span{display:inline-block;margin-top:8px}.v1980-lab-method>span{display:block;white-space:normal;margin-top:8px}.v1980-hint-row{align-items:flex-start;flex-direction:column}.v1980-game-toolbar{align-items:flex-start;flex-direction:column}.v1980-result-extra{grid-template-columns:1fr}.v1980-game-card p{min-height:0}}
@media(prefers-reduced-motion:reduce){.v1980-answer-burst,.v1980-toast,.v1980-game-card,.v1980-game-progress i,.v1980-boss-chip>i>b{animation:none!important;transition:none!important}}

/* ===== ITPlugg v19.81: smart repetition + förklaringar i tre nivåer ===== */
.v1981-smart-repeat{margin:16px 0 18px;padding:17px;border:1px solid rgb(var(--accent-rgb)/.36);border-radius:18px;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.11),var(--bg2));box-shadow:0 12px 35px rgba(0,0,0,.08)}
.v1981-smart-head,.v1981-result-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.v1981-smart-head small,.v1981-result-head small{display:block;color:var(--teal);font:11px var(--m);letter-spacing:.08em;text-transform:uppercase}.v1981-smart-head h3,.v1981-result-head h3{margin:3px 0 4px}.v1981-smart-head p{margin:0;color:var(--mut);max-width:70ch;line-height:1.5}.v1981-smart-head>span,.v1981-result-head>span{flex:none;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:var(--bg);font:11px var(--m);color:var(--teal)}
.v1981-smart-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.v1981-smart-stats>div{border:1px solid var(--line);border-radius:13px;padding:11px;background:rgb(255 255 255/.025);text-align:center}.v1981-smart-stats b{display:block;font-size:20px}.v1981-smart-stats small{display:block;margin-top:2px;color:var(--mut);font-size:11px;overflow-wrap:anywhere}
.v1981-smart-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.v1981-smart-actions details{color:var(--mut);font-size:12px}.v1981-smart-actions summary{cursor:pointer;color:var(--teal)}.v1981-smart-actions details p{margin:7px 0 0;max-width:65ch}
.v1981-original-explanation[hidden]{display:none!important}.v1981-explanation-levels{margin:13px 0;border:1px solid rgb(var(--accent-rgb)/.34);border-radius:15px;background:var(--bg);overflow:hidden}.v1981-explanation-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:13px 14px 10px}.v1981-explanation-head small{display:block;color:var(--mut);font-size:11px}.v1981-explanation-head b{display:block;margin-top:2px}.v1981-explanation-head>span{max-width:45%;font:11px var(--m);color:var(--teal);text-align:right}.v1981-level-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.v1981-level-tabs button{border:0;border-right:1px solid var(--line);background:var(--bg2);color:var(--mut);padding:10px 8px;cursor:pointer;font:inherit;font-size:13px}.v1981-level-tabs button:last-child{border-right:0}.v1981-level-tabs button[aria-selected="true"]{background:rgb(var(--accent-rgb)/.14);color:var(--teal);font-weight:800;box-shadow:inset 0 -2px 0 var(--teal)}.v1981-level-tabs button:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}.v1981-level-content{padding:14px;min-height:90px}.v1981-level-content small{display:block;color:var(--teal);font:10px var(--m);letter-spacing:.08em;text-transform:uppercase}.v1981-level-content p{margin:6px 0 0;line-height:1.62}
.v1981-smart-result{margin:18px 0;padding:17px;border:1px solid rgb(var(--accent-rgb)/.36);border-radius:18px;background:linear-gradient(145deg,var(--bg2),rgb(var(--accent-rgb)/.08));text-align:left}.v1981-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.v1981-result-grid article{border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--bg)}.v1981-result-grid small{display:block;color:var(--mut);font-size:11px}.v1981-result-grid b{display:block;margin:4px 0;font-size:16px}.v1981-result-grid p{margin:0;color:var(--mut);font-size:12px}.v1981-result-actions{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:700px){.v1981-smart-head,.v1981-result-head,.v1981-explanation-head{flex-direction:column}.v1981-smart-head>span,.v1981-result-head>span{align-self:flex-start}.v1981-smart-stats,.v1981-result-grid{grid-template-columns:1fr}.v1981-explanation-head>span{max-width:none;text-align:left}.v1981-level-tabs button{font-size:12px;padding:10px 5px}.v1981-smart-actions>.btn,.v1981-result-actions>.btn{width:100%}}
@media(prefers-reduced-motion:reduce){.v1981-smart-repeat,.v1981-smart-result,.v1981-explanation-levels{scroll-behavior:auto}}

body.v1981-ready #v1949ReviewPanel{display:none!important}

/* ===== ITPlugg v19.83: Dagens pass + läraruppdrag ===== */
.v1983-student-hub{display:grid;gap:14px;margin:16px 0 22px}
.v1983-focus-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border:1px solid color-mix(in srgb,var(--teal) 36%,var(--line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 9%,var(--bg2)),var(--bg2));box-shadow:0 12px 34px rgba(2,14,24,.1)}
.v1983-focus-strip>div{min-width:0}.v1983-focus-strip small,.v1983-plan-card header small,.v1983-teacher-head small,.v1983-share-card>small{display:block;font:800 9px var(--m);letter-spacing:.13em;text-transform:uppercase;color:var(--teal)}
.v1983-focus-strip b,.v1983-focus-strip span{display:block}.v1983-focus-strip b{margin:3px 0;font-size:15px}.v1983-focus-strip span{color:var(--mut);font-size:11px}.v1983-done-pill{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(52,211,153,.32);border-radius:999px;color:#34d399;background:rgba(52,211,153,.08);font:800 10px var(--m)}
.v1983-plan-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--bg2);box-shadow:0 16px 42px rgba(2,14,24,.1)}
.v1983-plan-card[data-kind="assignment"]{border-color:color-mix(in srgb,var(--amber) 42%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--amber) 5%,var(--bg2)),var(--bg2))}
.v1983-plan-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 19px 13px}.v1983-plan-card>header>div{min-width:0}.v1983-plan-card h3{margin:4px 0 5px;font-size:clamp(19px,2.8vw,25px);letter-spacing:-.035em}.v1983-plan-card header p{max-width:70ch;margin:0;color:var(--mut);font-size:12px;line-height:1.55}.v1983-plan-card header>span{flex:0 0 auto;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font:800 9px var(--m)}
.v1983-instructions{margin:0 19px 12px;padding:10px 12px;border-left:3px solid var(--amber);border-radius:0 10px 10px 0;background:rgba(242,178,51,.065);font-size:11.5px;color:var(--mut)}
.v1983-progress{height:4px;margin:0 19px 4px;border-radius:99px;background:color-mix(in srgb,var(--line) 75%,transparent);overflow:hidden}.v1983-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#60a5fa);transition:width .25s ease}
.v1983-task-list{display:grid;padding:8px 10px 4px}.v1983-task{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 9px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.v1983-task:first-child{border-top:0}.v1983-task[data-done="1"]{opacity:.72}.v1983-task-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,var(--bg));font:850 13px var(--m)}.v1983-task[data-done="1"] .v1983-task-icon{color:#34d399;background:rgba(52,211,153,.1)}
.v1983-task>div:nth-child(2){min-width:0}.v1983-task small,.v1983-task b,.v1983-task p,.v1983-task em{display:block}.v1983-task small{font:800 8px var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.v1983-task b{margin:2px 0;font-size:12px}.v1983-task p{margin:0;color:var(--mut);font-size:10.5px;line-height:1.45}.v1983-task em{margin-top:3px;color:var(--amber);font-size:9px;font-style:normal}.v1983-task-actions{display:flex;align-items:center;gap:6px}.v1983-task-actions .btn{min-height:36px;margin:0;padding:7px 10px;font-size:10px}.v1983-check-btn,.v1983-text-btn{border:0;background:transparent;color:var(--mut);cursor:pointer;font:800 10px var(--m)}.v1983-check-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.v1983-check-btn:hover,.v1983-text-btn:hover{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 45%,var(--line))}
.v1983-exit{display:flex;align-items:flex-end;gap:10px;margin:7px 18px 14px;padding:12px;border:1px dashed color-mix(in srgb,var(--teal) 38%,var(--line));border-radius:13px;background:var(--bg)}.v1983-exit label{flex:1;display:grid;gap:4px}.v1983-exit label span{color:var(--mut);font-size:10px}.v1983-exit textarea{width:100%;min-height:70px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--txt);font:inherit;resize:vertical}.v1983-exit .btn{flex:0 0 auto;margin:0}
.v1983-plan-card>footer{display:flex;justify-content:space-between;gap:10px;padding:11px 18px;border-top:1px solid var(--line);color:var(--mut);font-size:10px}
.v1983-toast{position:fixed;z-index:1400;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(92vw,620px);padding:11px 15px;border:1px solid rgba(52,211,153,.38);border-radius:13px;background:color-mix(in srgb,var(--bg2) 94%,#34d399 6%);box-shadow:0 18px 50px rgba(0,0,0,.28);color:var(--txt);font-size:12px}.v1983-toast[data-ok="0"]{border-color:rgba(242,114,111,.5);background:color-mix(in srgb,var(--bg2) 94%,var(--rose) 6%)}
.v1983-teacher{margin-top:12px!important}.v1983-teacher-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.v1983-teacher-head h3{margin:4px 0}.v1983-teacher-head p{max-width:720px;margin:0;color:var(--mut);font-size:11px;line-height:1.55}.v1983-teacher-head>span{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(242,178,51,.35);border-radius:999px;color:var(--amber);font:800 8px var(--m)}
.v1983-assignment-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.v1983-assignment-form>label{display:grid;gap:5px;color:var(--mut);font-size:10px}.v1983-assignment-form .wide{grid-column:1/-1}.v1983-assignment-form input,.v1983-assignment-form select,.v1983-assignment-form textarea{width:100%;min-height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--txt);font:inherit}.v1983-assignment-form textarea{min-height:78px;resize:vertical}.v1983-assignment-form fieldset{display:flex;gap:7px;flex-wrap:wrap;margin:0;padding:11px;border:1px solid var(--line);border-radius:12px}.v1983-assignment-form legend{padding:0 5px;color:var(--mut);font-size:10px}.v1983-assignment-form fieldset label{padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--bg);font-size:10px}.v1983-assignment-form .btn{margin:0}
.v1983-share-card{margin-top:13px;padding:14px;border:1px solid color-mix(in srgb,var(--teal) 38%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--teal) 6%,var(--bg))}.v1983-share-card h4{margin:4px 0}.v1983-share-card p{margin:0 0 9px;color:var(--mut);font-size:10px}.v1983-share-card label{display:grid;gap:5px;color:var(--mut);font-size:9px}.v1983-share-card input{width:100%;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--txt);font:10px var(--m)}.v1983-share-card>div{display:flex;gap:7px;margin-top:9px}.v1983-share-card .btn{margin:0}
.v1983-assignment-library{margin-top:14px}.v1983-assignment-library h4{margin:0 0 7px}.v1983-assignment-library>p{color:var(--mut);font-size:10px}.v1983-assignment-library article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.v1983-assignment-library article b,.v1983-assignment-library article small{display:block}.v1983-assignment-library article b{font-size:11px}.v1983-assignment-library article small{margin-top:2px;color:var(--mut);font-size:9px}.v1983-assignment-library article>div:last-child{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.v1983-assignment-library article button{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--txt);font-size:9px;cursor:pointer}
@media(max-width:680px){.v1983-focus-strip,.v1983-plan-card>header,.v1983-plan-card>footer,.v1983-teacher-head{align-items:stretch;flex-direction:column}.v1983-focus-strip .btn{width:100%}.v1983-plan-card header>span{width:max-content}.v1983-task{grid-template-columns:33px minmax(0,1fr)}.v1983-task-actions{grid-column:2;justify-content:flex-start}.v1983-exit{align-items:stretch;flex-direction:column}.v1983-exit .btn{width:100%}.v1983-assignment-form{grid-template-columns:1fr}.v1983-assignment-form .wide{grid-column:auto}.v1983-assignment-library article{align-items:stretch;flex-direction:column}.v1983-assignment-library article>div:last-child{justify-content:flex-start}}
@media(max-width:420px){.v1983-plan-card{border-radius:16px}.v1983-plan-card>header{padding:15px 14px 11px}.v1983-progress{margin-inline:14px}.v1983-task-list{padding-inline:6px}.v1983-task p{display:none}.v1983-task-actions .btn{min-width:88px}.v1983-toast{bottom:76px}}
@media(prefers-reduced-motion:reduce){.v1983-progress i{transition:none}}


/* ===== ITPlugg v19.84: elevrapport och lokal klassöversikt ===== */
.v1984-student-report{margin:16px 0;padding:18px;border:1px solid rgb(var(--accent-rgb)/.28);border-radius:18px;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.08),rgba(255,255,255,.025));display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:18px}.v1984-student-report small,.v1984-teacher-head small{font:700 11px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.v1984-student-report h4,.v1984-teacher-head h3{margin:5px 0 7px}.v1984-student-report p{margin:0;color:var(--mut);line-height:1.55}.v1984-report-controls{display:grid;gap:10px}.v1984-report-controls label{display:grid;gap:6px;font-size:12px;color:var(--mut)}.v1984-report-controls input,.v1984-report-controls textarea,.v1984-import-grid textarea,.v1984-import-grid select,.v1984-import-grid input{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:10px 12px}.v1984-report-controls>div{display:flex;gap:8px;flex-wrap:wrap}.v1984-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.v1984-check input{width:auto}.v1984-report-summary{min-height:18px;color:var(--teal);font-weight:700}.v1984-report-controls textarea{min-height:74px;font:11px var(--m);resize:vertical}.v1984-teacher{overflow:hidden}.v1984-teacher-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.v1984-teacher-head>span{border:1px solid rgb(var(--accent-rgb)/.38);border-radius:999px;padding:5px 9px;font:700 10px var(--m);color:var(--teal)}.v1984-import-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v1984-import-grid label{display:grid;gap:6px;color:var(--mut);font-size:12px}.v1984-import-grid .wide{grid-column:1/-1}.v1984-import-grid textarea{min-height:92px;font:11px var(--m)}.v1984-actions{display:flex;gap:8px;flex-wrap:wrap}.v1984-status{min-height:20px;margin:10px 0;color:var(--teal)}.v1984-status[data-ok="0"]{color:#ffaaa6}.v1984-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.v1984-metrics article{border:1px solid var(--line);border-radius:15px;padding:14px;background:rgb(255 255 255/.025);display:grid;gap:3px}.v1984-metrics b{font-size:24px}.v1984-metrics span{font-size:11px;color:var(--mut)}.v1984-weak{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;margin:14px 0}.v1984-weak h4{width:100%;margin:0 0 4px}.v1984-weak span{display:grid;gap:3px;min-width:180px;flex:1;border:1px solid rgb(var(--accent-rgb)/.22);border-radius:13px;padding:10px;background:rgb(var(--accent-rgb)/.05)}.v1984-weak small{color:var(--mut)}.v1984-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}.v1984-table-wrap table{border-collapse:collapse;min-width:900px;width:100%;font-size:12px}.v1984-table-wrap th,.v1984-table-wrap td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.v1984-table-wrap th{position:sticky;top:0;background:var(--card);z-index:1;color:var(--mut);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.v1984-table-wrap td[data-state="done"]{color:var(--teal);font-weight:700}.v1984-progress-cell{position:relative;display:block;min-width:88px;border-radius:999px;background:rgb(255 255 255/.06);overflow:hidden;padding:5px 8px}.v1984-progress-cell i{position:absolute;inset:0 auto 0 0;background:rgb(var(--accent-rgb)/.22)}.v1984-progress-cell b{position:relative}.v1984-empty{padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--mut)}.v1984-toast{position:fixed;right:18px;bottom:18px;z-index:9999;max-width:min(420px,calc(100vw - 36px));padding:12px 16px;border-radius:13px;background:#14352f;color:#dcfff5;box-shadow:0 16px 50px rgba(0,0,0,.35)}.v1984-toast[data-ok="0"]{background:#482423;color:#fff0ef}
@media(max-width:760px){.v1984-student-report{grid-template-columns:1fr}.v1984-import-grid{grid-template-columns:1fr}.v1984-import-grid .wide{grid-column:auto}.v1984-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v1984-teacher-head{display:grid}.v1984-actions .btn{flex:1 1 150px}}
@media(prefers-reduced-motion:reduce){.v1984-toast{transition:none!important}}


/* ===== ITPlugg v19.85: färdighetskarta ===== */
.v1985-skill-map{margin:18px 0 26px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--teal) 5%,var(--bg2)),var(--bg2));box-shadow:0 18px 44px rgba(0,0,0,.12)}
.v1985-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:0}.v1985-head small{font:700 10px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.v1985-head h2{margin:4px 0 5px;font-size:clamp(20px,3vw,28px)}.v1985-head p{max-width:65ch;margin:0;color:var(--mut);font-size:13px}.v1985-head label{display:grid;gap:5px;min-width:min(260px,100%);color:var(--mut);font-size:10px}.v1985-head select{min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--txt);font:inherit}
.v1985-overview{display:grid;grid-template-columns:150px minmax(170px,.65fr) minmax(280px,1.35fr);gap:14px;align-items:stretch;margin:18px 0}.v1985-ring{--v1985-score:0;display:grid;place-content:center;text-align:center;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--teal) calc(var(--v1985-score)*1%),color-mix(in srgb,var(--line) 72%,transparent) 0);position:relative;max-width:145px;margin:auto}.v1985-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--bg2);border:1px solid var(--line)}.v1985-ring b,.v1985-ring span{position:relative;z-index:1}.v1985-ring b{font:800 28px var(--m);color:var(--txt)}.v1985-ring span{max-width:90px;color:var(--mut);font-size:9px;line-height:1.25}
.v1985-overview-stats{display:grid;gap:8px}.v1985-overview-stats span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--mut);font-size:11px}.v1985-overview-stats b{font:800 18px var(--m);color:var(--txt)}
.v1985-next{display:flex;flex-direction:column;justify-content:center;padding:16px;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--teal) 7%,var(--bg));box-shadow:inset 3px 0 0 var(--teal)}.v1985-next small{font:700 9px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.v1985-next h3{margin:4px 0;font-size:18px}.v1985-next p{margin:0 0 12px;color:var(--mut);font-size:11px}.v1985-next .btn{align-self:flex-start}
.v1985-legend{display:flex;gap:7px;flex-wrap:wrap;margin:2px 0 12px}.v1985-legend span{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font-size:9px}.v1985-legend span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--mut)}.v1985-legend [data-state="mastered"]:before{background:var(--teal)}.v1985-legend [data-state="progress"]:before{background:#77a9ff}.v1985-legend [data-state="train"]:before{background:var(--rose)}.v1985-legend [data-state="due"]:before{background:var(--amber)}.v1985-legend [data-state="new"]:before{background:var(--mut)}
.v1985-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px}.v1985-skill-card{display:flex;flex-direction:column;min-height:194px;padding:14px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--bg) 78%,transparent);transition:transform .15s,border-color .15s}.v1985-skill-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--teal) 55%,var(--line))}.v1985-skill-card[data-state="due"]{border-color:color-mix(in srgb,var(--amber) 55%,var(--line))}.v1985-skill-card[data-state="train"]{border-color:color-mix(in srgb,var(--rose) 45%,var(--line))}.v1985-skill-card[data-state="mastered"]{border-color:color-mix(in srgb,var(--teal) 45%,var(--line))}.v1985-skill-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.v1985-state{padding:3px 7px;border-radius:999px;background:var(--bg2);color:var(--mut);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.v1985-skill-card[data-state="due"] .v1985-state{color:var(--amber)}.v1985-skill-card[data-state="train"] .v1985-state{color:var(--rose)}.v1985-skill-card[data-state="progress"] .v1985-state{color:#8db8ff}.v1985-skill-card[data-state="mastered"] .v1985-state{color:var(--teal)}.v1985-skill-top>b{font:800 16px var(--m)}.v1985-skill-card h4{margin:10px 0 3px;font-size:14px}.v1985-skill-card p{min-height:34px;margin:0;color:var(--mut);font-size:10px}.v1985-skill-bar{height:6px;margin:12px 0 7px;overflow:hidden;border-radius:99px;background:var(--line)}.v1985-skill-bar i{display:block;height:100%;border-radius:inherit;background:var(--teal)}.v1985-skill-card[data-state="due"] .v1985-skill-bar i{background:var(--amber)}.v1985-skill-card[data-state="train"] .v1985-skill-bar i{background:var(--rose)}.v1985-skill-meta{display:flex;justify-content:space-between;gap:8px;color:var(--mut);font-size:8px}.v1985-skill-card>button{margin-top:auto;padding:8px 0 0;border:0;background:transparent;color:var(--teal);text-align:left;font-weight:700;cursor:pointer}.v1985-toggle{display:block;margin:14px auto 0;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--mut);cursor:pointer}.v1985-toggle:hover{color:var(--txt);border-color:var(--teal)}
.v1985-toast{position:fixed;right:18px;bottom:18px;z-index:2000;max-width:min(420px,calc(100vw - 36px));padding:11px 14px;border:1px solid var(--teal);border-radius:12px;background:var(--bg2);box-shadow:0 14px 40px rgba(0,0,0,.3);font-size:12px}.v1985-toast[data-ok="0"]{border-color:var(--rose)}
@media(max-width:760px){.v1985-skill-map{padding:15px}.v1985-head{flex-direction:column}.v1985-head label{width:100%;min-width:0}.v1985-overview{grid-template-columns:110px 1fr}.v1985-next{grid-column:1/-1}.v1985-ring{max-width:108px}.v1985-ring b{font-size:22px}.v1985-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.v1985-overview{grid-template-columns:1fr}.v1985-ring{width:112px}.v1985-next{grid-column:auto}.v1985-grid{grid-template-columns:1fr}.v1985-skill-card{min-height:178px}.v1985-next .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.v1985-skill-card{transition:none}}

/* ===== ITPlugg v20.1 · Karriärläge och IT-pass ===== */
#pAcademy{min-height:480px}.v2000-view-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.v2000-view-tabs button{flex:1;min-width:135px;padding:10px 13px;border:0;border-radius:10px;background:transparent;color:var(--mut);font:700 12px var(--f);cursor:pointer}.v2000-view-tabs button[aria-pressed="true"]{background:color-mix(in srgb,var(--teal) 12%,var(--bg));color:var(--txt);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--teal) 42%,var(--line))}
.v2000-campaign-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 95% 0,color-mix(in srgb,var(--teal) 15%,transparent),transparent 35%),linear-gradient(145deg,var(--bg2),var(--bg))}.v2000-campaign-hero small,.v2000-passport header small,.v2000-feedback header small,.v2000-track-head small,.v2000-active-mission header small,.v2000-home-career small,.v2000-teacher-templates small{font:800 9px var(--m);letter-spacing:.13em;color:var(--teal)}.v2000-campaign-hero h2,.v2000-passport h2,.v2000-feedback h2{margin:5px 0 7px;font-size:clamp(23px,4vw,34px)}.v2000-campaign-hero p,.v2000-passport header p,.v2000-feedback header p{max-width:68ch;margin:0;color:var(--mut);font-size:12px;line-height:1.55}.v2000-campaign-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v2000-campaign-stats span{display:grid;gap:2px;padding:12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 72%,transparent);color:var(--mut);font-size:9px}.v2000-campaign-stats b{font:800 21px var(--m);color:var(--txt)}
.v2000-active-mission{margin:16px 0;padding:20px;border:1px solid color-mix(in srgb,var(--teal) 48%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--teal) 6%,var(--bg2));box-shadow:inset 4px 0 0 var(--teal)}.v2000-active-mission>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.v2000-active-mission h2{margin:5px 0 4px}.v2000-active-mission header p{margin:0;color:var(--mut);font-size:11px}.v2000-active-score{text-align:right}.v2000-active-score b,.v2000-active-score span{display:block}.v2000-active-score b{font:800 28px var(--m)}.v2000-active-score span{color:var(--mut);font-size:9px}.v2000-task-list{display:grid;gap:8px;margin:16px 0}.v2000-task-list article{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.v2000-task-list article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--line);font:800 11px var(--m)}.v2000-task-list article[data-done="1"]{border-color:color-mix(in srgb,var(--teal) 42%,var(--line))}.v2000-task-list article[data-done="1"]>span{background:var(--teal);color:#05241f}.v2000-task-list b,.v2000-task-list small{display:block}.v2000-task-list b{font-size:11px}.v2000-task-list small{margin-top:2px;color:var(--mut);font-size:9px}.v2000-task-list .btn{margin:0}.v2000-reflection{display:grid;gap:5px}.v2000-reflection span{color:var(--mut);font-size:9px}.v2000-reflection textarea{box-sizing:border-box;width:100%;min-height:90px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);font:11px/1.55 var(--f);resize:vertical}.v2000-active-mission>footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.v2000-active-mission>footer .btn{margin:0}.v2000-active-mission>footer span{margin-left:auto;color:var(--mut);font-size:8.5px}.v2000-empty-active{display:flex;gap:13px;align-items:center;margin:16px 0;padding:16px;border:1px dashed var(--line);border-radius:15px}.v2000-empty-active>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--teal) 14%,var(--bg));color:var(--teal)}.v2000-empty-active h3,.v2000-empty-active p{margin:0}.v2000-empty-active p{margin-top:3px;color:var(--mut);font-size:10px}
.v2000-track-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin:22px 0 10px}.v2000-track-head h3{margin:4px 0 0}.v2000-track-head>span{color:var(--mut);font-size:10px}.v2000-mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:11px}.v2000-mission{display:flex;flex-direction:column;min-height:275px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.v2000-mission[data-state="active"]{border-color:var(--teal);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--teal) 30%,transparent)}.v2000-mission[data-state="done"]{border-color:color-mix(in srgb,var(--teal) 40%,var(--line));background:color-mix(in srgb,var(--teal) 5%,var(--bg2))}.v2000-mission[data-state="locked"]{opacity:.58}.v2000-mission-top{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center}.v2000-mission-top>span{font-size:24px}.v2000-mission-top small{color:var(--mut);font:800 8px var(--m)}.v2000-mission-top em{padding:3px 7px;border:1px solid var(--line);border-radius:999px;color:var(--teal);font:normal 8px var(--m)}.v2000-mission h3{margin:13px 0 5px;font-size:16px}.v2000-mission>p{margin:0;color:var(--mut);font-size:10px;line-height:1.5}.v2000-mission-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.v2000-mission-meta span{padding:3px 6px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font-size:8px}.v2000-progress{height:6px;margin:12px 0;border-radius:99px;overflow:hidden;background:var(--line)}.v2000-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#77a9ff)}.v2000-mission>.btn{margin:auto 0 0;align-self:flex-start}
.v2000-passport,.v2000-feedback{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--bg2)}.v2000-passport>header,.v2000-feedback>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.v2000-passport header label{display:grid;gap:5px;min-width:min(260px,100%);color:var(--mut);font-size:9px}.v2000-passport input,.v2000-feedback select,.v2000-feedback textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--txt);font:inherit}.v2000-evidence-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0}.v2000-evidence-grid article{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.v2000-evidence-grid b,.v2000-evidence-grid span{display:block}.v2000-evidence-grid b{font:800 21px var(--m)}.v2000-evidence-grid span{margin-top:3px;color:var(--mut);font-size:8px}.v2000-passport-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v2000-passport-columns>section{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v2000-passport-columns h3{margin:0 0 10px}.v2000-evidence-list,.v2000-skill-list{display:grid;gap:7px}.v2000-evidence-list article{display:flex;gap:9px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px}.v2000-evidence-list article>span{font-size:20px}.v2000-evidence-list b,.v2000-evidence-list small{display:block}.v2000-evidence-list b{font-size:10px}.v2000-evidence-list small{color:var(--mut);font-size:8px}.v2000-skill-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:end}.v2000-skill-list b,.v2000-skill-list small{display:block}.v2000-skill-list b{font-size:10px}.v2000-skill-list small{color:var(--mut);font-size:8px}.v2000-skill-list>article>span{font:800 11px var(--m)}.v2000-skill-list i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:99px;background:var(--line)}.v2000-skill-list em{display:block;height:100%;background:var(--teal)}.v2000-passport>footer,.v2000-feedback>footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.v2000-passport>footer .btn,.v2000-feedback>footer .btn{margin:0}.v2000-muted{color:var(--mut);font-size:10px}
.v2000-feedback header>span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font-size:9px}.v2000-feedback form{display:grid;grid-template-columns:220px minmax(0,1fr);gap:10px;align-items:end;margin:18px 0}.v2000-feedback form label{display:grid;gap:5px;color:var(--mut);font-size:9px}.v2000-feedback form .wide{grid-column:2}.v2000-feedback textarea{min-height:90px;resize:vertical}.v2000-feedback form .btn{margin:0;grid-column:2;justify-self:start}.v2000-feedback-list{display:grid;gap:8px}.v2000-feedback-list article{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.v2000-feedback-list article>div{display:flex;justify-content:space-between;gap:10px}.v2000-feedback-list b{font-size:10px}.v2000-feedback-list small{color:var(--mut);font-size:8px}.v2000-feedback-list p{margin:7px 0;color:var(--txt);font-size:10px}.v2000-feedback-list button{padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--teal);font-size:8px;cursor:pointer}
.v2000-home-career{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:18px 0;padding:18px;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:18px;background:radial-gradient(circle at 95% 0,color-mix(in srgb,var(--teal) 15%,transparent),transparent 34%),var(--bg2)}.v2000-home-career h2{margin:5px 0;font-size:clamp(19px,3vw,25px)}.v2000-home-career p{margin:0;color:var(--mut);font-size:10.5px}.v2000-home-career>div:last-child{display:flex;gap:12px;align-items:center}.v2000-home-career>div:last-child>span{display:grid;gap:1px;color:var(--mut);font-size:8px;text-align:right}.v2000-home-career>div:last-child b{font:800 19px var(--m);color:var(--txt)}.v2000-home-career .btn{margin:0;white-space:nowrap}
.v2000-teacher-templates{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:14px;padding:13px;border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--teal) 5%,var(--bg))}.v2000-teacher-templates h4,.v2000-teacher-templates p{margin:3px 0}.v2000-teacher-templates p{color:var(--mut);font-size:9px}.v2000-teacher-templates>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v2000-teacher-templates button{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--txt);font-size:9px;cursor:pointer}.v2000-toast{position:fixed;z-index:2200;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));padding:11px 14px;border:1px solid var(--teal);border-radius:12px;background:var(--bg2);box-shadow:0 18px 50px rgba(0,0,0,.35);font-size:11px}.v2000-toast[data-ok="0"]{border-color:var(--rose)}
@media(max-width:900px){.v2000-campaign-hero{grid-template-columns:1fr}.v2000-evidence-grid{grid-template-columns:repeat(3,1fr)}.v2000-passport-columns{grid-template-columns:1fr}.v2000-teacher-templates{align-items:flex-start;flex-direction:column}.v2000-teacher-templates>div:last-child{justify-content:flex-start}}
@media(max-width:650px){.v2000-campaign-hero,.v2000-passport,.v2000-feedback{padding:15px}.v2000-active-mission>header,.v2000-passport>header,.v2000-feedback>header,.v2000-home-career{align-items:stretch;flex-direction:column}.v2000-active-score{text-align:left}.v2000-task-list article{grid-template-columns:30px minmax(0,1fr)}.v2000-task-list article .btn{grid-column:2;justify-self:start}.v2000-active-mission>footer span{margin-left:0}.v2000-mission-grid{grid-template-columns:1fr}.v2000-evidence-grid{grid-template-columns:repeat(2,1fr)}.v2000-feedback form{grid-template-columns:1fr}.v2000-feedback form .wide,.v2000-feedback form .btn{grid-column:1}.v2000-home-career>div:last-child{align-items:stretch;flex-direction:column}.v2000-home-career>div:last-child>span{text-align:left}.v2000-home-career .btn{width:100%}}
@media print{body.v2000-print-pass>*:not(.wrap){display:none!important}body.v2000-print-pass .site-header,body.v2000-print-pass #homeScreen,body.v2000-print-pass #portalShell>*:not(#pAcademy),body.v2000-print-pass #pAcademy>.v2000-view-tabs,body.v2000-print-pass footer{display:none!important}body.v2000-print-pass #portalShell,body.v2000-print-pass #pAcademy{display:block!important}body.v2000-print-pass .v2000-passport{border:0;background:#fff;color:#111}body.v2000-print-pass .v2000-passport *{color:#111!important}}

/* ===== ITPlugg v20.1 · Studiecoach och klassrumspass ===== */
.v201-coach{margin-top:22px}.v201-shell{display:grid;gap:16px}.v201-hero,.v201-week,.v201-builder,.v201-active,.v201-settings,.v201-history{border:1px solid var(--line);border-radius:18px;background:var(--bg2);padding:18px}.v201-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:center;background:radial-gradient(circle at 94% 5%,color-mix(in srgb,var(--teal) 18%,transparent),transparent 38%),var(--bg2)}.v201-hero small,.v201-home small{font:800 9px var(--m);letter-spacing:.12em;color:var(--teal)}.v201-hero h2,.v201-home h2{margin:5px 0 7px}.v201-hero p,.v201-home p,.v201-section-head p{margin:0;color:var(--mut);font-size:11px}.v201-hero>div:last-child{display:grid;justify-items:end}.v201-hero>div:last-child strong{font:900 34px var(--m);color:var(--teal)}.v201-hero>div:last-child span,.v201-hero>div:last-child small{color:var(--mut);font-size:9px}.v201-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:13px}.v201-section-head h3{margin:0 0 3px}.v201-section-head .btn{margin:0}.v201-week-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v201-week-grid article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v201-week-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgb(var(--accent-rgb) / .1)}.v201-week-grid b{display:block;font-size:11px}.v201-week-grid small{display:block;color:var(--mut);font-size:8.5px;margin-top:2px}.v201-week-grid strong{font:800 13px var(--m)}.v201-progress,.v201-timer-track{height:6px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:7px}.v201-progress i,.v201-timer-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--amber))}.v201-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:9px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.v201-goals label,.v201-builder label,.v201-teacher-builder label{display:grid;gap:5px;color:var(--mut);font-size:9px}.v201-goals input,.v201-builder select,.v201-import input,.v201-teacher-builder input,.v201-teacher-builder select,.v201-active textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--txt);padding:9px;font:inherit}.v201-builder form{display:grid;grid-template-columns:1.3fr .8fr 1fr auto;gap:9px;align-items:end}.v201-import{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.v201-import b,.v201-import small{display:block}.v201-import small{color:var(--mut);font-size:9px;margin-top:3px}.v201-active header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.v201-active header small{font:800 9px var(--m);color:var(--teal)}.v201-active header h3{margin:5px 0}.v201-active header p{margin:0;color:var(--mut);font-size:10px}.v201-timer{display:flex;align-items:center;gap:8px}.v201-timer b{font:900 25px var(--m)}.v201-timer button,.v201-feeling button{border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--txt);padding:7px 9px;cursor:pointer}.v201-step-list{display:grid;gap:9px;margin-top:15px}.v201-step-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.v201-step-list article[data-done="1"]{border-color:rgb(var(--accent-rgb) / .55);background:rgb(var(--accent-rgb) / .05)}.v201-step-list article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--bg2);font:800 10px var(--m)}.v201-step-list article[data-done="1"]>span{background:rgb(var(--accent-rgb) / .13);color:var(--teal)}.v201-step-list b,.v201-step-list small{display:block}.v201-step-list small{color:var(--mut);font-size:9px;margin-top:3px}.v201-step-list article>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v201-step-list textarea{min-height:70px;margin-top:8px;resize:vertical}.v201-active footer{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px dashed var(--line)}.v201-feeling{display:flex;align-items:center;gap:6px;flex:1;flex-wrap:wrap}.v201-feeling span{color:var(--mut);font-size:9px}.v201-feeling button[aria-pressed="true"]{border-color:var(--teal);color:var(--teal);background:rgb(var(--accent-rgb) / .08)}.v201-setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v201-setting-grid label{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:10px}.v201-history-list{display:grid;gap:8px}.v201-history-list article{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.v201-history-list article>span{color:var(--teal)}.v201-history-list b,.v201-history-list small{display:block}.v201-history-list small,.v201-history-list em{color:var(--mut);font-size:8.5px}.v201-history-list p{margin:6px 0 0;font-size:9.5px}.v201-empty{color:var(--mut);font-size:10px}.v201-home{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:18px 0;padding:18px;border:1px solid color-mix(in srgb,var(--amber) 40%,var(--line));border-radius:18px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--amber) 15%,transparent),transparent 35%),var(--bg2)}.v201-home .btn{margin:0;white-space:nowrap}.v201-teacher-builder{margin-top:12px}.v201-teacher-builder form{display:grid;grid-template-columns:1.4fr 1.2fr .7fr .9fr auto;gap:8px;align-items:end}.v201-teacher-result{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.v201-teacher-result>div{grid-column:1/-1;display:flex;gap:7px}.v201-toast{position:fixed;z-index:2300;right:18px;bottom:18px;max-width:min(430px,calc(100vw - 36px));padding:11px 14px;border:1px solid var(--teal);border-radius:12px;background:var(--bg2);box-shadow:0 18px 50px rgba(0,0,0,.35);font-size:11px}.v201-toast[data-ok="0"]{border-color:var(--rose)}
body.v201-comfortable{line-height:1.65}body.v201-comfortable p,body.v201-comfortable li,body.v201-comfortable .hint{letter-spacing:.012em}body.v201-reduced-motion *,body.v201-reduced-motion *::before,body.v201-reduced-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}body.v201-high-contrast{--line:color-mix(in srgb,var(--txt) 35%,transparent)}body.v201-high-contrast .btn,body.v201-high-contrast button,body.v201-high-contrast input,body.v201-high-contrast select,body.v201-high-contrast textarea{border-width:2px}body.v201-calm .arena-fx,body.v201-calm .confetti,body.v201-calm [class*="glow"]{display:none!important}
@media(max-width:900px){.v201-week-grid{grid-template-columns:1fr}.v201-builder form,.v201-teacher-builder form{grid-template-columns:1fr 1fr}.v201-builder form .btn,.v201-teacher-builder form .btn{align-self:end}.v201-import{grid-template-columns:1fr auto}.v201-import>div{grid-column:1/-1}.v201-goals{grid-template-columns:1fr 1fr}.v201-goals .btn{grid-column:1/-1}.v201-teacher-result{grid-template-columns:1fr}}
@media(max-width:650px){.v201-hero{grid-template-columns:1fr}.v201-hero>div:last-child{justify-items:start}.v201-home,.v201-active header{align-items:stretch;flex-direction:column}.v201-builder form,.v201-import,.v201-teacher-builder form,.v201-goals{grid-template-columns:1fr}.v201-import>div,.v201-goals .btn{grid-column:1}.v201-step-list article{grid-template-columns:30px minmax(0,1fr)}.v201-step-list article>div:last-child{grid-column:2;justify-content:flex-start}.v201-active footer{align-items:stretch;flex-direction:column}.v201-feeling{flex:none}.v201-setting-grid{grid-template-columns:1fr}.v201-home .btn{width:100%}}

/* ===== ITPlugg v20.2: Innehållsstudio och klassrumshubb ===== */
.v202-home-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 24px}.v202-home-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--bg2),rgb(var(--accent-rgb)/.05));border-radius:18px;padding:18px;min-width:0}.v202-home-card header{display:flex;align-items:center;gap:12px}.v202-home-card header>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgb(var(--accent-rgb)/.12);font-size:22px}.v202-home-card small,.v202-suite-head small,.v202-material-summary span,.v202-content-list small,.v202-class-list small{color:var(--mut);font:700 11px var(--m);letter-spacing:.06em}.v202-home-card h3,.v202-suite-head h3{margin:2px 0 0}.v202-home-card p{color:var(--mut);min-height:42px}.v202-home-card label{display:grid;gap:5px;margin:10px 0;font-size:12px;color:var(--mut)}.v202-home-card input,.v202-code-row input,.v202-teacher-suite input,.v202-teacher-suite select,.v202-teacher-suite textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--txt);padding:10px;font:inherit}.v202-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.v202-inline-actions,.v202-form-actions,.v202-content-actions,.v202-import-status>div,.v202-modal-actions{display:flex;gap:8px;flex-wrap:wrap}.v202-home-card textarea{width:100%;min-height:92px;margin-top:10px;background:var(--bg);color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:10px;font:11px var(--m)}
.v202-teacher-suite{display:grid;gap:14px;margin:14px 0}.v202-suite-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px;border:1px solid rgb(var(--accent-rgb)/.4);background:rgb(var(--accent-rgb)/.07);border-radius:15px}.v202-suite-head p{margin:6px 0 0;color:var(--mut)}.v202-suite-head>span{font:800 10px var(--m);padding:5px 8px;border-radius:999px;background:var(--amber);color:#241a02}.v202-teacher-suite details{border:1px solid var(--line);border-radius:15px;background:var(--bg2);overflow:hidden}.v202-teacher-suite summary{cursor:pointer;padding:14px 16px;font-weight:800;display:flex;justify-content:space-between}.v202-teacher-suite summary b{background:rgb(var(--accent-rgb)/.12);padding:2px 8px;border-radius:999px}.v202-suite-body{padding:0 16px 16px}.v202-studio-form,.v202-class-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.v202-studio-form label,.v202-class-form label,.v202-content-actions label,.v202-import-status label{display:grid;gap:5px;font-size:12px;color:var(--mut)}.v202-studio-form .wide,.v202-class-form .wide{grid-column:1/-1}.v202-studio-form textarea{min-height:78px;resize:vertical}.v202-check{display:flex!important;align-items:center;gap:8px}.v202-check input{width:auto}.v202-content-actions{align-items:end;padding:12px;border:1px dashed var(--line);border-radius:12px;margin-bottom:12px}.v202-content-actions label{min-width:230px;flex:1}.v202-content-actions .file-label{border:1px solid var(--line);padding:10px;border-radius:10px;cursor:pointer}.v202-content-actions .file-label input{padding:0;border:0;background:transparent}.v202-teacher-suite>details textarea[readonly]{width:100%;min-height:92px;margin:10px 0;font:11px var(--m)}
.v202-content-list,.v202-class-list{display:grid;gap:9px}.v202-content-list article,.v202-class-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px}.v202-content-list article[data-published="0"]{opacity:.62}.v202-content-list h4,.v202-class-list h4{margin:3px 0}.v202-content-list p,.v202-class-list p{margin:4px 0;color:var(--mut)}.v202-content-list em{display:block;color:var(--red);font-size:11px}.v202-content-list article>div:last-child,.v202-class-list article>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v202-import-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:14px 0}.v202-import-status textarea{min-height:90px}.v202-import-status>div{align-content:end;align-items:end}.v202-report-table{overflow:auto;border:1px solid var(--line);border-radius:12px}.v202-report-table table{border-collapse:collapse;width:100%;min-width:760px}.v202-report-table th,.v202-report-table td{text-align:left;padding:9px;border-bottom:1px solid var(--line);font-size:12px}.v202-report-table th{background:rgb(var(--accent-rgb)/.08)}
.v202-modal{position:fixed;inset:0;z-index:1200;background:rgba(2,8,18,.78);display:grid;place-items:center;padding:20px}.v202-modal[hidden]{display:none}.v202-modal-panel{width:min(900px,100%);max-height:90vh;overflow:auto;background:var(--bg2);border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.45)}.v202-modal-panel>header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg2);border-bottom:1px solid var(--line)}.v202-modal-panel>header h2{margin:2px 0}.v202-modal-panel>div{padding:16px}.v202-material-summary{display:flex;justify-content:space-between;padding:12px;border-radius:12px;background:rgb(var(--accent-rgb)/.08);margin-bottom:12px}.v202-lesson-list{display:grid;gap:12px}.v202-lesson-list article{border:1px solid var(--line);border-radius:14px;padding:15px}.v202-lesson-list h3{margin:4px 0 8px}.v202-lesson-list p{line-height:1.65}.v202-lesson-list aside{padding:10px;border-left:3px solid var(--teal);background:rgb(var(--accent-rgb)/.06);border-radius:0 9px 9px 0}.v202-modal-actions{margin-top:14px}.v202-toast{position:fixed;right:18px;bottom:18px;z-index:1400;max-width:min(420px,calc(100vw - 36px));padding:12px 15px;border-radius:12px;background:#123a32;color:white;box-shadow:0 12px 35px rgba(0,0,0,.28)}.v202-toast[data-ok="0"]{background:#6b2020}.v202-toast[hidden]{display:none}
@media(max-width:760px){.v202-home-hub{grid-template-columns:1fr}.v202-studio-form,.v202-class-form{grid-template-columns:1fr}.v202-studio-form .wide,.v202-class-form .wide{grid-column:auto}.v202-content-list article,.v202-class-list article{grid-template-columns:1fr}.v202-content-list article>div:last-child,.v202-class-list article>div:last-child{justify-content:flex-start}.v202-import-status{grid-template-columns:1fr}.v202-code-row{grid-template-columns:1fr}.v202-suite-head{flex-direction:column}.v202-modal{padding:8px}.v202-modal-panel{max-height:96vh}.v202-home-card p{min-height:auto}}


/* v20.54 stabilitetslyft */
.itplugg-recovery{position:fixed;z-index:100000;left:16px;right:16px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(255,180,80,.65);border-radius:14px;background:#172536;color:#fff;box-shadow:0 16px 45px rgba(0,0,0,.35)}
.itplugg-recovery div:first-child{display:grid;gap:3px}.itplugg-recovery span{font-size:13px;color:#d9e5ef}.itplugg-recovery button{border:1px solid rgba(255,255,255,.24);background:#263c52;color:#fff;border-radius:10px;padding:9px 12px;cursor:pointer}.itplugg-recovery button+button{background:#0f766e}
.itplugg-safe-mode #v1985SkillMap,.itplugg-safe-mode #v2000HomeCareer,.itplugg-safe-mode #v201HomeCoach,.itplugg-safe-mode #v202HomeHub{display:none!important}
@media(max-width:620px){.itplugg-recovery{align-items:stretch;flex-direction:column}.itplugg-recovery div:last-child{display:flex;gap:8px}.itplugg-recovery button{flex:1}}

/* v20.54 route fallback */
.v2043-route-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2600;max-width:min(92vw,560px);padding:11px 15px;border-radius:12px;background:var(--bg2);color:var(--txt);border:1px solid var(--line);box-shadow:0 12px 36px rgba(0,0,0,.28);font-size:13px}.v2043-route-toast[hidden]{display:none}


/* ===== experience-20.54.css ===== */
/* ITPlugg v20.54 – Elevkompass */
.v204-compass-button{position:fixed;right:18px;bottom:18px;z-index:78;display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 12px;border:1px solid rgb(var(--accent-rgb)/.38);border-radius:15px;background:rgba(11,31,51,.94);color:var(--txt);box-shadow:0 18px 48px rgba(0,0,0,.28);font:inherit;cursor:pointer;backdrop-filter:blur(12px)}
.v204-compass-button:hover{transform:translateY(-2px);border-color:var(--teal)}.v204-compass-button span{font-size:20px;color:var(--teal)}.v204-compass-button kbd{font-size:10px;color:var(--mut);border:1px solid var(--line);border-radius:6px;padding:3px 5px}.v204-compass-button b{font-size:13px}
.v204-dialog{width:min(920px,calc(100vw - 28px));max-height:min(88vh,820px);padding:0;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--txt);box-shadow:0 32px 100px rgba(0,0,0,.5)}.v204-dialog::backdrop{background:rgba(2,10,18,.72);backdrop-filter:blur(7px)}.v204-dialog-shell{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;max-height:min(88vh,820px)}
.v204-dialog-shell>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 24px 14px}.v204-dialog-shell>header small,.v204-home-card small,.v204-guide header small{color:var(--teal);font:800 11px var(--m);letter-spacing:.08em}.v204-dialog-shell>header h2{margin:3px 0 4px;font-size:28px}.v204-dialog-shell>header p{margin:0;color:var(--mut)}.v204-close{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--txt);font-size:26px;cursor:pointer}
.v204-search{display:flex;align-items:center;gap:10px;margin:0 24px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.v204-search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgb(var(--accent-rgb)/.1)}.v204-search span{font-size:22px;color:var(--teal)}.v204-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;padding:0!important;color:var(--txt);font:inherit}.v204-search kbd,.v204-dialog-shell>footer kbd{font-size:10px;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:3px 5px;color:var(--mut);background:var(--bg)}
.v204-filter{display:flex;gap:6px;padding:12px 24px;border-bottom:1px solid var(--line)}.v204-filter button{border:1px solid transparent;border-radius:99px;padding:7px 11px;background:transparent;color:var(--mut);font:inherit;cursor:pointer}.v204-filter button[aria-pressed="true"]{color:var(--teal);border-color:rgb(var(--accent-rgb)/.35);background:rgb(var(--accent-rgb)/.08)}
.v204-dialog main{overflow:auto;padding:18px 24px 24px}.v204-results>h3{margin:14px 0 9px;font-size:13px;color:var(--mut);text-transform:uppercase;letter-spacing:.07em}.v204-results>h3:first-child{margin-top:0}.v204-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v204-action{position:relative;display:flex;border:1px solid var(--line);border-radius:14px;background:var(--bg2);min-width:0;overflow:hidden}.v204-action:hover{border-color:rgb(var(--accent-rgb)/.45)}.v204-action-main{display:flex;align-items:center;gap:11px;min-width:0;flex:1;text-align:left;padding:12px 42px 12px 12px;border:0;background:transparent;color:var(--txt);font:inherit;cursor:pointer}.v204-action-main>span{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:10px;background:rgb(var(--accent-rgb)/.1);color:var(--teal);font-weight:850}.v204-action-main div{min-width:0}.v204-action-main b,.v204-action-main small{display:block}.v204-action-main small{margin-top:3px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v204-favorite{position:absolute;right:7px;top:7px;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--amber);font-size:20px;cursor:pointer}.v204-favorite:hover{background:rgba(242,178,51,.1)}.v204-empty{text-align:center;color:var(--mut);padding:34px}
.v204-dialog-shell>footer{display:flex;justify-content:space-between;gap:10px;padding:12px 24px;border-top:1px solid var(--line);color:var(--mut);font-size:12px}
.v204-guide header h3{margin:3px 0 5px;font-size:24px}.v204-guide header p{margin:0;color:var(--mut)}.v204-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.v204-guide-grid button{display:flex;flex-direction:column;gap:6px;text-align:left;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--bg2);color:var(--txt);font:inherit;cursor:pointer}.v204-guide-grid button:hover{border-color:var(--teal);transform:translateY(-2px)}.v204-guide-grid span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgb(var(--accent-rgb)/.12);color:var(--teal);font-weight:850}.v204-guide-grid small{color:var(--mut);line-height:1.45}
.v204-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v204-status-grid article{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.v204-status-grid small,.v204-status-grid b{display:block}.v204-status-grid small{color:var(--mut);margin-bottom:4px}.v204-status>p{color:var(--mut);margin:16px 0}.v204-status-actions{display:flex;gap:8px;flex-wrap:wrap}
.v204-home-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:18px;margin:18px 0 24px;padding:20px;border:1px solid rgb(var(--accent-rgb)/.24);border-radius:20px;background:linear-gradient(135deg,var(--bg2),rgb(var(--accent-rgb)/.055));box-shadow:0 14px 44px rgba(0,0,0,.12)}.v204-home-card h2{margin:4px 0 6px;font-size:24px}.v204-home-card p{margin:0;color:var(--mut);line-height:1.55}.v204-home-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.v204-home-favorites{border-left:1px solid var(--line);padding-left:18px}.v204-home-favorites>b{display:block;margin-bottom:9px}.v204-home-favorites>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v204-home-favorites button{display:flex;align-items:center;gap:7px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);font:inherit;font-size:12px;cursor:pointer;text-align:left}.v204-home-favorites button:hover{border-color:var(--teal)}.v204-home-favorites button span{color:var(--teal);font-weight:850}
.v204-update-banner{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:100;display:flex;justify-content:space-between;align-items:center;gap:18px;width:min(720px,calc(100vw - 28px));padding:14px 16px;border:1px solid rgb(var(--accent-rgb)/.48);border-radius:16px;background:rgba(11,31,51,.97);color:var(--txt);box-shadow:0 20px 60px rgba(0,0,0,.38)}.v204-update-banner b,.v204-update-banner span{display:block}.v204-update-banner span{color:var(--mut);font-size:13px;margin-top:2px}.v204-update-banner>div:last-child{display:flex;gap:7px;flex:none}.v204-toast{position:fixed;left:50%;bottom:82px;transform:translateX(-50%);z-index:130;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--txt);box-shadow:0 14px 40px rgba(0,0,0,.3);font-size:13px}
body.v201-reduced-motion .v204-action,body.v201-reduced-motion .v204-guide-grid button,body.v201-reduced-motion .v204-compass-button{transition:none!important;transform:none!important}
.light .v204-compass-button,.light .v204-update-banner{background:rgba(255,255,255,.97)}
@media(max-width:700px){.v204-compass-button{right:12px;bottom:12px;width:48px;height:48px;padding:0;justify-content:center;border-radius:50%}.v204-compass-button b,.v204-compass-button kbd{display:none}.v204-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0}.v204-dialog-shell{max-height:100dvh;height:100dvh}.v204-dialog-shell>header{padding:17px 16px 11px}.v204-dialog-shell>header h2{font-size:24px}.v204-search{margin:0 16px}.v204-search kbd{display:none}.v204-filter{padding:10px 16px;overflow:auto}.v204-dialog main{padding:15px 16px 22px}.v204-action-grid{grid-template-columns:1fr}.v204-dialog-shell>footer{padding:10px 16px}.v204-dialog-shell>footer span:last-child{display:none}.v204-guide-grid,.v204-status-grid{grid-template-columns:1fr}.v204-home-card{grid-template-columns:1fr;padding:17px}.v204-home-favorites{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.v204-update-banner{bottom:10px;align-items:flex-start;flex-direction:column}.v204-update-banner>div:last-child{width:100%}.v204-update-banner .btn{flex:1}.v204-toast{bottom:72px;max-width:calc(100vw - 24px)}}


/* ===== simulator-20.54.css ===== */
/* ITPlugg v20.54 – Lärarkontrollcentral och IT-simulator */
.v205-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgb(var(--accent-rgb)/.4);border-radius:999px;background:rgb(var(--accent-rgb)/.08);color:var(--teal);font:700 10px var(--m);letter-spacing:.12em}
.v205-home-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin:20px 0;padding:24px;border:1px solid rgb(var(--accent-rgb)/.35);border-radius:20px;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.09),rgba(242,178,51,.045)),var(--bg2);box-shadow:0 14px 40px rgba(0,0,0,.12);overflow:hidden;position:relative}
.v205-home-card:after{content:"";position:absolute;right:-80px;bottom:-100px;width:250px;height:250px;border:1px solid rgb(var(--accent-rgb)/.18);border-radius:50%;box-shadow:0 0 0 28px rgb(var(--accent-rgb)/.04),0 0 0 58px rgb(var(--accent-rgb)/.025);pointer-events:none}
.v205-home-copy,.v205-home-action{position:relative;z-index:1}.v205-home-copy h2{margin:10px 0 6px;font-size:clamp(24px,3vw,38px)}.v205-home-copy p{max-width:720px;color:var(--mut);margin:0;line-height:1.6}.v205-home-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.v205-home-pills span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font-size:11px}.v205-home-action{display:grid;justify-items:center;gap:12px}.v205-home-orb{display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:var(--bg);border:1px solid rgb(var(--accent-rgb)/.42);font-size:34px;box-shadow:inset 0 0 25px rgb(var(--accent-rgb)/.08),0 12px 30px rgba(0,0,0,.14)}
.v205-tools-card{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(280px,1.4fr) auto;gap:18px;align-items:center;border-color:rgb(var(--accent-rgb)/.4)!important;background:linear-gradient(140deg,rgb(var(--accent-rgb)/.07),transparent 45%),var(--bg2)!important}.v205-tools-card h3{margin:8px 0 4px}.v205-tools-list{display:grid;gap:7px}.v205-tools-list>button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--txt);cursor:pointer}.v205-tools-list>button:hover{border-color:var(--teal);transform:translateY(-1px)}.v205-tools-list>button>span{font-size:22px}.v205-tools-list b,.v205-tools-list small{display:block}.v205-tools-list small{color:var(--mut);margin-top:2px}
.v205-dialog{width:min(1180px,calc(100vw - 28px));max-width:none;max-height:calc(100vh - 28px);padding:0;border:1px solid var(--line);border-radius:22px;background:var(--bg);color:var(--txt);box-shadow:0 26px 90px rgba(0,0,0,.5);overflow:hidden}.v205-dialog::backdrop{background:rgba(1,5,10,.76);backdrop-filter:blur(7px)}.v205-dialog-shell{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 30px)}.v205-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;border-bottom:1px solid var(--line);background:var(--bg2)}.v205-dialog-head small{color:var(--teal);font:700 10px var(--m);letter-spacing:.15em}.v205-dialog-head h2{margin:3px 0 0;font-size:20px}.v205-dialog #v205DialogBody{overflow:auto;padding:20px;overscroll-behavior:contain}
.v205-hub-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:26px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 85% 20%,rgb(var(--accent-rgb)/.14),transparent 34%),var(--bg2)}.v205-hub-hero h3{font-size:clamp(24px,4vw,42px);max-width:800px;line-height:1.05;margin:12px 0 10px}.v205-hub-hero p{max-width:720px;color:var(--mut);line-height:1.6}.v205-hub-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v205-hub-stats article{min-width:110px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v205-hub-stats b,.v205-hub-stats small{display:block}.v205-hub-stats b{font-size:25px}.v205-hub-stats small{margin-top:3px;color:var(--mut)}
.v205-assignment{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:14px 0;padding:14px 16px;border:1px solid var(--amber);border-left-width:4px;border-radius:14px;background:rgba(242,178,51,.07)}.v205-assignment small,.v205-assignment b,.v205-assignment p{display:block}.v205-assignment small{font:700 9px var(--m);color:var(--amber);letter-spacing:.12em}.v205-assignment p{margin:4px 0 0;color:var(--mut)}
.v205-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.v205-scenario-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg2);transition:.18s ease}.v205-scenario-card:hover{border-color:rgb(var(--accent-rgb)/.55);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.1)}.v205-scenario-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgb(var(--accent-rgb)/.08);border:1px solid rgb(var(--accent-rgb)/.3);font-size:26px}.v205-scenario-card small{color:var(--mut);font-size:10px}.v205-scenario-card h3{margin:4px 0;font-size:16px}.v205-scenario-card p{margin:0;color:var(--mut);font-size:12px;line-height:1.45}.v205-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.v205-card-meta span,.v205-card-meta b{font-size:9px;padding:3px 6px;border:1px solid var(--line);border-radius:999px;color:var(--mut)}.v205-card-meta b{border-color:rgb(var(--accent-rgb)/.35);color:var(--teal)}
.v205-code-import{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.v205-code-import summary{padding:13px 15px;cursor:pointer;font-weight:700}.v205-code-import>div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding:0 15px 15px}.v205-code-import label{margin:0}.v205-code-import input,.v205-report-share input,.v205-teacher input,.v205-teacher select,.v205-teacher textarea,.v205-document textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:10px;font:inherit}
.v205-runbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:10px}.v205-runbar>div:nth-child(2) small,.v205-runbar>div:nth-child(2) b{display:block}.v205-runbar>div:nth-child(2) small{color:var(--teal);font:700 9px var(--m);letter-spacing:.12em}.v205-run-metrics{display:flex;gap:7px}.v205-run-metrics span{padding:7px 10px;border:1px solid var(--line);border-radius:10px;color:var(--mut);font-size:11px}.v205-run-metrics b{color:var(--txt)}
.v205-phasebar{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:14px}.v205-phasebar span{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:10px;color:var(--mut);font-size:10px}.v205-phasebar i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);font-style:normal;font-size:9px}.v205-phasebar span[data-state="current"]{border-color:var(--teal);color:var(--txt);background:rgb(var(--accent-rgb)/.08)}.v205-phasebar span[data-state="current"] i,.v205-phasebar span[data-state="done"] i{background:var(--teal);border-color:var(--teal);color:#071111}.v205-phasebar span[data-state="done"]{color:var(--teal)}
.v205-ticket{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(231,78,78,.07),transparent 38%),var(--bg2)}.v205-ticket span{color:var(--rose);font:700 10px var(--m);letter-spacing:.12em}.v205-ticket h3{font-size:clamp(23px,3.6vw,38px);margin:9px 0 7px}.v205-ticket p{color:var(--mut);max-width:700px}.v205-ticket dl{display:grid;gap:8px;min-width:230px;margin:0}.v205-ticket dl div{padding:9px 11px;border:1px solid var(--line);border-radius:10px}.v205-ticket dt{font-size:9px;color:var(--mut);text-transform:uppercase}.v205-ticket dd{margin:3px 0 0;font-weight:700}.v205-brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.v205-brief-grid article{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.v205-brief-grid small,.v205-topology small,.v205-console small,.v205-investigate small,.v205-evidence small,.v205-decision small,.v205-verify small,.v205-document small,.v205-result small,.v205-teacher small{color:var(--teal);font:700 9px var(--m);letter-spacing:.11em}.v205-brief-grid h4{font-size:20px;margin:9px 0}.v205-brief-grid p,.v205-brief-grid li{color:var(--mut);line-height:1.55}.v205-brief-grid ol{padding-left:20px}.v205-brief-grid button{margin-top:12px}
.v205-topology{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--bg2);margin-bottom:12px}.v205-topology>header,.v205-evidence>header,.v205-console>header,.v205-investigate>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.v205-topology h4,.v205-console h4,.v205-investigate h4,.v205-evidence h4{margin:3px 0 0}.v205-topology>header>span,.v205-console>header>span,.v205-evidence>header>span{font-size:10px;color:var(--mut)}.v205-topology>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.v205-topology article{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.v205-topology article>i{width:9px;height:9px;border-radius:50%;background:var(--mut);margin-top:4px}.v205-topology article[data-state="ok"]>i{background:var(--teal);box-shadow:0 0 0 4px rgb(var(--accent-rgb)/.08)}.v205-topology article[data-state="warning"]>i{background:var(--amber)}.v205-topology article[data-state="bad"]>i{background:var(--rose)}.v205-topology article b,.v205-topology article small{display:block}.v205-topology article small{letter-spacing:0;color:var(--mut);font:inherit;font-size:9px}.v205-topology article p{grid-column:1/-1;margin:2px 0 0;color:var(--mut);font-size:10px}
.v205-workgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:12px}.v205-console,.v205-investigate,.v205-evidence,.v205-decision,.v205-verify,.v205-document,.v205-result{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.v205-terminal-log{height:330px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:12px;background:#070d12;color:#d9f9ec;font:12px/1.5 var(--m);scrollbar-width:thin}.v205-terminal-log>div{margin-bottom:12px}.v205-terminal-log b{display:block;margin-bottom:3px;color:#55d6b1;font-size:9px}.v205-terminal-log pre{white-space:pre-wrap;word-break:break-word;margin:0;font:inherit}.v205-terminal-log [data-kind="error"]{color:#ffc3c3}.v205-terminal-log [data-kind="error"] b{color:#ff7d7d}.v205-command{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:8px;padding:6px 6px 6px 11px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.v205-command span{color:var(--teal);font:700 11px var(--m)}.v205-command input{min-width:0;background:transparent;border:0;color:var(--txt);outline:0;font:12px var(--m)}
.v205-action-list{display:grid;gap:7px}.v205-action-list button{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;width:100%;text-align:left;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);cursor:pointer}.v205-action-list button:hover{border-color:var(--teal)}.v205-action-list button[data-done="1"]{border-color:rgb(var(--accent-rgb)/.35);opacity:.75}.v205-action-list button>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgb(var(--accent-rgb)/.08);color:var(--teal)}.v205-action-list em{font-size:9px;color:var(--rose);font-style:normal}.v205-evidence{margin-top:12px}.v205-evidence ol{display:grid;gap:6px;padding-left:22px}.v205-evidence li{padding:6px;color:var(--mut);line-height:1.45}.v205-evidence>p{color:var(--mut)}
.v205-next{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px}.v205-next button:disabled{opacity:.45;cursor:not-allowed}.v205-decision>header,.v205-verify>header,.v205-document>header{max-width:780px;margin-bottom:15px}.v205-decision h4,.v205-verify h4,.v205-document h4{font-size:24px;margin:6px 0}.v205-decision p,.v205-verify p,.v205-document p{color:var(--mut);line-height:1.55}.v205-decision-grid,.v205-remediation-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v205-decision-grid button,.v205-remediation-grid button{display:flex;align-items:center;gap:10px;min-height:64px;text-align:left;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--txt);cursor:pointer}.v205-decision-grid button:hover,.v205-remediation-grid button:hover{border-color:var(--teal)}.v205-decision-grid button[data-selected="1"],.v205-remediation-grid button[data-selected="1"]{border-color:var(--teal);background:rgb(var(--accent-rgb)/.08)}.v205-decision-grid button>span{width:17px;height:17px;border:1px solid var(--line);border-radius:50%}.v205-decision-grid button[data-selected="1"]>span{border:5px solid var(--teal)}.v205-remediation-grid button>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgb(var(--accent-rgb)/.08);color:var(--teal)}.v205-remediation-grid button[data-risk="high"]>span{background:rgba(231,78,78,.1);color:var(--rose)}.v205-feedback{min-height:0;margin-top:10px;padding:0;border-radius:12px}.v205-feedback:not(:empty){padding:12px;border:1px solid var(--line)}.v205-feedback[data-ok="1"]{border-color:var(--teal);background:rgb(var(--accent-rgb)/.06)}.v205-feedback[data-ok="0"]{border-color:var(--rose);background:rgba(231,78,78,.06)}.v205-feedback p{margin:3px 0 0}
.v205-verify-grid{display:grid;gap:8px}.v205-verify-grid button{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;width:100%;text-align:left;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--txt);cursor:pointer}.v205-verify-grid button:hover{border-color:var(--teal)}.v205-verify-grid button>span{display:grid;place-items:center;min-width:48px;height:28px;padding:0 7px;border-radius:8px;background:rgb(var(--accent-rgb)/.08);color:var(--teal);font:700 9px var(--m)}.v205-verify-grid button[data-done="1"]{border-color:rgb(var(--accent-rgb)/.38)}.v205-verify-grid b,.v205-verify-grid small{display:block}.v205-verify-grid small{margin-top:4px;color:var(--mut);font:inherit;font-size:11px;letter-spacing:0}.v205-document form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.v205-document label{display:grid;gap:5px;font-size:11px;color:var(--mut)}.v205-document textarea{min-height:120px;resize:vertical}.v205-document .v205-next{grid-column:1/-1}
.v205-result-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--line)}.v205-result-hero h3{font-size:48px;line-height:1;margin:7px 0}.v205-result-hero p{color:var(--mut)}.v205-result-hero>span{padding:10px 14px;border-radius:999px;border:1px solid var(--line);font-weight:800}.v205-result-hero>span[data-grade="high"]{border-color:var(--teal);color:var(--teal)}.v205-result-hero>span[data-grade="mid"]{border-color:var(--amber);color:var(--amber)}.v205-result-hero>span[data-grade="low"]{border-color:var(--rose);color:var(--rose)}.v205-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.v205-score-grid article{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.v205-score-grid b,.v205-score-grid small{display:block}.v205-score-grid b{font-size:23px}.v205-score-grid small{margin-top:3px;color:var(--mut);font:inherit;font-size:10px;letter-spacing:0}.v205-result>aside{padding:13px;border-left:4px solid var(--teal);background:rgb(var(--accent-rgb)/.06);border-radius:0 12px 12px 0}.v205-result>aside p{margin:4px 0 0;color:var(--mut)}.v205-result-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.v205-result-notes article{padding:12px;border:1px solid var(--line);border-radius:12px}.v205-result-notes p{margin:6px 0 0;color:var(--mut);font-size:11px;line-height:1.5}.v205-report-share{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.v205-report-share label{display:grid;gap:5px;color:var(--mut);font-size:10px}.v205-report-share textarea{grid-column:1/-1;min-height:80px;background:var(--bg2);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:9px;font:10px var(--m)}
.v205-toast{position:fixed;left:50%;bottom:22px;z-index:10000;transform:translateX(-50%);max-width:min(600px,calc(100vw - 30px));padding:11px 15px;border:1px solid var(--teal);border-radius:12px;background:var(--bg2);color:var(--txt);box-shadow:0 18px 55px rgba(0,0,0,.35)}.v205-toast[data-ok="0"]{border-color:var(--rose)}
.v205-teacher{margin-top:12px!important;padding:18px!important;border-color:rgb(var(--accent-rgb)/.38)!important;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.06),transparent 34%),var(--bg2)!important}.v205-teacher-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.v205-teacher-head h3{font-size:22px;margin:8px 0 5px}.v205-teacher-head p{max-width:760px;color:var(--mut);line-height:1.5}.v205-teacher-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.v205-teacher-kpis article{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.v205-teacher-kpis small,.v205-teacher-kpis b,.v205-teacher-kpis span{display:block}.v205-teacher-kpis small{color:var(--mut);font:inherit;font-size:9px;letter-spacing:0}.v205-teacher-kpis b{font-size:24px;margin:4px 0}.v205-teacher-kpis span{color:var(--mut);font-size:9px}.v205-teacher-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v205-teacher-columns>section{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v205-teacher-columns h4{font-size:18px;margin:5px 0}.v205-teacher-columns p{color:var(--mut);line-height:1.5}.v205-weak-list{display:grid;gap:6px;margin-top:10px}.v205-weak-list span{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;border:1px solid var(--line);border-radius:8px}.v205-weak-list em{color:var(--mut);font-size:10px;font-style:normal}.v205-teacher form{display:grid;gap:8px}.v205-teacher label{display:grid;gap:4px;color:var(--mut);font-size:10px}.v205-teacher textarea{min-height:78px;resize:vertical}.v205-teacher-reports{margin-top:10px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v205-teacher-reports summary{display:flex;justify-content:space-between;padding:12px 14px;font-weight:800;cursor:pointer}.v205-teacher-reports summary span{padding:2px 7px;border-radius:999px;background:rgb(var(--accent-rgb)/.1);color:var(--teal)}.v205-report-import{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 12px 12px}.v205-report-import>div{display:grid;align-content:start;gap:6px}.v205-report-table{overflow:auto;padding:0 12px 12px}.v205-report-table table{width:100%;border-collapse:collapse;font-size:10px}.v205-report-table th,.v205-report-table td{text-align:left;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.v205-report-table th{color:var(--mut);font-weight:700}.v205-empty{padding:12px;color:var(--mut)}
@media(max-width:900px){.v205-tools-card{grid-template-columns:1fr}.v205-scenario-grid{grid-template-columns:1fr}.v205-topology>div{grid-template-columns:1fr 1fr}.v205-workgrid{grid-template-columns:1fr}.v205-terminal-log{height:280px}.v205-teacher-kpis{grid-template-columns:1fr 1fr}.v205-teacher-columns{grid-template-columns:1fr}.v205-result-notes{grid-template-columns:1fr}.v205-ticket{grid-template-columns:1fr}.v205-ticket dl{grid-template-columns:repeat(3,1fr);min-width:0}.v205-brief-grid{grid-template-columns:1fr}}
@media(max-width:650px){.v205-home-card{grid-template-columns:1fr;padding:18px}.v205-home-action{justify-items:stretch}.v205-home-orb{display:none}.v205-dialog{width:100vw;max-height:100vh;height:100vh;border:0;border-radius:0}.v205-dialog-shell{max-height:100vh;height:100vh}.v205-dialog-head{padding:12px}.v205-dialog #v205DialogBody{padding:10px}.v205-hub-hero{grid-template-columns:1fr;padding:18px}.v205-hub-stats{width:100%}.v205-assignment{align-items:stretch;flex-direction:column}.v205-scenario-card{grid-template-columns:auto 1fr}.v205-scenario-card>button{grid-column:1/-1;width:100%}.v205-code-import>div{grid-template-columns:1fr}.v205-runbar{grid-template-columns:auto 1fr}.v205-run-metrics{grid-column:1/-1}.v205-run-metrics span{flex:1;text-align:center}.v205-phasebar{overflow:auto;grid-template-columns:repeat(5,minmax(105px,1fr));padding-bottom:4px}.v205-topology>div{grid-template-columns:1fr}.v205-ticket dl{grid-template-columns:1fr}.v205-decision-grid,.v205-remediation-grid{grid-template-columns:1fr}.v205-document form{grid-template-columns:1fr}.v205-document .v205-next{grid-column:auto}.v205-score-grid{grid-template-columns:1fr 1fr}.v205-result-hero{align-items:start;flex-direction:column}.v205-report-share{grid-template-columns:1fr}.v205-teacher-head{flex-direction:column}.v205-teacher-kpis{grid-template-columns:1fr 1fr}.v205-report-import{grid-template-columns:1fr}.v205-report-import>div{grid-template-columns:1fr 1fr}.v205-next{align-items:stretch;flex-direction:column-reverse}.v205-next button{width:100%}.v205-command{grid-template-columns:auto minmax(0,1fr)}.v205-command button{grid-column:1/-1;width:100%}.v205-terminal-log{height:240px}}
@media(prefers-reduced-motion:reduce){.v205-scenario-card,.v205-tools-list>button{transition:none!important;transform:none!important}.v205-dialog::backdrop{backdrop-filter:none}}

/* v20.54 – simulatorpass, adaptiv debrief och fördjupad läraranalys */
.v206-campaigns{margin:14px 0;padding:16px;border:1px solid rgb(var(--accent-rgb)/.35);border-radius:16px;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.055),transparent 42%),var(--bg2)}
.v206-campaigns>header,.v206-teacher-insights>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}.v206-campaigns>header small,.v206-teacher-insights>header small,.v206-coach small,.v206-campaign-result small{color:var(--teal);font:700 9px var(--m);letter-spacing:.12em}.v206-campaigns>header h4,.v206-teacher-insights>header h4{margin:4px 0 0;font-size:18px}.v206-campaigns>header>span,.v206-teacher-insights>header>span{color:var(--mut);font-size:10px}
.v206-campaigns>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v206-campaigns article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v206-campaigns article[data-complete="1"]{border-color:rgb(var(--accent-rgb)/.42)}.v206-campaign-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(var(--accent-rgb)/.3);border-radius:12px;background:rgb(var(--accent-rgb)/.07);font-size:22px}.v206-campaigns article small{color:var(--mut);font-size:9px}.v206-campaigns article h4{margin:3px 0;font-size:14px}.v206-campaigns article p{margin:0;color:var(--mut);font-size:10px;line-height:1.45}.v206-campaign-progress{height:5px;margin-top:8px;border-radius:999px;background:var(--line);overflow:hidden}.v206-campaign-progress i{display:block;height:100%;border-radius:inherit;background:var(--teal)}
.v206-coach,.v206-campaign-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:14px 0;padding:15px;border:1px solid rgb(var(--accent-rgb)/.42);border-radius:14px;background:linear-gradient(120deg,rgb(var(--accent-rgb)/.09),transparent 55%),var(--bg2)}.v206-coach h4,.v206-campaign-result h4{margin:5px 0;font-size:18px}.v206-coach p,.v206-campaign-result p{margin:0;color:var(--mut);line-height:1.5}.v206-coach>div:last-child{display:grid;justify-items:end;gap:8px}.v206-coach>div:last-child>span{color:var(--mut);font-size:10px}.v206-coach>div:last-child b{color:var(--txt)}.v206-campaign-result{border-color:var(--amber);background:linear-gradient(120deg,rgba(242,178,51,.09),transparent 55%),var(--bg2)}
.v206-trail{margin:12px 0;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v206-trail summary{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;font-weight:800;cursor:pointer}.v206-trail summary span{padding:2px 7px;border-radius:999px;background:rgb(var(--accent-rgb)/.1);color:var(--teal)}.v206-trail ol{display:grid;gap:7px;margin:0;padding:0 14px 14px;list-style:none}.v206-trail li{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:8px;border-left:3px solid var(--teal);border-radius:0 9px 9px 0;background:var(--bg2)}.v206-trail li[data-ok="0"]{border-left-color:var(--rose)}.v206-trail li span{color:var(--mut);font:700 9px var(--m);text-transform:uppercase}.v206-trail li p{margin:0;color:var(--txt);font-size:11px;line-height:1.4}
.v206-teacher-insights{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v206-dimension-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v206-dimension-grid article{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--bg2)}.v206-dimension-grid small,.v206-dimension-grid b,.v206-dimension-grid span{display:block}.v206-dimension-grid small{color:var(--mut);font-size:9px}.v206-dimension-grid b{font-size:22px;margin:4px 0}.v206-dimension-grid article>div{height:5px;border-radius:999px;background:var(--line);overflow:hidden}.v206-dimension-grid i{display:block;height:100%;background:var(--teal)}.v206-dimension-grid span{margin-top:5px;color:var(--mut);font-size:9px}.v206-scenario-analysis{overflow:auto;margin-top:10px}.v206-scenario-analysis table{width:100%;border-collapse:collapse;font-size:10px}.v206-scenario-analysis th,.v206-scenario-analysis td{text-align:left;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.v206-scenario-analysis th{color:var(--mut)}
@media(max-width:900px){.v206-campaigns>div{grid-template-columns:1fr}.v206-dimension-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.v206-campaigns>header,.v206-teacher-insights>header{align-items:flex-start;flex-direction:column}.v206-campaigns article{grid-template-columns:auto 1fr}.v206-campaigns article>button{grid-column:1/-1;width:100%}.v206-coach,.v206-campaign-result{grid-template-columns:1fr}.v206-coach>div:last-child{justify-items:stretch}.v206-trail li{grid-template-columns:1fr;gap:3px}.v206-dimension-grid{grid-template-columns:1fr 1fr}}


/* v20.54 – visuell topologi, konsekvensmotor och förgrenad återställning */
.v207-topology{margin-bottom:12px;padding:15px;border:1px solid rgb(var(--accent-rgb)/.38);border-radius:17px;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.055),transparent 48%),var(--bg2)}
.v207-topology>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}.v207-topology>header small,.v207-node-detail small,.v207-recovery small,.v207-impact-review small{color:var(--teal);font:700 9px var(--m);letter-spacing:.12em}.v207-topology>header h4,.v207-recovery h4,.v207-impact-review h4{margin:4px 0 0}.v207-topology>header>span{color:var(--mut);font-size:10px}
.v207-impact{display:grid;grid-template-columns:auto minmax(160px,1fr);align-items:center;gap:12px;margin-bottom:10px}.v207-impact>div:first-child{display:flex;gap:8px;align-items:center}.v207-impact span{color:var(--mut);font-size:10px}.v207-impact b{font-size:14px}.v207-impact>[role="progressbar"]{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.v207-impact i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--amber),var(--rose))}
.v207-map{position:relative;min-height:310px;border:1px solid var(--line);border-radius:15px;background:radial-gradient(circle at 50% 45%,rgb(var(--accent-rgb)/.07),transparent 44%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),var(--bg);background-size:auto,28px 28px,28px 28px;overflow:hidden}.v207-map:before{content:"LIVE";position:absolute;top:9px;left:10px;z-index:2;padding:3px 7px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font:700 8px var(--m);letter-spacing:.12em}.v207-map[data-impact="critical"]{box-shadow:inset 0 0 35px rgba(231,78,78,.08)}
.v207-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.v207-map line{vector-effect:non-scaling-stroke;stroke-width:2;stroke:var(--teal);opacity:.65;stroke-dasharray:5 4}.v207-map line[data-state="warning"]{stroke:var(--amber);opacity:.85}.v207-map line[data-state="bad"]{stroke:var(--rose);stroke-width:3;opacity:1;animation:v207Pulse 1.5s ease-in-out infinite}
.v207-map-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3;display:grid;grid-template-columns:auto 1fr;gap:2px 7px;min-width:135px;max-width:180px;padding:10px 12px;text-align:left;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--bg2) 94%,transparent);color:var(--txt);box-shadow:0 10px 25px rgba(0,0,0,.22);cursor:pointer}.v207-map-node:hover,.v207-map-node[data-selected="1"]{border-color:rgb(var(--accent-rgb)/.75);transform:translate(-50%,-50%) scale(1.035)}.v207-map-node>i{grid-row:1/3;width:10px;height:10px;margin-top:3px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgb(var(--accent-rgb)/.08)}.v207-map-node[data-state="warning"]>i{background:var(--amber);box-shadow:0 0 0 5px rgba(242,178,51,.1)}.v207-map-node[data-state="bad"]>i{background:var(--rose);box-shadow:0 0 0 5px rgba(231,78,78,.12)}.v207-map-node b{font-size:11px}.v207-map-node small{grid-column:2;color:var(--mut);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v207-node-detail{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:9px;padding:10px 12px;border-left:4px solid var(--teal);border-radius:10px;background:var(--bg)}.v207-node-detail[data-state="warning"]{border-left-color:var(--amber)}.v207-node-detail[data-state="bad"]{border-left-color:var(--rose)}.v207-node-detail h5{margin:3px 0 0}.v207-node-detail p{margin:0;color:var(--mut);font-size:10px}.v207-node-detail>span{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font-size:9px}
.v207-recovery{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:10px;padding:13px;border:1px solid var(--rose);border-radius:13px;background:linear-gradient(120deg,rgba(231,78,78,.1),transparent 58%),var(--bg)}.v207-recovery p{margin:4px 0 0;color:var(--mut);font-size:10px;line-height:1.45}
.v207-consequence-list{display:grid;gap:6px;margin:10px 0}.v207-consequence-list article{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:9px;border-left:3px solid var(--amber);border-radius:0 10px 10px 0;background:var(--bg)}.v207-consequence-list article[data-severity="critical"]{border-left-color:var(--rose)}.v207-consequence-list article[data-recovered="1"]{border-left-color:var(--teal);opacity:.8}.v207-consequence-list article>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--line);font-weight:900}.v207-consequence-list b{font-size:11px}.v207-consequence-list p{margin:2px 0 0;color:var(--mut);font-size:9px}
.v207-score-grid{grid-template-columns:repeat(5,1fr)}.v207-impact-review{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;margin:12px 0;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg2)}.v207-impact-review p{margin:4px 0 0;color:var(--mut);font-size:10px}.v207-impact-review>span{padding:6px 9px;border:1px solid var(--teal);border-radius:999px;color:var(--teal);font-size:10px}.v207-impact-review>span[data-risk="high"]{border-color:var(--rose);color:var(--rose)}
.v206-dimension-grid{grid-template-columns:repeat(5,1fr)}
@keyframes v207Pulse{50%{opacity:.45}}
@media(max-width:900px){.v207-map{min-height:360px}.v207-score-grid,.v206-dimension-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.v207-topology>header,.v207-recovery,.v207-impact-review{grid-template-columns:1fr;align-items:flex-start}.v207-topology>header{flex-direction:column}.v207-impact{grid-template-columns:1fr}.v207-map{min-height:470px;overflow:auto}.v207-map-node{min-width:112px;max-width:135px;padding:8px}.v207-map-node b{font-size:9px}.v207-node-detail{grid-template-columns:1fr}.v207-score-grid,.v206-dimension-grid{grid-template-columns:1fr 1fr}.v207-recovery button{width:100%}}
@media(prefers-reduced-motion:reduce){.v207-map line[data-state="bad"]{animation:none}.v207-map-node{transition:none}}


/* ===== course-engine-20.54.css ===== */
/* ITPlugg v20.54 – Kursmotor */
.v208-gateway{margin:22px auto 24px;max-width:1180px;padding:22px;border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 10%,var(--card)),var(--card));box-shadow:0 18px 55px rgba(0,0,0,.13)}
.v208-gateway h2,.v208-teacher-suite h3,.v208-teacher-suite h4{margin:0}.v208-gateway p{color:var(--mut);line-height:1.55}.v208-kicker{display:inline-flex;align-items:center;gap:7px;font:800 11px var(--m);letter-spacing:.12em;color:var(--teal);margin-bottom:7px}.v208-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal) 18%,transparent)}
.v208-join{display:grid;gap:7px;margin-top:16px}.v208-join>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.v208-join input,.v208-profile-grid input,.v208-package-form input,.v208-package-form select,.v208-package-form textarea,.v208-class-create input,.v208-class-create textarea{width:100%;background:var(--bg2);border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:10px 12px;font:inherit}.v208-join small,.v208-teacher-suite small{color:var(--mut)}
.v208-package-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.v208-package-score{min-width:126px;text-align:center;border:1px solid var(--line);border-radius:16px;padding:12px}.v208-package-score strong{display:block;font:800 31px var(--m);color:var(--teal)}.v208-package-score strong small{font-size:15px}.v208-package-score span{font-size:11px;color:var(--mut)}
.v208-course-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin:17px 0}.v208-course-progress button{display:grid;gap:10px;text-align:left;background:var(--bg2);border:1px solid var(--line);color:var(--txt);border-radius:13px;padding:12px;cursor:pointer}.v208-course-progress button:hover{border-color:var(--teal);transform:translateY(-1px)}.v208-course-progress span{display:grid;gap:3px}.v208-course-progress small{color:var(--mut)}.v208-course-progress i{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--teal) var(--p),color-mix(in srgb,var(--line) 80%,transparent) var(--p));display:block}
.v208-package-actions,.v208-card-actions,.v208-form-actions,.v208-backup,.v208-class-row>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.v208-access-details{margin-top:13px;padding:11px 13px;border:1px dashed var(--line);border-radius:12px}.v208-access-details p{margin:3px 0}.danger-soft{border-color:color-mix(in srgb,var(--rose) 50%,var(--line))!important;color:var(--rose)!important}
.v208-toast{position:fixed;z-index:100000;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));padding:12px 15px;border-radius:12px;color:#fff;background:#263238;box-shadow:0 16px 45px rgba(0,0,0,.3)}.v208-toast[data-ok="1"]{background:#176c5b}.v208-toast[data-ok="0"]{background:#9b3441}
.v208-teacher-suite{margin-top:14px}.v208-suite-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.v208-suite-head>div{max-width:750px}.v208-suite-head>div>p{color:var(--mut);line-height:1.5}.v208-suite-head>b{font:800 10px var(--m);letter-spacing:.08em;padding:6px 9px;border:1px solid var(--amber);border-radius:99px;color:var(--amber);white-space:nowrap}
.v208-profile-grid,.v208-form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.v208-profile-grid label,.v208-package-form label,.v208-class-create label{display:grid;gap:5px;color:var(--mut);font-size:12px}.v208-teacher-suite details{margin-top:14px;border-top:1px solid var(--line);padding-top:13px}.v208-teacher-suite summary{cursor:pointer;font-weight:800}.v208-package-form{display:grid;gap:12px;margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg2) 65%,transparent)}.v208-package-form textarea,.v208-class-create textarea{min-height:76px;resize:vertical}.v208-course-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v208-check{display:flex!important;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--card)}.v208-check input{width:auto;margin-top:3px}.v208-check span{display:grid;gap:2px}.v208-module-checks{display:flex;flex-wrap:wrap;gap:7px}.v208-module{display:flex!important;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:99px;background:var(--card)}.v208-module input{width:auto}
.v208-package-list{display:grid;gap:12px;margin-top:14px}.v208-package-card{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--bg2)}.v208-card-top{display:flex;justify-content:space-between;gap:15px}.v208-card-top small{font:800 10px var(--m);letter-spacing:.08em}.v208-card-top p{color:var(--mut);margin:5px 0}.v208-card-top>span{height:max-content;border:1px solid var(--line);padding:5px 8px;border-radius:99px;font-size:11px;color:var(--mut);white-space:nowrap}.v208-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.v208-chips i{font-style:normal;font-size:11px;padding:4px 7px;border-radius:99px;background:color-mix(in srgb,var(--teal) 10%,var(--card));border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line))}.v208-class-create{display:grid;grid-template-columns:1fr 180px;gap:9px;margin:10px 0}.v208-class-create .wide{grid-column:1/-1}.v208-class-list{display:grid;gap:8px;margin:12px 0}.v208-class-row{display:grid;grid-template-columns:minmax(130px,.55fr) minmax(210px,1.45fr);gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.v208-class-row>div:first-child{display:grid;align-content:start;gap:3px}.v208-class-row textarea{grid-column:2;min-height:60px;resize:none;background:var(--bg);color:var(--mut);border:1px solid var(--line);border-radius:8px;padding:8px;font:10px var(--m);overflow-wrap:anywhere}.v208-class-row>div:last-child{grid-column:1/-1}.v208-empty{padding:18px;text-align:center;border:1px dashed var(--line);border-radius:13px;color:var(--mut)}
html[data-course-access="assigned"] #homeCourses .home-course[hidden],html[data-course-access="assigned"] #courses .course[hidden]{display:none!important}
@media(max-width:720px){.v208-gateway{padding:16px;border-radius:16px}.v208-join>div,.v208-profile-grid,.v208-form-row,.v208-class-create,.v208-class-row{grid-template-columns:1fr}.v208-package-head,.v208-suite-head{display:grid}.v208-package-score{width:100%}.v208-course-checks{grid-template-columns:1fr}.v208-class-row textarea{grid-column:1}.v208-package-actions .btn,.v208-join .btn{width:100%}.v208-profile-grid .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.v208-course-progress button{transition:none!important}}
.v208-short-code{display:grid;gap:8px}.v208-short-code label{display:grid;gap:5px;color:var(--mut);font-size:12px}.v208-short-code input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:9px 10px;font:800 16px var(--m);letter-spacing:.08em}.v208-short-code>div{display:flex;gap:7px;flex-wrap:wrap}.v208-portable{grid-column:1/-1;border-top:1px dashed var(--line)!important;padding-top:9px!important;margin-top:2px!important}.v208-portable p{color:var(--mut);font-size:12px}.v208-portable textarea{width:100%;min-height:72px;resize:vertical;background:var(--bg);color:var(--mut);border:1px solid var(--line);border-radius:8px;padding:8px;font:10px var(--m);overflow-wrap:anywhere}.v208-portable>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.v208-row-remove{grid-column:1/-1}
@media(max-width:720px){.v208-short-code>div .btn,.v208-portable>div .btn{width:100%}}


/* ===== nate2-course-20.54.css ===== */
/* ITPlugg v20.54 – Nätverksadministration nivå 2 */
.nate2-head{border-color:color-mix(in srgb,var(--teal) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 10%,var(--bg2)),var(--bg2))}
.nate2-code{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#07131f;overflow:auto;white-space:pre-wrap}
.nate2-code code{font-family:var(--m);font-size:13px;line-height:1.55}
.nate2-sources{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 4px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;color:var(--mut);font-size:12px}
.nate2-sources b{color:var(--txt);width:100%}
.nate2-sources span{border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:var(--bg)}
@media(max-width:700px){.nate2-sources span{width:100%}.nate2-code{font-size:12px}}

.nate2-scope-note{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-left:3px solid var(--teal);border-radius:8px;background:color-mix(in srgb,var(--teal) 8%,transparent);font-size:12px;color:var(--mut)}
.nate2-scope-note b{color:var(--txt);white-space:nowrap}
@media(max-width:700px){.nate2-scope-note{display:block}.nate2-scope-note b{display:block;margin-bottom:4px}}


/* ===== adaptive-live-20.54.css ===== */
/* ITPlugg v20.54 – Smart elevmotor och Live Incident Room */
.v209-adaptive-home{max-width:1180px;margin:18px auto 24px;padding:22px;border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 8%,var(--card)),var(--card));box-shadow:0 20px 60px rgba(0,0,0,.14)}
.v209-smart-head,.v209-room-top,.v209-teacher-head,.v209-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.v209-smart-head h2,.v209-room-active h3,.v209-room-join h3,.v209-teacher h3,.v209-course-insight h3{margin:0}.v209-smart-head p,.v209-room-active p,.v209-room-join p,.v209-teacher p,.v209-course-insight p{color:var(--mut);line-height:1.55}.v209-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;color:var(--blue);font:800 11px var(--m);letter-spacing:.11em}.v209-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 17%,transparent)}
.v209-smart-score{min-width:132px;padding:12px;border:1px solid var(--line);border-radius:16px;text-align:center;background:var(--bg2)}.v209-smart-score strong{display:block;color:var(--blue);font:800 30px var(--m)}.v209-smart-score small{font-size:14px}.v209-smart-score span{font-size:11px;color:var(--mut)}
.v209-misconception{margin:15px 0;padding:13px 15px;border-left:4px solid var(--amber);border-radius:11px;background:color-mix(in srgb,var(--amber) 8%,var(--bg2))}.v209-misconception span,.v209-teacher-recommend span{display:block;margin-bottom:4px;color:var(--amber);font:800 10px var(--m);letter-spacing:.08em}.v209-misconception b,.v209-teacher-recommend b{font-size:14px}.v209-misconception p,.v209-teacher-recommend p{margin:4px 0 0;font-size:12px}
.v209-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v209-plan-grid button{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;text-align:left;color:var(--txt);background:var(--bg2);border:1px solid var(--line);border-radius:14px;cursor:pointer}.v209-plan-grid button:hover{border-color:var(--blue);transform:translateY(-1px)}.v209-plan-grid i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--blue) 13%,var(--card));color:var(--blue);font:800 11px var(--m);font-style:normal}.v209-plan-grid span{display:grid;gap:3px}.v209-plan-grid small{color:var(--mut);line-height:1.35}.v209-plan-grid em{font-style:normal;font:800 10px var(--m);color:var(--mut);white-space:nowrap}.v209-plan-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.v209-plan-foot select,.v209-room-join input,.v209-room-form input,.v209-room-form select,.v209-room-form textarea,.v209-report-input{background:var(--bg2);border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:9px 11px;font:inherit}
.v209-room-shell{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.v209-room-join{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(150px,.55fr) minmax(190px,.8fr) auto;gap:10px;align-items:end}.v209-room-join>div{align-self:center}.v209-room-join label,.v209-room-form label{display:grid;gap:5px;color:var(--mut);font-size:12px}.v209-room-join input{width:100%}.v209-room-active{display:grid;gap:12px}.v209-room-clock{min-width:180px;text-align:right;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--bg2)}.v209-room-clock b,.v209-room-clock small{display:block}.v209-room-clock small{margin-top:3px;color:var(--mut);font-size:11px}.v209-room-clock[data-state="active"]{border-color:var(--teal)}.v209-room-clock[data-state="ended"]{border-color:var(--rose)}.v209-room-clock[data-state="done"]{border-color:var(--blue)}.v209-room-meta,.v209-room-actions,.v209-report-actions{display:flex;gap:7px;flex-wrap:wrap}.v209-room-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:99px;color:var(--mut);font-size:11px}.v209-room-warning{margin:0!important;color:var(--rose)!important;font-weight:700}.v209-toast{position:fixed;z-index:100000;right:18px;bottom:18px;max-width:min(430px,calc(100vw - 36px));padding:12px 15px;border-radius:12px;color:#fff;background:#263238;box-shadow:0 16px 45px rgba(0,0,0,.3)}.v209-toast[data-ok="1"]{background:#176c5b}.v209-toast[data-ok="0"]{background:#9b3441}
.v209-course-insight{margin-top:14px;padding:17px;border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--blue) 5%,var(--card))}.v209-section-head>span{padding:5px 8px;border:1px solid var(--line);border-radius:99px;color:var(--mut);font-size:11px;white-space:nowrap}.v209-finding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin-top:13px}.v209-finding-grid article{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg2)}.v209-finding-grid small{display:block;color:var(--amber);font:800 10px var(--m);margin-bottom:5px}.v209-finding-grid b{display:block}.v209-finding-grid p{font-size:12px}.v209-empty{padding:14px;border:1px dashed var(--line);border-radius:12px;color:var(--mut)}
.v209-teacher{margin-top:14px}.v209-teacher-head>b{font:800 11px var(--m);padding:6px 9px;border:1px solid var(--blue);border-radius:99px;color:var(--blue)}.v209-insight-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.v209-insight-stats article{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg2)}.v209-insight-stats strong,.v209-insight-stats span{display:block}.v209-insight-stats strong{font:800 20px var(--m);color:var(--blue);overflow-wrap:anywhere}.v209-insight-stats span{margin-top:3px;color:var(--mut);font-size:11px}.v209-teacher-recommend{padding:13px;border:1px solid color-mix(in srgb,var(--amber) 38%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--amber) 7%,var(--bg2))}.v209-teacher details{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.v209-teacher summary{cursor:pointer;font-weight:800}.v209-room-form{display:grid;gap:10px;margin-top:12px}.v209-room-form>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v209-room-form>div:nth-of-type(2){grid-template-columns:2fr 1fr 1fr 1fr}.v209-room-form input,.v209-room-form select,.v209-room-form textarea{width:100%}.v209-room-form textarea{min-height:74px;resize:vertical}.v209-room-form>button{justify-self:start}.v209-room-form>textarea[readonly]{min-height:64px;font:10px var(--m);overflow-wrap:anywhere}.v209-room-list{display:grid;gap:8px;margin-top:10px}.v209-room-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}.v209-room-list article>div:first-child{display:grid;gap:3px}.v209-room-list small,.v209-room-list span{color:var(--mut);font-size:11px}.v209-room-list article>div:last-child{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.v209-report-input{width:100%;min-height:90px;margin-top:10px;resize:vertical;font:11px var(--m)}.v209-report-actions{margin-top:8px}.v209-report-table{overflow:auto;margin-top:10px;border:1px solid var(--line);border-radius:12px}.v209-report-table table{width:100%;border-collapse:collapse;min-width:720px}.v209-report-table th,.v209-report-table td{padding:8px 9px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}.v209-report-table th{background:var(--bg2);color:var(--mut)}.v209-cloud-note{padding:11px 13px;border:1px dashed var(--line);border-radius:11px;font-size:11px!important}
@media(max-width:900px){.v209-room-join{grid-template-columns:1fr 1fr}.v209-room-join>div{grid-column:1/-1}.v209-insight-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.v209-room-form>div:nth-of-type(2){grid-template-columns:1fr 1fr}}
@media(max-width:680px){.v209-adaptive-home{padding:16px;border-radius:17px}.v209-smart-head,.v209-room-top,.v209-teacher-head,.v209-section-head{display:grid}.v209-smart-score{width:100%}.v209-plan-grid{grid-template-columns:1fr}.v209-plan-grid button{grid-template-columns:34px minmax(0,1fr)}.v209-plan-grid em{grid-column:2}.v209-plan-foot{align-items:stretch;flex-direction:column}.v209-plan-foot select{width:100%}.v209-room-join,.v209-room-form>div,.v209-room-form>div:nth-of-type(2),.v209-room-list article{grid-template-columns:1fr}.v209-room-join .btn,.v209-room-actions .btn,.v209-report-actions .btn,.v209-room-list .btn{width:100%}.v209-room-clock{text-align:left;width:100%}.v209-insight-stats{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.v209-plan-grid button{transition:none!important}}


/* ===== adaptive-coach-20.54.css ===== */
/* ITPlugg v20.54 – Adaptiv studiecoach 2.0 */
#v2022AdaptiveCoach{margin:0 0 24px}.v2022-coach-shell{display:grid;gap:18px;padding:22px;border:1px solid color-mix(in srgb,var(--accent,#55d9ff) 35%,var(--line,#39405f));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel,#1d1a35) 94%,#50d7ff 6%),var(--panel,#1d1a35));box-shadow:0 18px 48px rgba(0,0,0,.18)}
.v2022-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.v2022-head small,.v2022-plan-head small{display:block;color:var(--accent,#55d9ff);font-weight:800;letter-spacing:.13em}.v2022-head h2{margin:.35rem 0 .45rem;font-size:clamp(1.35rem,2.2vw,2rem)}.v2022-head p,.v2022-plan-head p,.v2022-step p,.v2022-area p,.v2022-note{color:var(--muted,#b4aec7);line-height:1.55}.v2022-head label{display:grid;gap:7px;min-width:230px;font-weight:700}.v2022-head select{width:100%;padding:10px 12px;border:1px solid var(--line,#4a4562);border-radius:12px;background:var(--bg,#111022);color:var(--text,#f6f3ff)}
.v2022-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v2022-summary article{display:grid;gap:3px;padding:16px;border:1px solid var(--line,#413c59);border-radius:16px;background:color-mix(in srgb,var(--panel2,#24203f) 90%,transparent)}.v2022-summary strong{font-size:1.45rem}.v2022-summary span{color:var(--muted,#b4aec7);font-size:.9rem}
.v2022-plan{padding:18px;border:1px solid color-mix(in srgb,var(--accent,#55d9ff) 24%,var(--line,#413c59));border-radius:18px;background:rgba(10,9,24,.24)}.v2022-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.v2022-plan-head h3{margin:.35rem 0 .3rem}.v2022-duration{display:flex;gap:6px;flex-wrap:wrap}.v2022-duration button{padding:8px 11px;border:1px solid var(--line,#4a4562);border-radius:999px;background:transparent;color:var(--muted,#c3bdd4);font-weight:700}.v2022-duration button[aria-pressed="true"]{border-color:var(--accent,#55d9ff);background:color-mix(in srgb,var(--accent,#55d9ff) 15%,transparent);color:var(--text,#fff)}
.v2022-steps{display:grid;gap:10px}.v2022-step{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--line,#413c59);border-radius:15px;background:var(--panel2,#24203f)}.v2022-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--accent,#55d9ff) 18%,transparent);color:var(--accent,#55d9ff);font-weight:900}.v2022-step p{margin:.25rem 0}.v2022-step small{color:var(--muted,#b4aec7)}.v2022-step-actions{display:flex;align-items:center;gap:8px}.v2022-check{width:38px;height:38px;border:1px solid var(--line,#4a4562);border-radius:12px;background:transparent;color:var(--muted,#aaa);font-size:1.1rem;font-weight:900}.v2022-step.is-done{opacity:.72}.v2022-step.is-done .v2022-check{border-color:#49d49d;background:rgba(73,212,157,.16);color:#74efbd}.v2022-step.is-done b{text-decoration:line-through}
.v2022-map{border-top:1px solid var(--line,#413c59);padding-top:14px}.v2022-map summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none}.v2022-map summary::-webkit-details-marker{display:none}.v2022-map summary span:first-child{display:grid;gap:3px}.v2022-map summary small,.v2022-map summary span:last-child{color:var(--muted,#b4aec7)}.v2022-legend{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}.v2022-legend span{padding:5px 8px;border-radius:999px;border:1px solid var(--line,#413c59);font-size:.78rem}.v2022-legend span::before{content:'';display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#8c879e}.v2022-legend [data-status="introduced"]::before{background:#8b9cff}.v2022-legend [data-status="needs-practice"]::before{background:#ff9c75}.v2022-legend [data-status="developing"]::before{background:#f4c95d}.v2022-legend [data-status="mastered"]::before{background:#54d7a0}.v2022-legend [data-status="revisit"]::before{background:#db8dff}
.v2022-area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px}.v2022-area{display:grid;gap:10px;padding:14px;border:1px solid var(--line,#413c59);border-radius:15px;background:var(--panel2,#24203f)}.v2022-area-head{display:flex;justify-content:space-between;gap:10px}.v2022-area-head>div{display:grid;gap:3px}.v2022-area-head span{color:var(--muted,#b4aec7);font-size:.82rem}.v2022-area-head strong{font-size:1.1rem}.v2022-area-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.v2022-area-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#50d7ff,#6fe3b2)}.v2022-area[data-status="needs-practice"] .v2022-area-bar i{background:linear-gradient(90deg,#ff8d6d,#f6bd60)}.v2022-area[data-status="revisit"] .v2022-area-bar i{background:linear-gradient(90deg,#b985ff,#ef8fd8)}.v2022-area[data-status="mastered"] .v2022-area-bar i{background:linear-gradient(90deg,#4ad49b,#75e6bf)}.v2022-area p{min-height:2.8em;margin:0;font-size:.88rem}.v2022-note{margin:0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);font-size:.85rem}.v2022-toast{position:fixed;right:22px;bottom:22px;z-index:9999;max-width:min(420px,calc(100vw - 32px));padding:12px 15px;border-radius:13px;background:#17362c;color:#eafff7;box-shadow:0 14px 38px rgba(0,0,0,.3)}.v2022-toast[data-ok="0"]{background:#4b2525;color:#fff0ed}
@media(max-width:780px){.v2022-coach-shell{padding:16px;border-radius:18px}.v2022-head,.v2022-plan-head{display:grid}.v2022-head label{min-width:0}.v2022-summary{grid-template-columns:1fr}.v2022-step{grid-template-columns:auto 1fr}.v2022-step-actions{grid-column:2;justify-content:flex-start}.v2022-area-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.v2022-coach-shell *{scroll-behavior:auto!important;transition:none!important}}


/* ===== cloud-live-20.54.css ===== */
/* ITPlugg v20.54 – Cloud Classroom & Live Incident Room 2.0 */
.v210-cloud-student,.v210-cloud-teacher{--v210-live:#36d6a0;--v210-warn:#f3b743;--v210-pause:#8fa5ff;--v210-off:#8a95a3}
.v210-cloud-student{margin:18px 0;padding:20px;border:1px solid color-mix(in srgb,var(--teal) 38%,var(--line));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--teal) 8%,var(--bg2)),var(--bg2));box-shadow:0 14px 36px rgba(0,0,0,.08)}
.v210-cloud-head,.v210-teacher-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.v210-cloud-head small,.v210-teacher-head>div>span{display:block;margin-bottom:5px;color:var(--teal);font:900 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.v210-cloud-head h2,.v210-teacher-head h3{margin:0 0 6px;color:var(--txt)}
.v210-cloud-head h2{font-size:21px}.v210-teacher-head h3{font-size:18px}
.v210-cloud-head p,.v210-teacher-head p{max-width:760px;margin:0;color:var(--mut);font-size:11px;line-height:1.55}
.v210-cloud-head>span,.v210-teacher-head>b{flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--mut);font:900 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;white-space:nowrap}
.v210-cloud-head>span[data-tone="live"],.v210-teacher-head>b[data-ready="1"]{border-color:color-mix(in srgb,var(--v210-live) 55%,var(--line));color:var(--v210-live);background:color-mix(in srgb,var(--v210-live) 8%,var(--bg))}
.v210-cloud-head>span[data-tone="wait"],.v210-cloud-head>span[data-tone="fallback"]{border-color:color-mix(in srgb,var(--v210-warn) 55%,var(--line));color:var(--v210-warn)}
.v210-cloud-head>span[data-tone="pause"]{border-color:color-mix(in srgb,var(--v210-pause) 55%,var(--line));color:var(--v210-pause)}
.v210-cloud-head>span[data-tone="closed"]{color:var(--mut)}
.v210-join-form,.v210-create-form{display:grid;gap:12px;margin-top:17px}
.v210-join-form{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end}
.v210-join-form label,.v210-create-form label{color:var(--mut);font-size:10px}
.v210-join-form input,.v210-create-form input,.v210-create-form select,.v210-create-form textarea{display:block;width:100%;margin-top:5px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);font:inherit}
.v210-create-form textarea{min-height:76px;resize:vertical}
.v210-create-form>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v210-create-form>div:nth-child(2){grid-template-columns:repeat(4,minmax(0,1fr))}
.v210-form-actions,.v210-actions,.v210-control-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.v210-fallback-note,.v210-cloud-note,.v210-poll-note{margin:12px 0 0;padding:10px 12px;border:1px dashed var(--line);border-radius:11px;color:var(--mut);background:var(--bg);font-size:9.5px;line-height:1.5}
.v210-error{margin:12px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--rose) 55%,var(--line));border-radius:11px;color:var(--rose);background:color-mix(in srgb,var(--rose) 6%,var(--bg));font-size:10px}
.v210-room-live{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}
.v210-room-live article{position:relative;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}
.v210-room-live small,.v210-dashboard-head small{display:block;color:var(--mut);font:800 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em}
.v210-room-live b{display:block;margin:5px 0 2px;color:var(--txt);font-size:16px}.v210-room-live span{color:var(--mut);font-size:9.5px}.v210-room-live button{position:absolute;top:9px;right:9px;border:0;background:transparent;color:var(--teal);font:inherit;font-size:8.5px;cursor:pointer}
.v210-cloud-student blockquote{margin:0 0 14px;padding:12px 14px;border-left:3px solid var(--teal);border-radius:0 10px 10px 0;background:var(--bg);color:var(--txt);font-size:10.5px;line-height:1.55}
.v210-cloud-teacher{margin-top:16px}.v210-cloud-teacher details{margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}
.v210-cloud-teacher summary{cursor:pointer;color:var(--txt);font-weight:800;font-size:12px}.v210-cloud-teacher summary b{margin-left:6px;color:var(--teal)}
.v210-room-list{display:grid;gap:9px;margin-top:11px}.v210-room-list>p{color:var(--mut);font-size:10px}
.v210-room-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.v210-room-list article[data-selected="1"]{border-color:color-mix(in srgb,var(--teal) 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--teal) 10%,transparent)}
.v210-room-list article>div:first-child{min-width:0}.v210-room-list article small,.v210-room-list article b,.v210-room-list article span{display:block}.v210-room-list article small{color:var(--mut);font-size:8.5px}.v210-room-list article b{margin:3px 0;color:var(--txt);font-size:11.5px}.v210-room-list article span{overflow:hidden;color:var(--mut);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.v210-room-list article>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.v210-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0}.v210-dashboard-head h4{margin:3px 0;color:var(--txt)}.v210-dashboard-head p{margin:0;color:var(--mut);font-size:9.5px}
.v210-control-row{margin-bottom:10px}
.v210-participant-table{overflow:auto;border:1px solid var(--line);border-radius:12px}.v210-participant-table table{width:100%;border-collapse:collapse;min-width:680px}.v210-participant-table th,.v210-participant-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:9.5px}.v210-participant-table th{position:sticky;top:0;background:var(--bg2);color:var(--mut);font:800 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.05em}.v210-participant-table tr:last-child td{border-bottom:0}.v210-participant-table tr[data-tone="complete"] td:first-child{box-shadow:inset 3px 0 var(--v210-live)}.v210-participant-table tr[data-tone="active"] td:first-child{box-shadow:inset 3px 0 var(--teal)}.v210-participant-table tr[data-tone="offline"]{opacity:.58}.v210-participant-table tr[data-tone="waiting"] td:first-child{box-shadow:inset 3px 0 var(--v210-warn)}
.v210-cloud-toast{position:fixed;right:18px;bottom:18px;z-index:10000;max-width:min(420px,calc(100vw - 36px));padding:12px 15px;border:1px solid color-mix(in srgb,var(--v210-live) 55%,var(--line));border-radius:12px;background:var(--bg2);color:var(--txt);box-shadow:0 16px 44px rgba(0,0,0,.28);font-size:11px}.v210-cloud-toast[data-ok="0"]{border-color:color-mix(in srgb,var(--rose) 60%,var(--line));color:var(--rose)}
@media(max-width:900px){.v210-create-form>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))}.v210-room-list article{align-items:flex-start;flex-direction:column}.v210-room-list article>div:last-child{justify-content:flex-start}}
@media(max-width:680px){.v210-cloud-student{padding:15px;border-radius:17px}.v210-cloud-head,.v210-teacher-head{flex-direction:column}.v210-cloud-head h2{font-size:18px}.v210-join-form,.v210-create-form>div,.v210-create-form>div:nth-child(2),.v210-room-live{grid-template-columns:1fr}.v210-join-form .btn{width:100%}.v210-actions .btn,.v210-form-actions .btn,.v210-control-row .btn{flex:1 1 140px}.v210-room-live b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.v210-cloud-student,.v210-cloud-teacher *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ===== integration-hub-20.54.css ===== */
/* ITPlugg v20.54 – Integration Hub & Content Factory */
.v211-hub{margin-top:16px;border-color:color-mix(in srgb,var(--teal) 55%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--bg2) 92%,var(--teal) 8%),var(--bg2))}
.v211-head,.v211-row-between,.v211-review-head,.v211-publish-bar{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.v211-head h3,.v211-panel h4,.v211-review-section h4{margin:.2rem 0 .35rem}.v211-head p,.v211-review-head p{margin:0;color:var(--mut);max-width:760px}.v211-kicker{font:700 11px var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.v211-status{white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:7px 11px;font:700 11px var(--m);color:var(--mut)}.v211-status[data-tone="ok"]{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 55%,var(--line));background:color-mix(in srgb,var(--teal) 10%,transparent)}.v211-status[data-tone="warn"]{color:var(--amber)}
.v211-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.v211-tabs .btn{min-height:40px}.v211-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v211-panel,.v211-review-section{border:1px solid var(--line);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--bg) 75%,transparent)}
.v211-panel label,.v211-review-card label{display:grid;gap:5px;margin-top:10px;font-size:12px;color:var(--mut)}.v211-panel input,.v211-panel select,.v211-panel textarea,.v211-review-card input,.v211-review-card select,.v211-review-card textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:var(--bg2);color:var(--txt);font:inherit}.v211-source textarea{min-height:300px;resize:vertical}.v211-review-card textarea{min-height:76px;resize:vertical}.v211-review-card label:nth-last-child(1) textarea{min-height:95px}
.v211-help{font-size:12px;color:var(--mut);line-height:1.5}.v211-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.v211-connect-state{display:flex;align-items:center;gap:8px;margin:12px 0}.v211-connect-state small{color:var(--mut)}.v211-dot{width:10px;height:10px;border-radius:50%;background:var(--mut)}.v211-dot[data-on="1"]{background:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal) 16%,transparent)}
.v211-note,.v211-review-warning{margin-top:12px;padding:11px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--amber) 45%,var(--line));background:color-mix(in srgb,var(--amber) 8%,transparent);color:var(--mut);line-height:1.45}.v211-note b,.v211-review-warning b{color:var(--txt)}
.v211-imports{margin-top:12px}.v211-import-list{display:grid;gap:8px;max-height:420px;overflow:auto;margin:12px 0}.v211-import-row{display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;align-items:start;padding:10px;border:1px solid var(--line);border-radius:10px;margin:0!important;background:var(--bg2);color:var(--txt)!important}.v211-import-row input{width:auto!important;margin-top:3px}.v211-import-row span{display:grid;gap:3px}.v211-import-row small,.v211-import-row em{font-size:11px;color:var(--mut);font-style:normal}.v211-import-row em{line-height:1.35}
.v211-empty{padding:24px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--mut)}.v211-large{padding:48px 20px}.v211-output-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.v211-output-list span{padding:8px 9px;border-radius:8px;border:1px solid var(--line);font-size:12px}.v211-output-list span::before{content:'✓';margin-right:6px;color:var(--teal)}
.v211-review-head{margin-bottom:12px}.v211-review-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.v211-review-section>h4{grid-column:1/-1}.v211-review-card{position:relative;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg2)}.v211-review-card.compact{align-self:start}.v211-select{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;margin-top:0!important;color:var(--txt)!important;font-weight:700}.v211-select input{width:auto!important}.v211-publish-bar{position:sticky;bottom:8px;align-items:center;margin-top:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--teal) 55%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--bg2) 95%,var(--teal) 5%);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.v211-toast{position:fixed;right:18px;bottom:18px;z-index:10050;max-width:min(420px,calc(100vw - 36px));padding:12px 14px;border-radius:11px;background:var(--bg2);color:var(--txt);border:1px solid var(--line);box-shadow:0 16px 44px rgba(0,0,0,.35)}.v211-toast[data-ok="1"]{border-color:color-mix(in srgb,var(--teal) 60%,var(--line))}.v211-toast[data-ok="0"]{border-color:color-mix(in srgb,#e66 60%,var(--line))}
@media(max-width:760px){.v211-grid,.v211-review-section{grid-template-columns:1fr}.v211-head,.v211-row-between,.v211-review-head,.v211-publish-bar{flex-direction:column;align-items:stretch}.v211-status{white-space:normal}.v211-output-list{grid-template-columns:1fr}.v211-tabs{display:grid;grid-template-columns:1fr}.v211-publish-bar{bottom:4px}.v211-source textarea{min-height:220px}}
@media(prefers-reduced-motion:reduce){.v211-toast{transition:none}}


/* ===== universal-integrations-20.54.css ===== */
.v218-hub{display:grid;gap:16px}.v218-head,.v218-toolbar,.v218-list-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.v218-head h3,.v218-toolbar h4{margin:3px 0 6px}.v218-head p,.v218-toolbar p{margin:0;max-width:780px;color:var(--muted,#657184)}.v218-kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#4776e6)}.v218-status{padding:7px 10px;border-radius:999px;background:#eef2f7;font-size:.82rem;font-weight:750;white-space:nowrap}.v218-status[data-tone="ok"]{background:#dcfce7;color:#166534}.v218-tabs,.v218-actions,.v218-controls,.v218-list-head>div{display:flex;gap:8px;flex-wrap:wrap}.v218-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v218-provider{border:1px solid var(--border,#d8dee8);border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:var(--card,#fff)}.v218-provider[data-tone="ok"]{border-color:#86efac}.v218-provider[data-tone="warn"]{border-color:#fde68a}.v218-provider h4{margin:0 0 4px}.v218-provider span{font-size:.8rem;font-weight:800}.v218-provider p{color:var(--muted,#657184);margin:8px 0 0}.v218-panel{display:grid;gap:16px}.v218-controls{align-items:end}.v218-controls label{display:grid;gap:5px;min-width:min(100%,320px);flex:1}.v218-controls select{width:100%}.v218-assignments{display:grid;gap:9px;max-height:430px;overflow:auto;padding-right:4px}.v218-assignment{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;border:1px solid var(--border,#d8dee8);border-radius:13px;cursor:pointer}.v218-assignment span{display:grid;gap:4px}.v218-assignment small{color:var(--muted,#657184)}.v218-assignment em{font-style:normal;line-height:1.45}.v218-note{padding:13px 15px;border-radius:13px;background:color-mix(in srgb,var(--accent,#4776e6) 9%,transparent);line-height:1.5}.v218-error{padding:12px;border-radius:12px;background:#fee2e2;color:#991b1b}.v218-checks{list-style:none;padding:0;margin:0;display:grid;gap:9px}.v218-checks li{display:flex;gap:10px;border:1px solid var(--border,#d8dee8);border-radius:12px;padding:12px}.v218-checks li>span{font-weight:900}.v218-checks li[data-ok="1"]>span{color:#15803d}.v218-checks div{display:grid;gap:3px}.v218-checks small{color:var(--muted,#657184)}.v218-json-label{display:grid;gap:7px}.v218-json-label textarea{min-height:260px;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.v218-toast{position:fixed;right:18px;bottom:18px;z-index:99999;max-width:min(420px,calc(100vw - 36px));padding:12px 15px;border-radius:12px;background:#16324f;color:#fff;box-shadow:0 12px 34px #0003}.v218-toast[data-ok="0"]{background:#8b1e2d}.v218-toast[hidden]{display:none}@media(max-width:820px){.v218-provider-grid{grid-template-columns:1fr}.v218-head,.v218-toolbar,.v218-list-head{flex-direction:column}.v218-tabs .btn,.v218-actions .btn,.v218-list-head .btn{flex:1}.v218-controls{display:grid;grid-template-columns:1fr}.v218-controls label{min-width:0}.v218-assignment{align-items:start}}
.v218-row-between{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.v218-row-between h4{margin:3px 0 5px}.v218-row-between p{margin:0;color:var(--muted,#657184)}.v218-publish-panel{display:grid;gap:13px;border:1px solid color-mix(in srgb,var(--accent,#4776e6) 30%,var(--border,#d8dee8));border-radius:16px;padding:16px;background:color-mix(in srgb,var(--accent,#4776e6) 4%,var(--card,#fff))}.v218-publish-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr));gap:10px}.v218-publish-grid label,.v218-publish-panel>label{display:grid;gap:6px;font-weight:700}.v218-publish-grid input,.v218-publish-grid select,.v218-publish-panel textarea{width:100%}.v218-publish-panel textarea{min-height:180px;resize:vertical;line-height:1.5}.v218-help{color:var(--muted,#657184);font-size:.9rem;align-self:center}.v218-warning{padding:12px 14px;border-radius:12px;background:#fff7d6;color:#6b4c00;border:1px solid #f3d46b}.v218-publish-result{padding:12px 14px;border-radius:12px;background:#dcfce7;color:#166534}.v218-publish-result a{color:inherit;font-weight:800}.v218-lti-session{padding:15px;border-radius:15px;border:1px solid #86efac;background:#f0fdf4}.v218-lti-session h4{margin:4px 0}.v218-lti-session p{margin:0 0 5px}.v218-lti-session small{color:#3f5b48}.v218-lti-banner{position:fixed;z-index:99990;top:12px;left:50%;transform:translateX(-50%);width:min(760px,calc(100vw - 24px));display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border:1px solid #60a5fa;border-radius:14px;background:#0b2440;color:#fff;box-shadow:0 12px 36px #0005}.v218-lti-banner div{display:grid;gap:2px}.v218-lti-banner span{font-size:.86rem;color:#cfe8ff}.v218-lti-banner button{border:0;border-radius:50%;width:32px;height:32px;background:#ffffff1c;color:#fff;font-size:1.25rem;cursor:pointer}@media(max-width:980px){.v218-publish-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.v218-row-between{flex-direction:column}.v218-publish-grid{grid-template-columns:1fr}.v218-publish-panel .v218-actions{display:grid}.v218-lti-banner{top:8px;align-items:flex-start}.v218-lti-banner button{flex:0 0 auto}}


/* ===== lti-advantage-20.54.css ===== */
/* ITPlugg v20.54 – LTI Advantage */
.v218-lti-advantage{margin:18px auto;max-width:1180px;padding:20px;border:1px solid color-mix(in srgb,var(--accent,#33d6c0) 36%,transparent);border-radius:22px;background:linear-gradient(145deg,rgba(9,28,46,.96),rgba(13,45,63,.93));box-shadow:0 22px 70px rgba(0,0,0,.24);color:#edf9ff}
.v218-lti-head,.v218-lti-block-head,.v218-lti-actions,.v218-lti-score{display:flex;align-items:center;justify-content:space-between;gap:16px}.v218-lti-head{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.v218-lti-head h2,.v218-lti-block h3{margin:.2rem 0}.v218-lti-head p,.v218-lti-block p{margin:.25rem 0;color:#bcd2df}.v218-lti-head>button{border:0;background:transparent;color:#dcecf4;font-size:28px;cursor:pointer}.v218-lti-kicker,.v218-lti-block-head span{font-size:.72rem;letter-spacing:.13em;font-weight:900;color:#63e6be}.v218-lti-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.v218-lti-pills span{padding:5px 9px;border:1px solid rgba(99,230,190,.35);border-radius:999px;background:rgba(99,230,190,.08);font-size:.78rem}.v218-lti-block{margin-top:16px;padding:16px;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}.v218-lti-block-head>b{white-space:nowrap;color:#d8f8ef}.v218-lti-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.v218-lti-item{display:flex;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(5,18,31,.45);cursor:pointer}.v218-lti-item:has(input:checked){border-color:#63e6be;background:rgba(99,230,190,.09)}.v218-lti-item input{margin-top:3px}.v218-lti-item span{display:grid;gap:3px}.v218-lti-item small{color:#7ddfc8}.v218-lti-item em{font-style:normal;color:#bcd2df;font-size:.88rem;line-height:1.4}.v218-lti-selection-options{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:10px 0}.v218-lti-selection-options label{display:flex;align-items:center;gap:8px}.v218-lti-selection-options input[type=number]{width:90px}.v218-lti-actions{margin-top:12px}.v218-lti-actions span{color:#bcd2df}.v218-lti-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.v218-lti-stats article{padding:12px;border-radius:13px;background:rgba(0,0,0,.2);text-align:center}.v218-lti-stats b{display:block;font-size:1.55rem}.v218-lti-stats span{color:#bcd2df;font-size:.82rem}.v218-lti-members{max-height:330px;overflow:auto;display:grid;gap:7px}.v218-lti-members article{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:11px;background:rgba(0,0,0,.16)}.v218-lti-members article div{display:grid}.v218-lti-members small,.v218-muted{color:#a9c2d0}.v218-lti-score>div{display:grid}.v218-lti-score strong{font-size:1.75rem;color:#63e6be}.v218-lti-toast{position:fixed;right:18px;bottom:18px;z-index:10050;max-width:420px;padding:13px 16px;border-radius:13px;background:#12324a;color:#fff;border:1px solid #4dabf7;box-shadow:0 18px 50px rgba(0,0,0,.4)}.v218-lti-toast[data-ok="0"]{border-color:#ff8787;background:#48212a}
@media(max-width:760px){.v218-lti-advantage{margin:12px;padding:14px;border-radius:17px}.v218-lti-head,.v218-lti-block-head,.v218-lti-actions,.v218-lti-score{align-items:flex-start;flex-direction:column}.v218-lti-catalog{grid-template-columns:1fr}.v218-lti-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.v218-lti-actions .btn,.v218-lti-score .btn{width:100%}.v218-lti-members article{align-items:flex-start;flex-direction:column}}


/* ===== classroom-sync-20.54.css ===== */
/* ITPlugg v20.54 – Classroom Workflow */
.v212-sync{margin-top:18px;border:1px solid color-mix(in srgb,var(--accent,#52d3ff) 35%,transparent);background:linear-gradient(160deg,rgba(18,42,70,.95),rgba(9,24,42,.98))}
.v212-head,.v212-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.v212-head h3,.v212-panel h4,.v212-plan-preview h4{margin:.2rem 0}.v212-head p,.v212-help{color:var(--muted,#a9bbcb);line-height:1.5}.v212-kicker{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#75dcff;font-weight:800}.v212-badge{padding:.45rem .7rem;border-radius:999px;background:rgba(78,211,155,.14);border:1px solid rgba(78,211,155,.35);font-weight:800;white-space:nowrap}.v212-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.v212-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:14px}.v212-panel,.v212-plan-preview{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(3,14,26,.42)}.v212-panel label{display:grid;gap:6px;margin:10px 0;font-weight:700}.v212-panel input,.v212-panel textarea,.v212-panel select{width:100%;box-sizing:border-box}.v212-panel textarea{min-height:150px;resize:vertical}.v212-inline{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v212-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.v212-checks{display:grid;gap:9px;padding-left:1.2rem;color:var(--muted,#a9bbcb)}.v212-empty{padding:22px;text-align:center;border:1px dashed rgba(255,255,255,.18);border-radius:14px;color:var(--muted,#a9bbcb);margin-top:14px}.v212-objectives{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.v212-objectives b{width:100%}.v212-objectives span{padding:7px 10px;border-radius:999px;background:rgba(82,211,255,.1);border:1px solid rgba(82,211,255,.22)}.v212-timeline{display:grid;gap:10px;margin:14px 0}.v212-block{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.v212-block>span{font-weight:900;color:#75dcff}.v212-block p{margin:.35rem 0;white-space:pre-line}.v212-block small{color:var(--muted,#a9bbcb)}.v212-plan-notes{display:grid;gap:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.09)}.v212-plan-notes p{margin:.2rem 0 .8rem;white-space:pre-line}.v212-confirm{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;font-weight:600!important}.v212-confirm input{width:auto!important;margin-top:.2rem}.v212-safety{margin-top:12px;padding:11px;border-left:3px solid #75dcff;background:rgba(82,211,255,.08);line-height:1.45}.v212-history{display:grid;gap:9px}.v212-history article{display:grid;gap:2px;padding:10px;border-radius:12px;background:rgba(255,255,255,.04)}.v212-history span,.v212-history small{color:var(--muted,#a9bbcb)}.v212-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v212-metrics article{padding:14px;border-radius:14px;text-align:center;background:rgba(255,255,255,.05)}.v212-metrics b{display:block;font-size:1.6rem;color:#75dcff}.v212-metrics span{color:var(--muted,#a9bbcb)}.v212-error{color:#ff9a9a}.v212-toast{position:fixed;z-index:10050;right:18px;bottom:18px;max-width:min(430px,calc(100vw - 36px));padding:12px 14px;border-radius:12px;background:#123453;color:white;box-shadow:0 18px 50px rgba(0,0,0,.35)}.v212-toast[data-ok="0"]{background:#6a2431}
@media(max-width:760px){.v212-grid{grid-template-columns:1fr}.v212-head,.v212-row{display:grid}.v212-badge{justify-self:start}.v212-inline{grid-template-columns:1fr}.v212-tabs .btn{flex:1 1 150px}.v212-block{grid-template-columns:56px 1fr}.v212-plan-preview{padding:12px}.v212-actions .btn{flex:1 1 140px}.v212-metrics{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.v212-sync *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ===== smart-sync-20.54.css ===== */
/* ITPlugg v20.54 – Smart Sync */
.v213-sync{position:relative;overflow:hidden}.v213-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.v213-head h3{margin:.2rem 0 .35rem}.v213-head p{margin:0;max-width:70ch}.v213-kicker{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.v213-status{white-space:nowrap;border-radius:999px;padding:.45rem .7rem;font-size:.78rem;font-weight:800;background:color-mix(in srgb,var(--card,#fff) 82%,#708090 18%)}.v213-status[data-tone="ok"]{background:#dcfce7;color:#166534}.v213-status[data-tone="warn"]{background:#fef3c7;color:#92400e}.v213-status[data-tone="bad"]{background:#fee2e2;color:#991b1b}.v213-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(140px,.6fr) minmax(240px,1fr);gap:.8rem;align-items:end}.v213-toolbar label{display:grid;gap:.35rem;font-size:.82rem;font-weight:700}.v213-toolbar select{width:100%}.v213-toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:.55rem!important;min-height:42px;padding:.55rem .7rem;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:.75rem}.v213-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:.9rem 0}.v213-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.8rem 0}.v213-metrics article{padding:.8rem;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:.8rem;background:color-mix(in srgb,var(--card,#fff) 92%,#93c5fd 8%)}.v213-metrics b{display:block;font-size:1.45rem}.v213-metrics span{font-size:.78rem;opacity:.75}.v213-change-list{display:grid;gap:.55rem;margin-top:.8rem}.v213-change{display:grid;grid-template-columns:86px 1fr;gap:.75rem;padding:.75rem;border:1px solid color-mix(in srgb,currentColor 13%,transparent);border-radius:.8rem}.v213-change>span{align-self:start;border-radius:999px;padding:.28rem .48rem;text-align:center;font-size:.72rem;font-weight:800}.v213-change[data-kind="added"]>span{background:#dcfce7;color:#166534}.v213-change[data-kind="updated"]>span{background:#dbeafe;color:#1d4ed8}.v213-change[data-kind="removed"]>span{background:#fee2e2;color:#991b1b}.v213-change b,.v213-change small{display:block}.v213-change small{margin-top:.15rem;opacity:.65}.v213-change p{margin:.35rem 0 0;line-height:1.45}.v213-note,.v213-error,.v213-empty{padding:.8rem;border-radius:.75rem;margin:.7rem 0}.v213-note{background:#eff6ff;border:1px solid #bfdbfe}.v213-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.v213-empty{border:1px dashed color-mix(in srgb,currentColor 24%,transparent);opacity:.75}.v213-foot{margin-top:.8rem;font-size:.78rem;opacity:.7}.v213-toast{position:fixed;right:1rem;bottom:1rem;z-index:10020;max-width:min(420px,calc(100vw - 2rem));padding:.8rem 1rem;border-radius:.8rem;background:#10243a;color:#fff;box-shadow:0 14px 45px #0005}.v213-toast[data-ok="0"]{background:#7f1d1d}
@media(max-width:780px){.v213-head{display:grid}.v213-status{justify-self:start}.v213-toolbar{grid-template-columns:1fr}.v213-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v213-change{grid-template-columns:1fr}.v213-change>span{justify-self:start}.v213-actions .btn{flex:1 1 160px}}
@media(prefers-reduced-motion:reduce){.v213-sync *{scroll-behavior:auto!important}}


/* ===== background-sync-20.54.css ===== */
/* ITPlugg v20.54 – Bakgrundssynk & granskningskö */
.v214-background{display:grid;gap:18px}.v214-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.v214-head h3{margin:.2rem 0}.v214-head p{max-width:850px;margin:.25rem 0 0;color:var(--muted,#64748b)}.v214-kicker{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.v214-status{padding:.45rem .7rem;border-radius:999px;background:rgba(100,116,139,.12);font-size:.78rem;font-weight:800;white-space:nowrap}.v214-status[data-tone="ok"]{background:rgba(34,197,94,.14)}.v214-status[data-tone="warn"]{background:rgba(245,158,11,.16)}.v214-status[data-tone="bad"]{background:rgba(239,68,68,.15)}.v214-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v214-summary article{padding:14px;border:1px solid var(--line,rgba(148,163,184,.28));border-radius:14px;background:rgba(255,255,255,.035)}.v214-summary b{display:block;font-size:1.35rem}.v214-summary span{font-size:.78rem;color:var(--muted,#64748b)}.v214-config{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,.45fr);gap:12px;align-items:end;padding:15px;border:1px solid var(--line,rgba(148,163,184,.28));border-radius:16px}.v214-config label{display:grid;gap:6px;font-size:.82rem;font-weight:700}.v214-toggle{display:flex!important;align-items:center;gap:9px}.v214-config-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.v214-course-list{display:grid;gap:8px}.v214-course{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line,rgba(148,163,184,.28));border-radius:13px}.v214-course b,.v214-course small{display:block}.v214-course small{margin-top:3px;color:var(--muted,#64748b);font-size:.75rem}.v214-course label{display:flex;align-items:center;gap:6px;font-size:.78rem}.v214-note{padding:13px 15px;border-radius:14px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2)}.v214-note[data-ready="1"]{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.22)}.v214-note p{margin:.25rem 0 0;color:var(--muted,#64748b);font-size:.82rem}.v214-queue-head{display:flex;justify-content:space-between;align-items:end;gap:14px}.v214-queue-head h4,.v214-queue-head p{margin:0}.v214-queue-head p{color:var(--muted,#64748b);font-size:.8rem}.v214-queue-head>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.v214-queue{display:grid;gap:10px}.v214-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:15px;border:1px solid var(--line,rgba(148,163,184,.28));border-radius:15px}.v214-queue-item[data-status="prepared"]{opacity:.78}.v214-queue-main h4{margin:.45rem 0 .2rem}.v214-queue-main p{margin:.25rem 0;color:var(--muted,#64748b)}.v214-queue-main small{font-size:.72rem;color:var(--muted,#64748b)}.v214-badges{display:flex;gap:6px;flex-wrap:wrap}.v214-badges span{padding:.25rem .48rem;border-radius:999px;background:rgba(99,102,241,.1);font-size:.67rem;font-weight:800}.v214-item-actions{display:flex;flex-direction:column;gap:7px;justify-content:center}.v214-empty{padding:18px;border:1px dashed var(--line,rgba(148,163,184,.35));border-radius:14px;text-align:center;color:var(--muted,#64748b)}.v214-error{padding:12px;border-radius:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.22)}.v214-toast{position:fixed;right:18px;bottom:18px;z-index:99999;max-width:min(430px,calc(100vw - 36px));padding:12px 15px;border-radius:13px;background:#0f172a;color:white;box-shadow:0 18px 55px rgba(0,0,0,.3)}.v214-toast[data-ok="0"]{background:#7f1d1d}
@media(max-width:760px){.v214-head,.v214-queue-head{display:grid}.v214-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.v214-config{grid-template-columns:1fr}.v214-course,.v214-queue-item{grid-template-columns:1fr}.v214-item-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.v214-queue-head>div:last-child{display:grid;grid-template-columns:1fr}.v214-course label{justify-self:start}}


/* ===== teacher-copilot-20.54.css ===== */
/* ITPlugg v20.54 – AI-lärarassistent */
.v215-copilot{--v215:#8b7cff;--v215b:#31d7c0;position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--card,#151d2b) 96%,#372d76),color-mix(in srgb,var(--card,#151d2b) 98%,#123c37));border-color:color-mix(in srgb,var(--v215) 45%,var(--line,#344257))}.v215-copilot:before{content:"";position:absolute;inset:-120px -120px auto auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--v215) 28%,transparent),transparent 68%);pointer-events:none}.v215-head,.v215-section-head,.v215-plan-title,.v215-brief{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.v215-head h3,.v215-section-head h4,.v215-brief h4,.v215-plan h4{margin:.25rem 0}.v215-head p,.v215-section-head p,.v215-brief p,.v215-plan p{margin:.35rem 0;color:var(--muted,#b8c3d7)}.v215-kicker,.v215-brief>div>span,.v215-plan-title span{font:800 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--v215b)}.v215-status{white-space:nowrap;border:1px solid var(--line,#344257);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;background:color-mix(in srgb,var(--panel,#111826) 85%,transparent)}.v215-status[data-tone="ok"]{color:#8af0cf;border-color:#3e9f86}.v215-status[data-tone="bad"]{color:#ffaaaa;border-color:#a94c57}.v215-brief{margin-top:18px;padding:18px;border:1px solid color-mix(in srgb,var(--v215) 38%,var(--line,#344257));border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--v215) 13%,transparent),color-mix(in srgb,var(--v215b) 8%,transparent))}.v215-brief-actions,.v215-plan-title>div:last-child,.v215-config-actions{display:flex;gap:8px;flex-wrap:wrap}.v215-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.v215-summary article{display:grid;gap:2px;padding:14px;border:1px solid var(--line,#344257);border-radius:14px;background:color-mix(in srgb,var(--panel,#111826) 84%,transparent)}.v215-summary b{font-size:25px}.v215-summary span{font-size:12px;color:var(--muted,#b8c3d7)}.v215-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:16px}.v215-workspace>section{min-width:0;padding:16px;border:1px solid var(--line,#344257);border-radius:18px;background:color-mix(in srgb,var(--panel,#111826) 88%,transparent)}.v215-priority-list{display:grid;gap:9px;margin-top:14px;max-height:620px;overflow:auto;padding-right:3px}.v215-priority{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--line,#344257);border-radius:14px;background:color-mix(in srgb,var(--card,#151d2b) 92%,transparent);cursor:pointer}.v215-priority:hover{border-color:color-mix(in srgb,var(--v215) 60%,var(--line,#344257))}.v215-priority[data-priority="high"]{border-color:#a65c67;background:linear-gradient(100deg,rgba(166,65,84,.13),transparent)}.v215-priority[data-priority="medium"]{border-color:#9b8451}.v215-priority input{margin-top:4px;width:18px;height:18px}.v215-score{display:inline-flex;min-height:24px;align-items:center;padding:3px 7px;border-radius:999px;border:1px solid var(--line,#344257);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.v215-priority-main{min-width:0}.v215-priority-main b,.v215-priority-main small{display:block}.v215-priority-main small{margin-top:3px;color:var(--muted,#b8c3d7);font-size:11px}.v215-priority-main p{margin:7px 0 0;font-size:13px;line-height:1.45}.v215-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:14px 0}.v215-controls label{display:grid;gap:5px;font-size:12px;font-weight:750}.v215-controls select{min-height:42px;border:1px solid var(--line,#344257);border-radius:10px;background:var(--panel,#111826);color:var(--text,#fff);padding:8px}.v215-plan{display:grid;gap:14px}.v215-plan-title{padding-top:4px}.v215-objectives,.v215-warning,.v215-plan-grid section{padding:13px;border:1px solid var(--line,#344257);border-radius:14px;background:color-mix(in srgb,var(--card,#151d2b) 90%,transparent)}.v215-objectives h5,.v215-plan-grid h5{margin:0 0 8px}.v215-objectives ul{margin:0;padding-left:20px}.v215-blocks{display:grid;gap:8px}.v215-blocks section{position:relative;padding:13px 58px 13px 13px;border-left:3px solid var(--v215);border-radius:10px;background:color-mix(in srgb,var(--card,#151d2b) 88%,transparent)}.v215-blocks section>b{display:block}.v215-blocks section>span{position:absolute;right:11px;top:11px;font-weight:850;color:var(--v215b)}.v215-blocks section p{font-size:13px}.v215-blocks section small{color:var(--muted,#b8c3d7)}.v215-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v215-plan-grid p{font-size:13px}.v215-warning{border-color:#9a7a42;background:rgba(154,122,66,.09)}.v215-warning b{color:#ffdf97}.v215-error{margin:10px 0;padding:11px;border:1px solid #a94c57;border-radius:11px;color:#ffb6bd;background:rgba(169,76,87,.1)}.v215-empty{padding:22px;border:1px dashed var(--line,#344257);border-radius:14px;color:var(--muted,#b8c3d7);text-align:center}.v215-toast{position:fixed;right:18px;bottom:18px;z-index:10020;max-width:min(440px,calc(100vw - 36px));padding:12px 15px;border:1px solid #398c78;border-radius:13px;background:#102a27;color:#e9fff8;box-shadow:0 18px 55px #0008}.v215-toast[data-ok="0"]{border-color:#a94c57;background:#35171d;color:#ffdce0}
@media(max-width:1050px){.v215-workspace{grid-template-columns:1fr}.v215-priority-list{max-height:420px}}
@media(max-width:720px){.v215-head,.v215-section-head,.v215-plan-title,.v215-brief{display:grid}.v215-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.v215-controls{grid-template-columns:1fr}.v215-plan-grid{grid-template-columns:1fr}.v215-priority{grid-template-columns:auto minmax(0,1fr)}.v215-score{grid-column:2}.v215-priority-main{grid-column:2}.v215-workspace>section{padding:13px}.v215-brief{padding:14px}}


/* ===== fresh-focus-20.54.css ===== */
/* ITPlugg v20.54 – Fresh Focus
   Renare elevstart, mindre visuellt brus och kompakt navigation. */

:root{
  --v2019-surface:color-mix(in srgb,var(--bg2) 92%,transparent);
  --v2019-surface-strong:color-mix(in srgb,var(--bg2) 97%,var(--teal) 3%);
  --v2019-border:color-mix(in srgb,var(--line) 84%,var(--teal) 16%);
  --v2019-shadow:0 18px 48px rgba(0,0,0,.18);
}

body.v2019-fresh-home #homeScreen{
  width:min(100%,1120px);
  margin-inline:auto;
  padding:clamp(18px,3vw,34px) clamp(16px,3vw,30px) 52px;
}

/* Den gamla, långa hemskärmen finns kvar i DOM:en för kompatibilitet,
   men elevens standardvy visar bara fokuspanelen och viktiga systemmeddelanden. */
body.v2019-fresh-home #homeScreen > :not(#v2019FocusHome):not(#storageRecoveryCard):not(#resumeQuizCard):not(#connectionBanner){
  display:none!important;
}

.v2019-focus-home{
  display:grid;
  gap:18px;
  animation:v2019-enter .28s ease both;
}
@keyframes v2019-enter{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}

.v2019-home-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:4px 2px 0;
}
.v2019-home-top small,
.v2019-card-label{
  display:block;
  margin-bottom:7px;
  color:var(--teal);
  font:800 11px/1.2 var(--m);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.v2019-home-top h1{
  margin:0;
  max-width:720px;
  font-size:clamp(27px,4vw,42px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.v2019-home-top p{
  margin:10px 0 0;
  color:var(--mut);
  max-width:64ch;
  font-size:15px;
  line-height:1.55;
}
.v2019-save-state{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid var(--v2019-border);
  border-radius:999px;
  color:var(--mut);
  background:var(--v2019-surface);
  font-size:12px;
  white-space:nowrap;
}
.v2019-save-state i{
  width:8px;height:8px;border-radius:50%;
  background:#42d39a;
  box-shadow:0 0 0 5px rgba(66,211,154,.10);
}
.v2019-save-state[data-online="0"] i{background:var(--amber);box-shadow:0 0 0 5px rgba(242,178,51,.10)}

.v2019-announcement{
  padding:13px 15px;
  border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));
  border-radius:14px;
  background:rgb(var(--accent-rgb) / .07);
  font-size:14px;
}
.v2019-announcement:empty{display:none}

.v2019-primary-grid{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(290px,.78fr);
  gap:18px;
  align-items:stretch;
}
.v2019-mission,
.v2019-course-card,
.v2019-progress-card,
.v2019-shortcuts,
.v2019-more-panel{
  border:1px solid var(--v2019-border);
  border-radius:22px;
  background:var(--v2019-surface);
  box-shadow:var(--v2019-shadow);
}
.v2019-mission{
  position:relative;
  overflow:hidden;
  min-height:310px;
  padding:clamp(24px,4vw,38px);
  background:
    radial-gradient(circle at 90% 10%,rgb(var(--accent-rgb) / .18),transparent 38%),
    linear-gradient(140deg,var(--v2019-surface-strong),var(--v2019-surface));
}
.v2019-mission:after{
  content:"";
  position:absolute;
  right:-70px;bottom:-95px;
  width:240px;height:240px;
  border:1px solid rgb(var(--accent-rgb) / .16);
  border-radius:50%;
  pointer-events:none;
}
.v2019-mission h2{
  position:relative;
  z-index:1;
  max-width:650px;
  margin:0;
  font-size:clamp(28px,4.3vw,46px);
  line-height:1.06;
  letter-spacing:-.035em;
}
.v2019-mission > p{
  position:relative;
  z-index:1;
  max-width:62ch;
  margin:14px 0 0;
  color:var(--mut);
  line-height:1.6;
}
.v2019-mission-meta{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:22px 0;
}
.v2019-mission-meta span,
.v2019-course-meta span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb,var(--bg) 36%,transparent);
  color:var(--mut);
  font-size:12px;
}
.v2019-main-action{
  position:relative;
  z-index:1;
  min-height:50px!important;
  padding-inline:20px!important;
  font-weight:800!important;
}

.v2019-side-stack{display:grid;gap:18px}
.v2019-course-card,.v2019-progress-card{padding:22px}
.v2019-course-card h2,.v2019-progress-card h2{margin:0;font-size:22px;line-height:1.2}
.v2019-course-card > p,.v2019-progress-card > p{margin:8px 0 0;color:var(--mut);font-size:14px;line-height:1.5}
.v2019-course-meta{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
.v2019-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.v2019-card-actions .btn{min-height:42px}

.v2019-progress-line{
  height:8px;
  margin:17px 0 15px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--bg);
}
.v2019-progress-line i{
  display:block;
  height:100%;
  width:var(--v2019-progress,0%);
  min-width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--teal),var(--amber));
}
.v2019-progress-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.v2019-progress-stats div{
  padding:11px 9px;
  border:1px solid var(--line);
  border-radius:13px;
  text-align:center;
}
.v2019-progress-stats b{display:block;font-size:18px}
.v2019-progress-stats small{display:block;margin-top:2px;color:var(--mut);font-size:10px;line-height:1.25}

.v2019-shortcuts{padding:16px}
.v2019-shortcut-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:3px 4px 13px;
}
.v2019-shortcut-head h2{margin:0;font-size:17px}
.v2019-shortcut-head p{margin:0;color:var(--mut);font-size:12px}
.v2019-shortcut-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.v2019-shortcut{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:76px;
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:15px;
  background:color-mix(in srgb,var(--bg2) 90%,transparent);
  color:var(--txt);
  text-align:left;
  font:inherit;
  cursor:pointer;
  transition:border-color .16s ease,transform .16s ease,background .16s ease;
}
.v2019-shortcut:hover{border-color:var(--teal);transform:translateY(-2px);background:rgb(var(--accent-rgb) / .07)}
.v2019-shortcut b{display:block;font-size:14px}
.v2019-shortcut small{display:block;margin-top:3px;color:var(--mut);font-size:11px}
.v2019-shortcut > span:last-child{color:var(--teal);font-size:19px}

.v2019-more-panel{box-shadow:none;overflow:hidden}
.v2019-more-panel summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:54px;
  padding:13px 17px;
  cursor:pointer;
  list-style:none;
  font-weight:750;
}
.v2019-more-panel summary::-webkit-details-marker{display:none}
.v2019-more-panel summary:after{content:"+";color:var(--teal);font-size:21px;font-weight:500}
.v2019-more-panel[open] summary:after{content:"−"}
.v2019-more-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:0 14px 14px;
}
.v2019-more-grid button{
  min-height:43px;
  padding:9px 11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:transparent;
  color:var(--txt);
  font:inherit;
  font-size:12px;
  cursor:pointer;
}
.v2019-more-grid button:hover{border-color:var(--teal);color:var(--teal)}

/* Kompaktare datornavigation: fem tydliga huvudval, konto och Mer. */
body.v2019-fresh-nav #v1919DevSidebar nav [data-dev-nav="terms"],
body.v2019-fresh-nav #v1919DevSidebar nav [data-dev-nav="progress"],
body.v2019-fresh-nav #v1919DevSidebar nav [data-dev-nav="awards"],
body.v2019-fresh-nav #v1919DevSidebar nav [data-dev-nav="focus"],
body.v2019-fresh-nav #v1919DevSidebar footer [data-dev-nav="settings"],
body.v2019-fresh-nav #v1919OpenPalette,
body.v2019-fresh-nav #v1919BackTeacher{
  display:none!important;
}
body.v2019-fresh-nav #v1919DevSidebar .v2019-hidden-group{display:none!important}
.v2019-sidebar-more{
  width:100%;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:8px 10px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:inherit;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.v2019-sidebar-more:hover{background:rgb(var(--accent-rgb) / .08)}
.v2019-sidebar-more > span:first-child{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;color:var(--teal)}
.v2019-sidebar-more b{display:block;font-size:13px}.v2019-sidebar-more small{display:block;color:var(--mut);font-size:10px}.v2019-sidebar-more > span:last-child{color:var(--mut)}

.v2019-drawer[hidden]{display:none!important}
.v2019-drawer{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(3,9,18,.66);
  backdrop-filter:blur(10px);
}
.v2019-drawer-card{
  width:min(620px,100%);
  max-height:min(760px,90vh);
  overflow:auto;
  border:1px solid var(--v2019-border);
  border-radius:24px;
  background:var(--bg2);
  box-shadow:0 28px 90px rgba(0,0,0,.45);
  padding:22px;
}
.v2019-drawer-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.v2019-drawer-head h2{margin:3px 0 0;font-size:25px}.v2019-drawer-head p{margin:7px 0 0;color:var(--mut);font-size:13px}
.v2019-drawer-close{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--txt);font-size:22px;cursor:pointer}
.v2019-drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.v2019-drawer-grid button{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:62px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;
  background:transparent;color:var(--txt);text-align:left;font:inherit;cursor:pointer;
}
.v2019-drawer-grid button:hover{border-color:var(--teal);background:rgb(var(--accent-rgb) / .06)}
.v2019-drawer-grid b{display:block;font-size:14px}.v2019-drawer-grid small{display:block;margin-top:3px;color:var(--mut);font-size:11px}

@media(max-width:900px){
  .v2019-primary-grid{grid-template-columns:1fr}
  .v2019-mission{min-height:0}
  .v2019-side-stack{grid-template-columns:1fr 1fr}
  .v2019-shortcut-grid{grid-template-columns:1fr 1fr 1fr}
  .v2019-more-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  body.v2019-fresh-home #homeScreen{padding:16px 14px 90px}
  .v2019-home-top{display:block}.v2019-save-state{margin-top:14px}
  .v2019-side-stack{grid-template-columns:1fr}
  .v2019-mission,.v2019-course-card,.v2019-progress-card{border-radius:18px}
  .v2019-mission{padding:24px 20px}.v2019-mission h2{font-size:31px}
  .v2019-shortcut-grid{grid-template-columns:1fr}
  .v2019-shortcut{min-height:64px}
  .v2019-more-grid,.v2019-drawer-grid{grid-template-columns:1fr}
  .v2019-progress-stats{grid-template-columns:repeat(3,1fr)}
}
@media(prefers-reduced-motion:reduce){.v2019-focus-home{animation:none}.v2019-shortcut{transition:none}}

/* Matcha den befintliga sidebarens två-raders grid utan nästlade textelement. */
body.v2019-fresh-nav #v1919DevSidebar .v2019-sidebar-more{
  display:grid!important;
  grid-template-columns:28px 1fr auto!important;
  grid-template-areas:"icon label extra" "icon hint extra"!important;
  gap:0 8px!important;
  padding:8px 10px!important;
}
body.v2019-fresh-nav #v1919DevSidebar .v2019-sidebar-more>.v2019-more-icon{
  grid-area:icon!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  color:var(--teal)!important;
  font-size:11px!important;
  letter-spacing:1px;
}
body.v2019-fresh-nav #v1919DevSidebar .v2019-sidebar-more>b{grid-area:label!important;align-self:end!important;font-size:12px!important}
body.v2019-fresh-nav #v1919DevSidebar .v2019-sidebar-more>small{grid-area:hint!important;align-self:start!important;font-size:8.5px!important;color:var(--mut)!important}
body.v2019-fresh-nav #v1919DevSidebar .v2019-sidebar-more>em{grid-area:extra!important;align-self:center!important;color:var(--mut)!important;font-style:normal!important}


/* ===== teacher-center-20.54.css ===== */
/* ITPlugg v20.54 – uppfräschad Lärarstudio */
.v2020-admin-panel{max-width:1220px!important}.v2020-center{min-width:0;margin:10px 0 18px;padding:0;border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));border-radius:24px;background:linear-gradient(145deg,rgb(var(--accent-rgb)/.045),var(--bg2));box-shadow:0 22px 70px rgba(0,0,0,.2);overflow:visible}.v2052-studio-hero{position:relative;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px 24px 20px;overflow:hidden;border-radius:23px 23px 0 0;background:radial-gradient(circle at 90% 0%,rgb(var(--accent-rgb)/.18),transparent 35%),linear-gradient(140deg,rgb(var(--accent-rgb)/.08),transparent 55%)}.v2052-studio-hero:after{content:"";position:absolute;right:-100px;top:-145px;width:280px;height:280px;border:1px solid rgb(var(--accent-rgb)/.12);border-radius:50%;pointer-events:none}.v2052-studio-brand{display:flex;gap:15px;min-width:0}.v2052-studio-mark{width:48px;height:48px;flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-items:end;padding:10px;border:1px solid rgb(var(--accent-rgb)/.33);border-radius:15px;background:rgb(var(--accent-rgb)/.1);box-shadow:inset 0 1px rgba(255,255,255,.06)}.v2052-studio-mark span{display:block;border-radius:4px 4px 2px 2px;background:var(--teal)}.v2052-studio-mark span:nth-child(1){height:45%;opacity:.65}.v2052-studio-mark span:nth-child(2){height:78%}.v2052-studio-mark span:nth-child(3){height:60%;opacity:.82}.v2052-studio-hero span{color:var(--teal);font:800 10px var(--m);letter-spacing:.14em;text-transform:uppercase}.v2052-studio-hero h2{max-width:720px;margin:6px 0 6px;font-size:27px;line-height:1.15;letter-spacing:-.025em}.v2052-studio-hero p{max-width:78ch;margin:0;color:var(--mut);line-height:1.5}.v2052-studio-actions{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v2052-core-nav{position:relative;z-index:8;display:grid;grid-template-columns:repeat(4,minmax(105px,1fr)) minmax(145px,.9fr);gap:7px;margin:0 18px;padding:7px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--bg) 90%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.1)}.v2052-core-nav>button,.v2052-tool-menu>summary{min-width:0;min-height:48px;display:grid;align-content:center;gap:1px;padding:7px 11px;border:0;border-radius:10px;background:transparent;color:var(--mut);font-family:var(--f);text-align:left;cursor:pointer}.v2052-core-nav>button>span,.v2052-tool-menu>summary>span{color:inherit;font-size:13px;font-weight:800;text-transform:none;letter-spacing:0}.v2052-core-nav>button>small,.v2052-tool-menu>summary>small{color:var(--mut);font-size:9px;font-weight:650}.v2052-core-nav>button[aria-selected=true]{background:rgb(var(--accent-rgb)/.14);color:var(--txt);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb)/.3)}.v2052-tool-menu{position:relative;min-width:0}.v2052-tool-menu>summary{list-style:none;height:100%;box-sizing:border-box}.v2052-tool-menu>summary::-webkit-details-marker{display:none}.v2052-tool-menu>summary:after{content:"⌄";position:absolute;right:12px;top:16px;color:var(--teal);font-weight:900}.v2052-tool-menu[open]>summary{background:var(--bg2);color:var(--txt);box-shadow:inset 0 0 0 1px var(--line)}.v2052-tool-popover{position:absolute;right:0;top:calc(100% + 9px);width:min(760px,calc(100vw - 52px));padding:13px;border:1px solid color-mix(in srgb,var(--teal) 24%,var(--line));border-radius:17px;background:var(--bg2);box-shadow:0 28px 80px rgba(0,0,0,.45)}.v2052-tool-groups{display:grid;grid-template-columns:1.25fr 1.25fr .8fr .8fr;gap:10px}.v2052-tool-groups section{display:grid;align-content:start;gap:4px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.v2052-tool-groups h4{margin:0 4px 5px;color:var(--mut);font:800 9px var(--m);letter-spacing:.1em;text-transform:uppercase}.v2052-tool-groups button{min-height:34px;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:var(--txt);font:700 11px var(--f);text-align:left;cursor:pointer}.v2052-tool-groups button:hover,.v2052-tool-groups button[aria-selected=true]{background:rgb(var(--accent-rgb)/.12);color:var(--teal)}.v2052-studio-body{min-width:0;padding:18px 20px 22px}.v2052-studio-start{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 18px;border:1px solid rgb(var(--accent-rgb)/.25);border-radius:17px;background:linear-gradient(120deg,rgb(var(--accent-rgb)/.08),var(--bg2))}.v2052-studio-start>div:first-child small{color:var(--teal);font:800 9px var(--m);letter-spacing:.12em}.v2052-studio-start h3{margin:4px 0 3px;font-size:18px}.v2052-studio-start p{margin:0;color:var(--mut);font-size:12px}.v2052-flow{display:flex;gap:6px;min-width:430px}.v2052-flow button{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);text-align:left;cursor:pointer}.v2052-flow i{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:rgb(var(--accent-rgb)/.16);color:var(--teal);font-style:normal;font-size:10px;font-weight:900}.v2052-flow span{display:grid;min-width:0}.v2052-flow b{font-size:11px}.v2052-flow small{overflow:hidden;color:var(--mut);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.v2020-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.v2020-metrics article{min-width:0;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.v2020-metrics b{display:block;font-size:23px;letter-spacing:-.03em}.v2020-metrics span{display:block;overflow:hidden;color:var(--mut);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.v2052-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.v2052-quick-grid button{min-width:0;display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);color:var(--txt);text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.v2052-quick-grid button:hover{transform:translateY(-1px);border-color:rgb(var(--accent-rgb)/.35);background:rgb(var(--accent-rgb)/.06)}.v2052-quick-grid span{color:var(--teal);font:800 9px var(--m);letter-spacing:.1em}.v2052-quick-grid b{font-size:13px}.v2052-quick-grid small{overflow:hidden;color:var(--mut);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.v2020-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px}.v2020-grid>section,.v2020-recent{min-width:0;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--bg2)}.v2020-grid h4,.v2020-recent h4{margin:0 0 11px;font-size:14px}.v2020-task,.v2020-health{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);text-align:left;cursor:pointer}.v2020-task b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2020-task span{color:var(--teal);font-size:10px;text-align:right}.v2020-health{justify-content:flex-start}.v2020-health i,.v2020-integration-grid article>i{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(242,178,51,.09)}.v2020-health[data-ok="1"] i,.v2020-integration-grid article[data-ok="1"]>i{background:#42d39a;box-shadow:0 0 0 4px rgba(66,211,154,.09)}.v2020-health span{display:grid;min-width:0}.v2020-health small{overflow:hidden;color:var(--mut);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.v2020-recent{margin-top:12px}.v2020-recent header,.v2020-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.v2020-section-head{padding:3px 1px 8px}.v2020-section-head h4{margin:0 0 4px;font-size:18px}.v2020-section-head p{margin:0;color:var(--mut)}.v2020-recent header button{border:0;background:none;color:var(--teal);cursor:pointer}.v2020-recent>div:not(.v2020-empty){display:grid;grid-template-columns:minmax(0,1fr) auto 130px;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.v2020-recent span{display:grid;min-width:0}.v2020-recent span>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2020-recent small,.v2020-recent time{color:var(--mut);font-size:10px}.v2020-empty{padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--mut);text-align:center}.v2020-class-grid,.v2020-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:12px}.v2020-class-grid article,.v2020-integration-grid article{min-width:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.v2020-class-grid article>span,.v2020-integration-grid article>span{color:var(--teal);font:800 9px var(--m);text-transform:uppercase}.v2020-class-grid h4,.v2020-integration-grid h4{margin:7px 0 4px}.v2020-class-grid p,.v2020-integration-grid p{margin:0 0 9px;color:var(--mut)}.v2020-class-grid small{color:var(--mut)}.v2020-table{max-width:100%;overflow:auto;margin-top:12px;border:1px solid var(--line);border-radius:13px}.v2020-table table{width:100%;border-collapse:collapse;min-width:700px}.v2020-table th,.v2020-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}.v2020-table th{color:var(--mut);font-size:10px}.v2020-legacy{margin:0 0 16px;border:1px solid var(--line);border-radius:17px;background:var(--bg2);overflow:hidden}.v2020-legacy>summary{display:flex;padding:15px 17px;cursor:pointer;list-style:none}.v2020-legacy>summary span{display:grid}.v2020-legacy>summary small{margin-top:3px;color:var(--mut)}.v2020-legacy-body{padding:0 16px 18px}.v2020-legacy-body>*{margin-top:12px!important}
@media(max-width:980px){.v2052-core-nav{grid-template-columns:repeat(4,1fr) 1.1fr}.v2052-tool-groups{grid-template-columns:1fr 1fr}.v2052-flow{min-width:360px}.v2052-quick-grid{grid-template-columns:1fr 1fr}.v2020-grid{grid-template-columns:1fr}.v2020-class-grid,.v2020-integration-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.v2020-center{margin-left:-4px;margin-right:-4px;border-radius:18px}.v2052-studio-hero{display:block;padding:18px;border-radius:17px 17px 0 0}.v2052-studio-mark{width:42px;height:42px}.v2052-studio-hero h2{font-size:22px}.v2052-studio-actions{justify-content:flex-start;margin-top:14px}.v2052-core-nav{grid-template-columns:repeat(5,minmax(96px,1fr));margin:0 10px;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.v2052-core-nav::-webkit-scrollbar{display:none}.v2052-core-nav>button,.v2052-tool-menu{min-width:96px}.v2052-tool-menu{position:static}.v2052-tool-popover{position:absolute;left:0;right:auto;top:calc(100% + 8px);width:min(94vw,620px)}.v2052-tool-groups{grid-template-columns:1fr 1fr}.v2052-studio-body{padding:14px 12px 18px}.v2052-studio-start{display:block;padding:14px}.v2052-flow{min-width:0;margin-top:12px;overflow-x:auto}.v2052-flow button{min-width:132px}.v2020-metrics{grid-template-columns:1fr 1fr}.v2052-quick-grid{grid-template-columns:1fr 1fr}.v2020-class-grid,.v2020-integration-grid{grid-template-columns:1fr}.v2020-recent>div:not(.v2020-empty){grid-template-columns:minmax(0,1fr) auto}.v2020-recent time{grid-column:1/-1}.v2020-section-head{align-items:flex-start;flex-direction:column}.v2020-task{align-items:flex-start;flex-direction:column}.v2020-task span{text-align:left}}
@media(max-width:440px){.v2052-studio-brand{gap:10px}.v2052-studio-mark{display:none}.v2052-tool-groups{grid-template-columns:1fr}.v2052-quick-grid{grid-template-columns:1fr}.v2020-metrics article{padding:12px}.v2020-metrics b{font-size:20px}}

/* v20.54 hotfix – Alla verktyg ska alltid öppnas inom mobilens viewport även om kärnnavet är horisontellt scrollat. */
@media(max-width:760px){.v2052-tool-menu[open] .v2052-tool-popover{position:fixed;z-index:2100;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 82px);width:auto;max-height:calc(100dvh - 106px);overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px rgba(0,0,0,.62)}}

/* v20.54 – även den yttre lärardialogens topp känns som samma studio. */
.v2020-admin-panel>.admin-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 2px;padding:10px 6px 12px;border-bottom:0!important}.v2020-admin-panel>.admin-head .kick{color:var(--teal);font:800 9px var(--m);letter-spacing:.12em;text-transform:uppercase}.v2020-admin-panel>.admin-head h2{margin:2px 0 0;font-size:16px}.v2020-admin-panel>.admin-head #adminClose{min-height:34px;padding:6px 11px}


/* v20.54 – snabbare Lärarstudio: verktygssök, senaste verktyg och mindre onödiga DOM-omritningar. */
.v2054-tool-launch kbd,.v2054-recent-row kbd,.v2054-tool-search kbd{padding:2px 5px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--mut);font:700 9px var(--m);box-shadow:inset 0 -1px rgba(255,255,255,.04)}
.v2052-tool-menu[data-active="1"]>summary{background:rgb(var(--accent-rgb)/.1);color:var(--txt);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb)/.22)}
.v2054-tool-search{display:grid;gap:6px;margin-bottom:10px}.v2054-tool-search>label,.v2054-recent>span{color:var(--mut);font:800 9px var(--m);letter-spacing:.1em;text-transform:uppercase}.v2054-tool-search>div{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.v2054-tool-search>div>span{color:var(--teal);font-size:18px}.v2054-tool-search input{width:100%;min-width:0;height:42px;border:0;outline:0;background:transparent;color:var(--txt);font:650 12px var(--f)}.v2054-tool-search input::placeholder{color:var(--mut)}
.v2054-recent{display:grid;gap:7px;margin:0 0 11px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--bg) 88%,transparent)}.v2054-recent>div{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.v2054-recent>div::-webkit-scrollbar{display:none}.v2054-recent button{min-width:max-content;display:grid;gap:1px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--txt);text-align:left;cursor:pointer}.v2054-recent button span{color:var(--txt);font:800 10px var(--f);letter-spacing:0;text-transform:none}.v2054-recent button small{color:var(--mut);font-size:8px}.v2054-recent-empty{color:var(--mut);font-size:10px}
.v2054-tool-empty{margin:10px 0 0;padding:13px;border:1px dashed var(--line);border-radius:10px;color:var(--mut);text-align:center}.v2052-tool-groups section[hidden],.v2052-tool-groups button[hidden]{display:none!important}
.v2054-recent-row{margin-top:10px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.v2054-recent-row>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.v2054-recent-row>header>span{color:var(--mut);font:800 9px var(--m);letter-spacing:.11em}.v2054-recent-row>header>button{border:0;background:none;color:var(--teal);font:750 10px var(--f);cursor:pointer}.v2054-recent-row>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.v2054-recent-row>div>button{min-width:0;display:grid;gap:2px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--txt);text-align:left;cursor:pointer}.v2054-recent-row>div>button span{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.v2054-recent-row>div>button small{overflow:hidden;color:var(--mut);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.v2054-tool-launch kbd{display:none}.v2054-recent-row>div{grid-template-columns:1fr 1fr}.v2054-tool-search>div{position:sticky;top:0}.v2054-recent{padding:8px}.v2052-tool-popover{border-radius:16px}}
@media(max-width:440px){.v2054-recent-row>header{align-items:flex-start;flex-direction:column}.v2054-recent-row>div{grid-template-columns:1fr}}


/* FLOW1 – sammanhängande lektionsflöde, isolerat från appens boot/navigation */
.v2055-lesson-flow{margin:12px 0 14px;border:1px solid color-mix(in srgb,var(--accent,#39d6c8) 30%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel,#10283d) 94%,transparent),color-mix(in srgb,var(--accent,#39d6c8) 7%,var(--panel,#10283d)));padding:14px 16px;box-shadow:0 12px 28px rgba(0,0,0,.08)}
.v2055-flow-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.v2055-flow-head>div{min-width:0;display:grid;gap:3px}.v2055-flow-head small{font-size:10px;letter-spacing:.16em;color:var(--accent,#39d6c8);font-weight:800}.v2055-flow-head b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2055-flow-head span{font-size:12px;color:var(--mut)}
.v2055-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.v2055-flow-step{appearance:none;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2,#17344d) 88%,transparent);color:inherit;border-radius:13px;padding:9px 10px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;min-width:0}.v2055-flow-step i{font-style:normal;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--mut) 18%,transparent);font-size:11px;font-weight:900;flex:0 0 auto}.v2055-flow-step span{display:grid;min-width:0}.v2055-flow-step b{font-size:12px}.v2055-flow-step small{font-size:10px;color:var(--mut)}.v2055-flow-step[data-state="done"]{border-color:color-mix(in srgb,#42c98a 55%,var(--line))}.v2055-flow-step[data-state="done"] i{background:rgba(66,201,138,.18);color:#72dfa7}.v2055-flow-step[data-state="current"]{border-color:color-mix(in srgb,var(--accent,#39d6c8) 70%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,#39d6c8) 16%,transparent)}.v2055-flow-step[data-state="current"] i{background:color-mix(in srgb,var(--accent,#39d6c8) 18%,transparent);color:var(--accent,#39d6c8)}
@media(max-width:760px){.v2055-lesson-flow{padding:12px;margin:10px 0 12px}.v2055-flow-head{align-items:stretch;flex-direction:column}.v2055-flow-head .btn{width:100%}.v2055-flow-steps{grid-template-columns:1fr 1fr}.v2055-flow-step{padding:9px}}


/* ===== teacher-studio-20.81.css ===== */
/* ITPlugg v20.81 – Teacher Studio polish. Presentation layer only; core logic stays untouched. */
:root{--itp81-rail:214px}
body.itp-teacher-open{overflow:hidden!important;padding-top:0!important;padding-bottom:0!important}
body.itp-teacher-open .v1939-main-nav,body.itp-teacher-open .v1939-mobile-nav{display:none!important}

#adminModal{padding:clamp(8px,1.5vw,20px)!important;align-items:center;justify-content:center;background:rgba(3,9,16,.72)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#adminModal .admin-panel{width:min(1380px,97vw)!important;max-width:1380px!important;height:min(930px,96dvh)!important;max-height:96dvh!important;border:1px solid color-mix(in srgb,var(--line,#294057) 86%,transparent)!important;border-radius:24px!important;background:var(--bg,#07111f)!important;color:var(--txt,#f4f7fb)!important;box-shadow:0 36px 110px rgba(0,0,0,.48)!important;overflow:hidden!important}
#adminModal>.admin-panel>.admin-head{min-height:76px;padding:14px 18px!important;border-bottom:1px solid var(--line,#294057)!important;background:color-mix(in srgb,var(--bg2,#0d1b2c) 88%,var(--bg,#07111f))!important;display:flex!important;align-items:center!important;gap:12px!important;position:relative!important;z-index:20!important}
#adminModal>.admin-panel>.admin-head>div{min-width:0;display:grid;gap:2px}
#adminModal>.admin-panel>.admin-head .kick{font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--teal,#5bd6df)!important;font-weight:850!important}
#adminModal>.admin-panel>.admin-head h2{font-size:20px!important;line-height:1.1!important;margin:0!important;letter-spacing:-.025em!important}
#adminModal>.admin-panel>.admin-head #adminClose{margin-left:auto!important;min-height:42px;padding:0 14px!important;border-radius:12px!important}

#adminModal .v1919-admin-shell{min-height:0!important;display:grid!important;grid-template-columns:var(--itp81-rail) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;flex:1!important;overflow:hidden!important;background:var(--bg,#07111f)!important}
#adminModal .v1919-admin-nav{min-width:0!important;padding:18px 12px!important;border:0!important;border-right:1px solid var(--line,#294057)!important;background:color-mix(in srgb,var(--bg2,#0d1b2c) 78%,var(--bg,#07111f))!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;overflow:auto!important;scrollbar-width:thin!important}
#adminModal .v1919-admin-nav button{width:100%!important;min-height:58px!important;margin:0!important;padding:10px 11px!important;border:1px solid transparent!important;border-radius:13px!important;display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:8px!important;row-gap:2px!important;align-items:center!important;white-space:normal!important;color:var(--mut,#aab8c8)!important;background:transparent!important;box-shadow:none!important;transform:none!important}
#adminModal .v1919-admin-nav button>span{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:color-mix(in srgb,var(--bg,#07111f) 72%,transparent);color:var(--mut,#91a3ba)!important;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace!important}
#adminModal .v1919-admin-nav button>b{display:block!important;font-size:12.5px!important;line-height:1.25!important;font-weight:760!important;color:inherit!important}
#adminModal .v1919-admin-nav button>small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10.5px!important;line-height:1.3!important;color:var(--mut,#91a3ba)!important}
#adminModal .v1919-admin-nav button>em{display:none!important}
#adminModal .v1919-admin-nav button:hover{background:color-mix(in srgb,var(--bg2,#0d1b2c) 72%,var(--teal,#5bd6df) 5%)!important;color:var(--txt,#f4f7fb)!important}
#adminModal .v1919-admin-nav button[data-active="1"]{background:color-mix(in srgb,var(--teal,#5bd6df) 11%,var(--bg2,#0d1b2c))!important;border-color:color-mix(in srgb,var(--teal,#5bd6df) 45%,var(--line,#294057))!important;color:var(--txt,#f4f7fb)!important;box-shadow:inset 3px 0 0 var(--teal,#5bd6df)!important}
#adminModal .v1919-admin-nav .v1946-dev-tab{margin-top:10px!important;border-top:1px solid var(--line,#294057)!important;padding-top:13px!important}

#adminModal .v1919-admin-workspace{min-width:0!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;background:var(--bg,#07111f)!important;scrollbar-gutter:stable!important}
#adminModal .v1919-admin-workspace>[data-admin-panel]{max-width:1080px!important;margin:0 auto!important;padding:30px clamp(20px,3vw,44px) 64px!important;color:var(--txt,#f4f7fb)!important}
#adminModal .v1919-admin-workspace>[data-admin-panel][hidden]{display:none!important}
#adminModal .v1919-admin-workspace h2,#adminModal .v1919-admin-workspace h3,#adminModal .v1919-admin-workspace h4,#adminModal .v1919-admin-workspace p,#adminModal .v1919-admin-workspace label{color:inherit!important}
#adminModal .v1919-admin-workspace small,#adminModal .v1919-admin-workspace .admin-help{color:var(--mut,#9aabba)!important}

#adminModal .v1919-admin-workspace .admin-card,#adminModal .v1919-admin-workspace .cloud-sync-box,#adminModal .v1919-admin-workspace .admin-warning,#adminModal .v1919-admin-workspace #adminCourseSettings,#adminModal .v1919-admin-workspace #adminFeatureSettings{background:var(--bg2,#0d1b2c)!important;color:var(--txt,#f4f7fb)!important;border:1px solid var(--line,#294057)!important;border-radius:16px!important;box-shadow:none!important}
#adminModal .v1919-admin-workspace input,#adminModal .v1919-admin-workspace select,#adminModal .v1919-admin-workspace textarea{background:color-mix(in srgb,var(--bg,#07111f) 80%,var(--bg2,#0d1b2c))!important;color:var(--txt,#f4f7fb)!important;border:1px solid var(--line,#294057)!important;border-radius:11px!important}
#adminModal .v1919-admin-workspace input:focus,#adminModal .v1919-admin-workspace select:focus,#adminModal .v1919-admin-workspace textarea:focus{outline:2px solid color-mix(in srgb,var(--teal,#5bd6df) 55%,transparent)!important;outline-offset:1px!important;border-color:var(--teal,#5bd6df)!important}

/* Overview: one calm command surface instead of navigation inside navigation. */
#adminModal .v1919-admin-overview{display:grid!important;gap:18px!important;margin-bottom:20px!important}
#adminModal .v1919-admin-welcome{padding:22px!important;border:1px solid color-mix(in srgb,var(--teal,#5bd6df) 25%,var(--line,#294057))!important;border-radius:20px!important;background:radial-gradient(circle at 94% 8%,color-mix(in srgb,var(--teal,#5bd6df) 15%,transparent),transparent 36%),var(--bg2,#0d1b2c)!important}
#adminModal .v1919-admin-welcome h2{font-size:clamp(22px,2.5vw,31px)!important;letter-spacing:-.035em!important;margin:2px 0 7px!important}
#adminModal .v1919-admin-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
#adminModal .v1919-admin-stats article{background:var(--bg2,#0d1b2c)!important;border:1px solid var(--line,#294057)!important;border-radius:14px!important;padding:14px!important}
#adminModal .v1919-admin-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#adminModal .v1919-admin-quick button{min-height:92px!important;background:var(--bg2,#0d1b2c)!important;color:var(--txt,#f4f7fb)!important;border:1px solid var(--line,#294057)!important;border-radius:15px!important;text-align:left!important;box-shadow:none!important}
#adminModal .v1919-admin-quick button:hover{border-color:color-mix(in srgb,var(--teal,#5bd6df) 48%,var(--line,#294057))!important;background:color-mix(in srgb,var(--teal,#5bd6df) 6%,var(--bg2,#0d1b2c))!important;transform:none!important}
#adminModal .v1919-course-status{gap:7px!important}

/* Teacher Center stays useful, but loses the duplicate hero/tab bar. */
#adminModal [data-admin-panel="overview"] #v2020TeacherCenter{margin:18px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--txt,#f4f7fb)!important}
#adminModal [data-admin-panel="overview"] #v2020TeacherCenter>.v2052-studio-hero,#adminModal [data-admin-panel="overview"] #v2020TeacherCenter>.v2052-core-nav,#adminModal [data-admin-panel="overview"] #v2020TeacherCenter>.v2052-studio-nav{display:none!important}
#adminModal [data-admin-panel="overview"] #v2020Body{padding:0!important;background:transparent!important;color:var(--txt,#f4f7fb)!important}
#adminModal [data-admin-panel="overview"] #v2020Body>*{max-width:none!important}
#adminModal #v2020TeacherCenter .v2052-card,#adminModal #v2020TeacherCenter article,#adminModal #v2020TeacherCenter section{--surface:var(--bg2,#0d1b2c);color:var(--txt,#f4f7fb)}

/* Make lesson cockpit and other legacy light surfaces theme-safe. */
#adminModal .v2052-studio-body,#adminModal .v2052-studio-body>*,#adminModal .v2052-studio-body article,#adminModal .v2052-studio-body section,#adminModal .v2052-studio-body .card,#adminModal .v2052-studio-body [class*="card"]{color:var(--txt,#f4f7fb)!important}
#adminModal .v2052-studio-body article,#adminModal .v2052-studio-body .card,#adminModal .v2052-studio-body [class*="card"]{background-color:var(--bg2,#0d1b2c)!important;border-color:var(--line,#294057)!important}

/* Development panel becomes a restrained admin-only workspace. */
#adminModal .v1946-dev-panel{padding:30px clamp(20px,3vw,44px) 64px!important;background:var(--bg,#07111f)!important;color:var(--txt,#f4f7fb)!important}
#adminModal .v1946-dev-hero{margin:0 0 14px!important;padding:20px!important;border:1px solid var(--line,#294057)!important;border-radius:18px!important;background:var(--bg2,#0d1b2c)!important;box-shadow:none!important}
#adminModal .v1946-dev-hero:before,#adminModal .v1946-dev-hero:after{display:none!important}
#adminModal .v1946-dev-hero h2{font-size:25px!important;margin:2px 0 7px!important}
#adminModal .v1946-dev-safety{border-radius:13px!important;background:color-mix(in srgb,#22c55e 7%,var(--bg2,#0d1b2c))!important;border:1px solid color-mix(in srgb,#22c55e 28%,var(--line,#294057))!important}
#adminModal .v1946-dev-panel .v1946-dev-tabs{display:flex!important;flex-wrap:wrap!important;gap:7px!important;padding:4px 0 14px!important;border-bottom:1px solid var(--line,#294057)!important}
#adminModal .v1946-dev-panel .v1946-dev-tabs button{background:transparent!important;color:var(--mut,#9aabba)!important;border:1px solid var(--line,#294057)!important;border-radius:999px!important;box-shadow:none!important}
#adminModal .v1946-dev-panel .v1946-dev-tabs button[data-active="1"]{color:var(--txt,#f4f7fb)!important;border-color:var(--teal,#5bd6df)!important;background:color-mix(in srgb,var(--teal,#5bd6df) 10%,var(--bg2,#0d1b2c))!important}

/* Keep legacy/manual publishing as a fallback rather than the primary visual action. */
#adminModal [data-admin-panel="system"] .cloud-sync-box{border-color:color-mix(in srgb,var(--teal,#5bd6df) 34%,var(--line,#294057))!important}
#adminModal>.admin-panel>.admin-actions{flex:0 0 auto!important;margin:0!important;padding:10px 16px!important;border-top:1px solid var(--line,#294057)!important;background:color-mix(in srgb,var(--bg2,#0d1b2c) 92%,var(--bg,#07111f))!important;box-shadow:0 -14px 35px rgba(0,0,0,.13)!important;display:flex!important;align-items:center!important;gap:8px!important;z-index:30!important}
#adminModal>.admin-panel>.admin-actions #adminDownload{order:3!important;background:transparent!important;color:var(--mut,#9aabba)!important;border-color:var(--line,#294057)!important}
#adminModal>.admin-panel>.admin-actions #adminPreview{order:1!important}
#adminModal>.admin-panel>.admin-actions #adminExit{order:4!important;margin-left:auto!important}

/* v20.81 private admin extension */
.itp81-private-tools-launch{margin:18px 0 0;padding:18px;border:1px solid color-mix(in srgb,#818cf8 38%,var(--line,#294057));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,#818cf8 8%,var(--bg2,#0d1b2c)),var(--bg2,#0d1b2c));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.itp81-private-tools-launch h3{margin:2px 0 5px;font-size:17px}.itp81-private-tools-launch p{margin:0;color:var(--mut,#9aabba);line-height:1.5;font-size:13px}.itp81-private-tools-kicker{font-size:9px;font-weight:850;letter-spacing:.14em;color:#a5b4fc}.itp81-private-tools-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.itp81-private-tools-lock{font-size:9px;font-weight:850;letter-spacing:.08em;border:1px solid color-mix(in srgb,#f59e0b 35%,var(--line,#294057));padding:5px 8px;border-radius:999px;color:#f8d48a;white-space:nowrap}
.itp81-vault-dialog{width:min(1220px,calc(100vw - 28px));height:min(840px,calc(100dvh - 28px));max-width:none;max-height:none;padding:0;border:1px solid #294057;border-radius:24px;background:#07111f;color:#eef5ff;box-shadow:0 34px 100px rgba(0,0,0,.64);overflow:hidden}.itp81-vault-dialog::backdrop{background:rgba(0,5,12,.82);backdrop-filter:blur(10px)}
.itp81-vault-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.itp81-vault-top{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #294057;background:#0d1b2c}.itp81-vault-top>div{min-width:0;flex:1}.itp81-vault-top small{display:block;color:#7fe3b2;font-size:9px;font-weight:850;letter-spacing:.13em}.itp81-vault-top h2{margin:2px 0 0;font-size:18px}.itp81-vault-top p{margin:3px 0 0;color:#91a3ba;font-size:12px}.itp81-vault-close{width:42px;height:42px;border:1px solid #294057;border-radius:12px;background:#12243a;color:#fff;font-size:20px;cursor:pointer}
.itp81-vault-body{overflow:auto;padding:20px}.itp81-vault-state{min-height:280px;display:grid;place-items:center;text-align:center;color:#9fb0c6}.itp81-vault-state b{display:block;color:#fff;margin-bottom:5px}.itp81-vault-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px}.itp81-vault-search{flex:1;min-height:44px;padding:0 13px;border:1px solid #294057;border-radius:12px;background:#0d1b2c;color:#fff;font:inherit}.itp81-vault-count{font-size:12px;color:#91a3ba;white-space:nowrap}
.itp81-vault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.itp81-subject-card{appearance:none;text-align:left;color:#eef5ff;border:1px solid #294057;border-radius:18px;background:#0d1b2c;padding:17px;cursor:pointer;display:grid;gap:11px;min-height:178px}.itp81-subject-card:hover,.itp81-subject-card:focus-visible{border-color:#56c9d6;outline:none}.itp81-card-head{display:flex;gap:11px;align-items:flex-start}.itp81-card-icon{font-size:27px;line-height:1}.itp81-card-stage{display:block;color:#7fe3b2;font-size:9px;font-weight:850;letter-spacing:.1em}.itp81-subject-card h3{margin:2px 0 0;font-size:17px}.itp81-subject-card p{margin:0;color:#a9b6c6;line-height:1.5;font-size:13px}.itp81-card-stats{display:flex;gap:6px;flex-wrap:wrap}.itp81-card-stats span{font-size:10px;border:1px solid #294057;border-radius:999px;padding:4px 7px;color:#b9c7d5}
.itp81-detail{display:grid;gap:16px}.itp81-back{width:max-content;border:0;background:transparent;color:#9fc7ff;font:inherit;font-weight:760;cursor:pointer;padding:0}.itp81-detail-hero{padding:20px;border:1px solid #294057;border-radius:19px;background:#0d1b2c}.itp81-detail-hero h2{margin:3px 0 8px;font-size:25px}.itp81-detail-hero p{margin:0;color:#a9b6c6;line-height:1.55}.itp81-private-note{margin-top:12px;padding:9px 11px;border-radius:11px;background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.22);color:#efd18e;font-size:11px}
.itp81-level-tabs{display:flex;gap:7px;flex-wrap:wrap}.itp81-level-tabs button{border:1px solid #294057;border-radius:999px;background:#0d1b2c;color:#a9b6c6;padding:8px 11px;cursor:pointer}.itp81-level-tabs button[data-active="1"]{border-color:#56c9d6;color:#fff;background:#102b37}.itp81-curriculum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.itp81-unit{border:1px solid #294057;border-radius:15px;background:#0d1b2c;padding:14px}.itp81-unit small{display:block;color:#7fe3b2;font-size:9px;font-weight:850;letter-spacing:.08em}.itp81-unit h4{margin:3px 0 7px;font-size:14px}.itp81-unit p{margin:0 0 10px;color:#9fb0c6;font-size:12px;line-height:1.45}.itp81-activities{display:flex;gap:5px;flex-wrap:wrap}.itp81-activities span{font-size:9px;border:1px solid #294057;border-radius:999px;padding:4px 6px;color:#c2ced9}
.itp81-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.itp81-tool{border:1px solid #294057;border-radius:14px;background:#0d1b2c;padding:12px}.itp81-tool small{color:#7fe3b2;font-weight:850;font-size:9px}.itp81-tool b{display:block;margin:3px 0 5px}.itp81-tool p{margin:0;color:#9fb0c6;font-size:11px;line-height:1.45}.itp81-source{border-top:1px solid #294057;padding-top:12px;color:#91a3ba;font-size:11px;line-height:1.5}.itp81-source a{color:#9fc7ff}
.itp81-mission{border:1px solid #31516d;border-radius:17px;background:#0c1c2e;padding:15px}.itp81-mission h4{margin:3px 0 7px}.itp81-mission p{color:#a9b6c6}.itp81-options{display:grid;gap:7px}.itp81-option,.itp81-check{border:1px solid #294057;border-radius:10px;background:#102033;color:#eef5ff;padding:10px 11px;text-align:left;cursor:pointer;font:inherit}.itp81-option[data-state="right"]{border-color:#54d69a;background:rgba(50,173,115,.12)}.itp81-option[data-state="wrong"]{border-color:#ff8585;background:rgba(201,64,64,.12)}.itp81-feedback{min-height:22px;margin-top:8px;font-size:12px;color:#aab9cc}.itp81-feedback[data-ok="1"]{color:#79e1aa}.itp81-feedback[data-ok="0"]{color:#ffaeae}

@media(max-width:900px){:root{--itp81-rail:184px}#adminModal .v1919-admin-workspace>[data-admin-panel],#adminModal .v1946-dev-panel{padding:24px 20px 56px!important}#adminModal .v1919-admin-nav button>small{display:none!important}#adminModal .v1919-admin-nav button{grid-template-rows:1fr;min-height:48px!important}#adminModal .v1919-admin-nav button>span{grid-row:auto}.itp81-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){#adminModal{padding:0!important}#adminModal .admin-panel{width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important}#adminModal .v1919-admin-shell{display:flex!important;flex-direction:column!important}#adminModal .v1919-admin-nav{flex:0 0 auto!important;display:flex!important;flex-direction:row!important;border-right:0!important;border-bottom:1px solid var(--line,#294057)!important;padding:8px!important;overflow-x:auto!important}#adminModal .v1919-admin-nav button{width:auto!important;min-width:max-content!important;min-height:42px!important;display:flex!important;padding:8px 10px!important}#adminModal .v1919-admin-nav button>span{width:auto;height:auto;background:transparent}#adminModal .v1919-admin-workspace>[data-admin-panel],#adminModal .v1946-dev-panel{padding:18px 12px 72px!important}#adminModal .v1919-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}#adminModal .v1919-admin-quick{grid-template-columns:1fr!important}#adminModal>.admin-panel>.admin-actions{overflow-x:auto!important}#adminModal>.admin-panel>.admin-actions .btn{white-space:nowrap!important}.itp81-private-tools-launch{grid-template-columns:1fr}.itp81-private-tools-actions{justify-content:flex-start}.itp81-vault-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.itp81-vault-body{padding:12px}.itp81-vault-grid,.itp81-curriculum,.itp81-tools{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#adminModal *{scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* ===== private-vault-launcher-20.82.css ===== */
/* ITPlugg v20.82 – private vault launcher. */
#adminModal .admin-head{gap:10px}
#adminModal .itp82-header-vault{margin-left:auto;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid color-mix(in srgb,#818cf8 42%,var(--line,#294057));border-radius:11px;background:color-mix(in srgb,#818cf8 9%,var(--bg2,#0d1b2c));color:var(--txt,#eef5ff);font:800 11px/1.1 var(--m,system-ui);cursor:pointer}
#adminModal .itp82-header-vault:hover,#adminModal .itp82-header-vault:focus-visible{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.12)}
#adminModal .v1919-admin-nav .itp82-private-vault-tab{margin-top:9px;border-color:color-mix(in srgb,#818cf8 44%,var(--line))!important;background:linear-gradient(135deg,color-mix(in srgb,#818cf8 9%,var(--bg2)),var(--bg2))!important}
#adminModal .v1919-admin-nav .itp82-private-vault-tab em{margin-left:2px;padding:2px 6px;border-radius:999px;color:#e0e7ff;background:rgba(99,102,241,.18);font:800 8px var(--m);letter-spacing:.06em;font-style:normal}
#adminModal .v1919-admin-nav .itp82-private-vault-tab[data-active="1"]{border-color:#818cf8!important;box-shadow:0 8px 26px rgba(99,102,241,.14)!important}
#adminModal .itp82-private-quick{border-color:rgba(129,140,248,.42)!important;background:linear-gradient(135deg,color-mix(in srgb,#818cf8 9%,var(--bg2)),var(--bg2))!important}
#adminModal .itp82-private-vault-panel{padding:22px 22px 72px;color:var(--txt);background:var(--bg)}
.itp82-private-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px;border:1px solid rgba(129,140,248,.42);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,#312e81 48%,var(--bg2)),color-mix(in srgb,var(--teal) 10%,var(--bg2)));box-shadow:0 18px 45px rgba(15,23,42,.18)}
.itp82-private-hero small{display:block;color:#c7d2fe;font:850 9px var(--m);letter-spacing:.13em}.itp82-private-hero h2{margin:6px 0 7px;font-size:clamp(26px,4vw,38px);letter-spacing:-.04em}.itp82-private-hero p{max-width:670px;margin:0;color:color-mix(in srgb,var(--txt) 76%,var(--mut));line-height:1.55}.itp82-private-hero>span{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(224,231,255,.28);border-radius:999px;color:#e0e7ff;font:800 9px var(--m);letter-spacing:.08em}
.itp82-private-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--bg2)}.itp82-private-card b{font-size:15px}.itp82-private-card p{margin:5px 0 0;color:var(--mut);font-size:12px;line-height:1.5}
@media(max-width:680px){#adminModal .itp82-header-vault{margin-left:0}.itp82-private-vault-panel{padding:16px 12px 72px!important}.itp82-private-hero,.itp82-private-card{display:block}.itp82-private-hero>span{display:inline-flex;margin-top:13px}.itp82-private-card .btn{width:100%;margin-top:14px}}


/* ===== teacher-context-20.54.css ===== */
/* ITPlugg v20.54 – aktiv klass/kurs i Lärarstudion */
.v2052-contextbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 18px 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));border-radius:15px;background:linear-gradient(110deg,rgb(var(--accent-rgb)/.09),var(--bg2));box-shadow:0 8px 26px rgba(0,0,0,.08)}
.v2052-context-title{display:grid;min-width:0;gap:2px}.v2052-context-title small{color:var(--teal);font:800 9px var(--m);letter-spacing:.12em}.v2052-context-title b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.v2052-context-title span{overflow:hidden;color:var(--mut);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.v2052-context-fields{display:flex;align-items:end;gap:8px;min-width:0}.v2052-context-fields label{display:grid;gap:4px;min-width:180px;color:var(--mut);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.v2052-context-fields select{width:100%;min-height:35px;padding:6px 30px 6px 9px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--txt);font:700 11px var(--f)}.v2020-class-grid article[data-active="1"]{border-color:rgb(var(--accent-rgb)/.5);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb)/.18)}.v2020-class-grid .v2052-class-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.v2020-class-grid .v2052-class-actions em{color:var(--teal);font:800 9px var(--m);font-style:normal;letter-spacing:.08em}.v2020-class-grid .v2052-class-actions button{min-height:30px;padding:5px 9px}
@media(max-width:820px){.v2052-contextbar{align-items:stretch;flex-direction:column}.v2052-context-fields{align-items:stretch}.v2052-context-fields label{min-width:0;flex:1}}
@media(max-width:560px){.v2052-contextbar{margin:9px 10px 0;padding:11px}.v2052-context-fields{display:grid;grid-template-columns:1fr 1fr}.v2052-context-fields .btn{grid-column:1/-1}.v2052-context-title span{white-space:normal}}


/* ===== teacher-class-workspace-20.54.css ===== */
/* ITPlugg v20.54 – Klassarbetsyta */
.v2053-class-workspace{min-width:0;margin:0 0 22px;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 94%,var(--acc) 6%),var(--card));box-shadow:0 18px 50px rgba(0,0,0,.08)}
.v2053cw-hero,.v2053cw-focus{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.v2053cw-hero small,.v2053cw-focus small,.v2053cw-grid article>header>span{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--mut)}.v2053cw-hero h3{margin:4px 0 5px;font-size:clamp(22px,3vw,34px)}.v2053cw-hero p,.v2053cw-focus p{margin:0;color:var(--mut)}.v2053cw-hero>span{flex:none;padding:8px 11px;border-radius:999px;background:color-mix(in srgb,var(--ok,#22c55e) 13%,transparent);font-size:12px;font-weight:800}
.v2053cw-focus{margin-top:18px;padding:18px;border-radius:18px;background:color-mix(in srgb,var(--acc) 9%,var(--bg));border:1px solid color-mix(in srgb,var(--acc) 28%,var(--line))}.v2053cw-focus h4{margin:3px 0 5px;font-size:21px}.v2053cw-focus .btn{align-self:center;white-space:nowrap}
.v2053cw-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.v2053cw-metrics article{min-width:0;padding:14px 15px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--card) 96%,var(--bg))}.v2053cw-metrics b{display:block;font-size:22px}.v2053cw-metrics span{font-size:12px;color:var(--mut)}
.v2053cw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v2053cw-grid>article{min-width:0;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.v2053cw-grid article>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.v2053cw-grid article>header button{border:0;background:transparent;color:var(--acc);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.v2053cw-grid h4{margin:0 0 10px}
.v2053cw-list{display:grid;gap:7px}.v2053cw-list>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:10px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--bg) 55%,var(--card));color:inherit;cursor:pointer}.v2053cw-list span{min-width:0;display:grid;gap:2px}.v2053cw-list b,.v2053cw-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2053cw-list small{color:var(--mut)}.v2053cw-list em{flex:none;font-style:normal;font-size:11px;font-weight:800;color:var(--mut)}.v2053cw-list em[data-urgent="1"]{color:var(--bad,#ef4444)}
.v2053cw-latest{padding:10px 0}.v2053cw-latest small{color:var(--mut)}.v2053cw-latest h4{margin:4px 0}.v2053cw-latest p,.v2053cw-empty{margin:0;color:var(--mut)}.v2053cw-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v2053cw-actions button{min-width:0;padding:12px;text-align:left;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--bg) 55%,var(--card));color:inherit;cursor:pointer}.v2053cw-actions b,.v2053cw-actions small{display:block}.v2053cw-actions small{margin-top:2px;color:var(--mut)}
.v2053cw-note{margin:14px 2px 0;color:var(--mut);font-size:12px}.v2053cw-empty-state{display:flex;align-items:center;justify-content:space-between;gap:20px}.v2053cw-empty-state h3{margin:4px 0 7px}.v2053cw-empty-state p{margin:0;max-width:70ch;color:var(--mut)}
@media(max-width:760px){.v2053-class-workspace{padding:16px;border-radius:20px}.v2053cw-hero,.v2053cw-focus,.v2053cw-empty-state{flex-direction:column}.v2053cw-focus .btn,.v2053cw-empty-state .btn{width:100%}.v2053cw-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v2053cw-grid{grid-template-columns:1fr}}
@media(max-width:420px){.v2053cw-actions{grid-template-columns:1fr}.v2053cw-metrics article{padding:12px}.v2053cw-metrics b{font-size:20px}}

/* v20.63 – Lärar Command Center */
.v2063-command{margin:0 0 18px;padding:20px;border:1px solid color-mix(in srgb,var(--acc) 28%,var(--line));border-radius:22px;background:radial-gradient(circle at 88% 0,color-mix(in srgb,var(--acc) 14%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--bg) 52%,var(--card)),var(--card));box-shadow:0 22px 58px rgba(0,0,0,.11)}
.v2063-command>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.v2063-command>header small,.v2063-command-priority small,.v2063-command-radar span{font-size:10.5px;font-weight:900;letter-spacing:.12em;color:var(--mut)}.v2063-command>header h3{margin:3px 0 3px;font-size:clamp(22px,3vw,32px)}.v2063-command>header p{margin:0;color:var(--mut)}.v2063-command-status{flex:none;padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:10.5px;font-weight:900;letter-spacing:.08em;color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,var(--bg))}
.v2063-command[data-tone=urgent]{border-color:color-mix(in srgb,var(--bad,#ef4444) 42%,var(--line))}.v2063-command[data-tone=urgent] .v2063-command-status{color:var(--bad,#ef4444);border-color:color-mix(in srgb,var(--bad,#ef4444) 35%,var(--line))}.v2063-command[data-tone=attention] .v2063-command-status{color:var(--warn,#f59e0b)}
.v2063-command-priority{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:17px;border:1px solid color-mix(in srgb,var(--acc) 20%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--acc) 7%,var(--bg))}.v2063-command-priority h4{margin:3px 0 4px;font-size:20px}.v2063-command-priority p{margin:0;color:var(--mut);max-width:72ch}.v2063-command-priority .btn{flex:none;white-space:nowrap}
.v2063-command-radar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.v2063-command-radar article{min-width:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card) 94%,var(--bg));display:grid;gap:2px}.v2063-command-radar article[data-alert="1"]{border-color:color-mix(in srgb,var(--acc) 28%,var(--line));background:color-mix(in srgb,var(--acc) 5%,var(--card))}.v2063-command-radar b{font-size:22px;line-height:1.15}.v2063-command-radar small{color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2063-command-radar .v2063-command-text{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.v2063-command-radar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.v2063-command{padding:16px;border-radius:19px}.v2063-command>header,.v2063-command-priority{flex-direction:column}.v2063-command-priority .btn{width:100%}}
@media(max-width:420px){.v2063-command-radar{grid-template-columns:1fr}.v2063-command-radar small{white-space:normal}}

/* v20.64 – Klasspuls */
.v2064-class-pulse{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--bg) 52%,var(--card))}.v2064-class-pulse-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.v2064-class-pulse-head span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--acc)}.v2064-class-pulse-head small{color:var(--mut)}.v2064-class-pulse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.v2064-class-pulse-grid article{padding:9px 10px;border:1px solid var(--line);border-radius:11px;display:grid;gap:2px}.v2064-class-pulse-grid article span{font-size:9px;color:var(--mut);letter-spacing:.08em}.v2064-class-pulse-grid article b{font-size:12px}.v2064-class-pulse-grid article[data-tone=alert]{border-color:color-mix(in srgb,var(--bad,#ef4444) 38%,var(--line))}.v2064-class-pulse-grid article[data-tone=watch]{border-color:color-mix(in srgb,var(--warn,#f59e0b) 32%,var(--line))}.v2064-class-pulse-grid article[data-tone=focus]{border-color:color-mix(in srgb,var(--acc) 34%,var(--line))}@media(max-width:760px){.v2064-class-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.v2064-class-pulse-head{align-items:flex-start;flex-direction:column}.v2064-class-pulse-grid{grid-template-columns:1fr}}


/* ===== teacher-today-20.54.css ===== */
/* ITPlugg v20.54 – Idag i ITPlugg */
.v2049-today{display:grid;gap:16px}.v2049-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.v2049-head h4{margin:.25rem 0 .35rem;font-size:1.2rem}.v2049-head p{margin:0;max-width:760px;color:var(--muted,#9ba7b8)}.v2049-head small,.v2049-plan header small{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--accent,#58e6d9)}.v2049-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:14px;border:1px solid rgba(127,150,180,.2);border-radius:16px;background:rgba(10,18,31,.35)}.v2049-controls label{display:grid;gap:6px;min-width:min(290px,100%);font-size:.78rem;font-weight:700}.v2049-controls select{min-height:40px;border-radius:10px;border:1px solid rgba(127,150,180,.3);background:var(--panel,#111b2a);color:inherit;padding:0 10px}.v2049-duration{display:flex;flex-wrap:wrap;gap:7px}.v2049-duration button{min-height:40px;padding:0 13px;border-radius:999px;border:1px solid rgba(127,150,180,.25);background:transparent;color:inherit;font-weight:700;cursor:pointer}.v2049-duration button[aria-pressed="true"]{border-color:var(--accent,#58e6d9);background:rgba(88,230,217,.12);color:var(--accent,#58e6d9)}.v2049-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v2049-signals article{padding:13px 14px;border:1px solid rgba(127,150,180,.18);border-radius:14px;background:rgba(10,18,31,.28)}.v2049-signals b{display:block;font-size:1.35rem}.v2049-signals span{font-size:.76rem;color:var(--muted,#9ba7b8)}.v2049-plan{border:1px solid rgba(88,230,217,.22);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(88,230,217,.055),rgba(10,18,31,.18))}.v2049-plan>header{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid rgba(127,150,180,.16)}.v2049-plan h3{margin:.3rem 0;font-size:1.35rem}.v2049-plan header p{margin:0;max-width:720px;color:var(--muted,#9ba7b8)}.v2049-plan-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.v2049-timeline{padding:5px 20px}.v2049-timeline>section{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;padding:16px 0;border-bottom:1px solid rgba(127,150,180,.13)}.v2049-timeline>section:last-child{border-bottom:0}.v2049-time{width:52px;height:52px;border-radius:14px;display:grid;place-content:center;text-align:center;background:rgba(88,230,217,.1);border:1px solid rgba(88,230,217,.18)}.v2049-time b{font-size:1.1rem;line-height:1}.v2049-time span{font-size:.67rem;color:var(--muted,#9ba7b8)}.v2049-phase small{font-size:.69rem;font-weight:800;letter-spacing:.08em;color:var(--accent,#58e6d9)}.v2049-phase h4{margin:.2rem 0 .3rem;font-size:1rem}.v2049-phase p{margin:0 0 .6rem;color:var(--muted,#9ba7b8)}.v2049-phase button{border:0;background:transparent;padding:0;color:var(--accent,#58e6d9);font:inherit;font-weight:750;cursor:pointer}.v2049-plan>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-top:1px solid rgba(127,150,180,.16);background:rgba(10,18,31,.2)}.v2049-plan>footer small{color:var(--muted,#9ba7b8)}.v2049-overview{border-color:rgba(88,230,217,.3)!important;background:rgba(88,230,217,.07)!important}
@media(max-width:780px){.v2049-head,.v2049-plan>header,.v2049-plan>footer{align-items:stretch;flex-direction:column}.v2049-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.v2049-plan-actions .btn{flex:1}.v2049-timeline{padding:4px 14px}.v2049-timeline>section{grid-template-columns:48px minmax(0,1fr);gap:11px}.v2049-time{width:44px;height:44px;border-radius:12px}}
@media(max-width:420px){.v2049-signals{grid-template-columns:1fr 1fr}.v2049-controls{padding:11px}.v2049-duration button{flex:1;min-width:68px}}


/* ===== lesson-followup-20.54.css ===== */
/* ITPlugg v20.54 – Efter lektionen */
.v2050-followup{display:grid;gap:16px}.v2050-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.v2050-head small,.v2050-summary header small{font-size:.72rem;font-weight:850;letter-spacing:.08em;color:var(--accent,#58e6d9)}.v2050-head h4{margin:.25rem 0 .35rem;font-size:1.2rem}.v2050-head p{margin:0;max-width:780px;color:var(--muted,#9ba7b8)}.v2050-controls{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:12px;align-items:end;padding:14px;border:1px solid rgba(127,150,180,.2);border-radius:16px;background:rgba(10,18,31,.35)}.v2050-controls label{display:grid;gap:6px;font-size:.78rem;font-weight:750}.v2050-controls select,.v2050-observations input,.v2050-observations select,.v2050-observations textarea{width:100%;min-height:40px;border-radius:10px;border:1px solid rgba(127,150,180,.3);background:var(--panel,#111b2a);color:inherit;padding:9px 10px}.v2050-context{display:grid;gap:3px}.v2050-context span{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#9ba7b8)}.v2050-context b{font-size:.92rem}.v2050-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v2050-metrics article{padding:13px 14px;border:1px solid rgba(127,150,180,.18);border-radius:14px;background:rgba(10,18,31,.28)}.v2050-metrics b{display:block;font-size:1.35rem}.v2050-metrics span{font-size:.75rem;color:var(--muted,#9ba7b8)}.v2050-summary{border:1px solid rgba(88,230,217,.22);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(88,230,217,.05),rgba(10,18,31,.18))}.v2050-summary>header{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid rgba(127,150,180,.16)}.v2050-summary h3{margin:.3rem 0;font-size:1.3rem}.v2050-summary header p{margin:0;max-width:760px;color:var(--muted,#9ba7b8)}.v2050-summary header>div:last-child{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.v2050-columns{display:grid;grid-template-columns:1fr 1fr;gap:0}.v2050-columns>section{padding:18px 20px}.v2050-columns>section+section{border-left:1px solid rgba(127,150,180,.14)}.v2050-columns>section>h4{margin:0 0 12px}.v2050-signal{padding:12px 0;border-bottom:1px solid rgba(127,150,180,.13)}.v2050-signal:last-child{border-bottom:0}.v2050-signal small{font-size:.68rem;font-weight:800;color:var(--accent,#58e6d9)}.v2050-signal h4{margin:.18rem 0 .25rem}.v2050-signal p{margin:0 0 6px;color:var(--muted,#9ba7b8);font-size:.86rem}.v2050-signal span{font-size:.7rem;color:var(--muted,#9ba7b8)}.v2050-source-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.v2050-source-tags em{font-style:normal;font-size:.66rem;padding:3px 7px;border-radius:999px;background:rgba(88,230,217,.09);border:1px solid rgba(88,230,217,.16)}.v2050-empty{padding:14px;border:1px dashed rgba(127,150,180,.22);border-radius:12px;color:var(--muted,#9ba7b8)}.v2050-observations{padding:17px;border:1px solid rgba(127,150,180,.18);border-radius:16px;background:rgba(10,18,31,.25)}.v2050-observations header h4{margin:0 0 3px}.v2050-observations header p{margin:0 0 12px;color:var(--muted,#9ba7b8)}.v2050-observations form{display:grid;grid-template-columns:180px minmax(180px,1fr) minmax(260px,2fr) auto;gap:10px;align-items:end}.v2050-observations form label{display:grid;gap:5px;font-size:.75rem;font-weight:750}.v2050-note-list{display:grid;gap:8px;margin-top:14px}.v2050-note-list article{display:grid;grid-template-columns:110px minmax(0,1fr) 34px;gap:10px;align-items:start;padding:11px 12px;border-radius:12px;background:rgba(127,150,180,.07)}.v2050-note-list article>span{font-size:.68rem;font-weight:850;color:var(--accent,#58e6d9)}.v2050-note-list b{display:block}.v2050-note-list p{margin:3px 0;color:var(--muted,#9ba7b8)}.v2050-note-list small{color:var(--muted,#9ba7b8)}.v2050-note-list button{border:0;background:transparent;color:inherit;font-size:1.2rem;cursor:pointer}.v2050-reflections{padding:13px 16px;border:1px solid rgba(127,150,180,.17);border-radius:14px}.v2050-reflections summary{font-weight:800;cursor:pointer}.v2050-reflections>p,.v2050-privacy{color:var(--muted,#9ba7b8);font-size:.78rem}.v2050-reflections blockquote{margin:10px 0;padding:10px 12px;border-left:3px solid rgba(88,230,217,.35);background:rgba(88,230,217,.04)}.v2050-overview{border-color:rgba(88,230,217,.3)!important;background:rgba(88,230,217,.07)!important}
@media(max-width:900px){.v2050-columns{grid-template-columns:1fr}.v2050-columns>section+section{border-left:0;border-top:1px solid rgba(127,150,180,.14)}.v2050-observations form{grid-template-columns:1fr 1fr}.v2050-observations .v2050-wide{grid-column:1/-1}}
@media(max-width:780px){.v2050-head,.v2050-summary>header{flex-direction:column;align-items:stretch}.v2050-controls{grid-template-columns:1fr}.v2050-metrics{grid-template-columns:1fr 1fr}.v2050-summary header>div:last-child .btn{flex:1}.v2050-observations form{grid-template-columns:1fr}.v2050-observations .v2050-wide{grid-column:auto}.v2050-note-list article{grid-template-columns:86px minmax(0,1fr) 30px}}


/* ===== teacher-journal-20.54.css ===== */
/* ITPlugg v20.54 – Undervisningsjournal */
.v2052-journal{display:grid;gap:14px;min-width:0}.v2052j-hero{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:22px;border:1px solid rgb(var(--accent-rgb)/.3);border-radius:20px;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.12),rgba(255,255,255,.018) 55%,var(--bg2));overflow:hidden}.v2052j-hero small,.v2052j-current small,.v2052j-card small,.v2052j-strength>small{color:var(--teal);font:800 10px var(--m);letter-spacing:.12em;text-transform:uppercase}.v2052j-hero h3{margin:6px 0 6px;font-size:22px;line-height:1.2}.v2052j-hero p{margin:0;color:var(--mut);max-width:72ch}.v2052j-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v2052j-current{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.v2052j-current>div{display:grid;gap:4px;align-content:center}.v2052j-current>div b{font-size:16px}.v2052j-current>div span{color:var(--mut);font-size:12px}.v2052j-current label{display:grid;gap:6px;color:var(--mut);font-size:11px;font-weight:800}.v2052j-current textarea,.v2052j-toolbar input,.v2052j-toolbar select{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);font:inherit;padding:9px 11px}.v2052j-current textarea{resize:vertical;min-height:64px}.v2052j-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v2052j-metrics article{padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:var(--bg2);min-width:0}.v2052j-metrics b{display:block;font-size:22px}.v2052j-metrics span{display:block;margin-top:3px;color:var(--mut);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2052j-toolbar{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(220px,1.35fr) auto;gap:10px;align-items:end;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:var(--bg2)}.v2052j-toolbar label{display:grid;gap:5px;color:var(--mut);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.v2052j-toolbar>span{align-self:center;color:var(--mut);font-size:11px}.v2052j-timeline{display:grid}.v2052j-entry{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px}.v2052j-line{position:relative}.v2052j-line:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:1px;background:var(--line)}.v2052j-line span{position:absolute;left:6px;top:23px;width:11px;height:11px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgb(var(--accent-rgb)/.12)}.v2052j-card{margin-bottom:12px;padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--bg2);min-width:0}.v2052j-card>header{display:flex;justify-content:space-between;gap:12px}.v2052j-card h4{margin:4px 0;font-size:18px}.v2052j-card header p{margin:0;color:var(--mut);font-size:12px}.v2052j-delete{width:31px;height:31px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--mut);cursor:pointer;font-size:18px}.v2052j-phases{display:flex;gap:7px;overflow:auto;margin:13px 0;padding-bottom:3px}.v2052j-phases span{flex:0 0 150px;display:grid;gap:3px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--bg);font-size:11px;color:var(--mut)}.v2052j-phases b{color:var(--teal);font-size:10px}.v2052j-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.v2052j-columns section,.v2052j-strength{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v2052j-columns section>b{display:block;margin:4px 0;font-size:13px}.v2052j-columns section p{margin:4px 0 9px;color:var(--mut);font-size:12px;line-height:1.45}.v2052j-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.v2052j-tags span{padding:4px 7px;border:1px solid rgb(var(--accent-rgb)/.28);border-radius:99px;background:rgb(var(--accent-rgb)/.08);font-size:10px}.v2052j-muted{display:block;margin-top:7px;color:var(--mut);font-size:11px}.v2052j-strength{margin-top:10px}.v2052j-card blockquote{margin:10px 0 0;padding:10px 12px;border-left:3px solid var(--teal);border-radius:0 10px 10px 0;background:rgb(var(--accent-rgb)/.06);color:var(--mut);font-size:12px}.v2052j-card footer{display:flex;justify-content:flex-end;margin-top:12px}.v2052j-card footer .btn{font-size:11px;padding:7px 10px}.v2052j-empty{display:grid;gap:5px;padding:34px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--mut)}.v2052j-empty b{color:var(--txt)}.v2052j-privacy{margin:0;color:var(--mut);font-size:11px}.v2052j-overview span{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.v2052j-hero{display:block;padding:17px}.v2052j-actions{justify-content:flex-start;margin-top:13px}.v2052j-current,.v2052j-columns{grid-template-columns:1fr}.v2052j-metrics{grid-template-columns:1fr 1fr}.v2052j-toolbar{grid-template-columns:1fr}.v2052j-toolbar>span{align-self:auto}.v2052j-entry{grid-template-columns:16px minmax(0,1fr)}.v2052j-line:before{left:7px}.v2052j-line span{left:3px;width:9px;height:9px}.v2052j-card{padding:13px}.v2052j-overview span{max-width:none;white-space:normal}}


/* ===== security-center-20.54.css ===== */
/* ITPlugg v20.54 – Säkerhets-, roll- och driftcentral */
.v2026-security{display:grid;gap:14px}.v2026-version{font:800 11px var(--m);color:var(--teal);border:1px solid var(--teal-d);border-radius:999px;padding:6px 10px}.v2026-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v2026-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.v2026-card:nth-child(1),.v2026-card:nth-child(5),.v2026-card:nth-child(6){grid-column:1/-1}.v2026-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.v2026-card-head small{color:var(--teal);font:800 10px var(--m);letter-spacing:.1em;text-transform:uppercase}.v2026-card-head h3{margin:5px 0 5px;font-size:17px}.v2026-card-head p{margin:0;color:var(--mut);font-size:12.5px;line-height:1.5;max-width:72ch}.v2026-role{padding:6px 10px;border:1px solid var(--line);border-radius:999px;font:800 11px var(--m);text-transform:uppercase}.v2026-role[data-role=admin]{color:#b8f7df;border-color:rgba(66,211,154,.42);background:rgba(66,211,154,.08)}.v2026-role[data-role=teacher]{color:#b9dcff;border-color:rgba(96,165,250,.42);background:rgba(96,165,250,.08)}.v2026-role[data-role=student]{color:var(--amber);border-color:rgba(242,178,51,.42);background:rgba(242,178,51,.08)}.v2026-role-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.v2026-role-matrix article{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.v2026-role-matrix b,.v2026-role-matrix span{display:block}.v2026-role-matrix b{font-size:12.5px}.v2026-role-matrix span{margin-top:4px;color:var(--mut);font-size:11.5px;line-height:1.45}.v2026-note{margin:10px 0 0;padding:9px 11px;border-left:3px solid var(--teal);border-radius:0 9px 9px 0;background:rgb(var(--accent-rgb)/.055);color:var(--mut);font-size:11.5px}.v2026-status-grid{display:grid;gap:7px;margin-top:13px}.v2026-status-grid article{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.v2026-status-grid i{width:10px;height:10px;margin-top:4px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(242,178,51,.1);flex:none}.v2026-status-grid article[data-ok="1"] i{background:#42d39a;box-shadow:0 0 0 4px rgba(66,211,154,.1)}.v2026-status-grid span{display:grid}.v2026-status-grid b{font-size:12px}.v2026-status-grid small{margin-top:2px;color:var(--mut);font-size:10.5px}.v2026-inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.v2026-inventory article{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.v2026-inventory article[data-group=excluded]{border-style:dashed}.v2026-inventory b,.v2026-inventory span,.v2026-inventory small{display:block}.v2026-inventory b{font-size:20px}.v2026-inventory span{font-size:11px}.v2026-inventory small{margin-top:3px;color:var(--mut);font-size:10px}.v2026-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.v2026-file{position:relative;overflow:hidden}.v2026-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.v2026-policy{display:grid;gap:10px;margin-top:13px}.v2026-policy label{display:grid;gap:5px;color:var(--mut);font-size:11.5px}.v2026-policy select,.v2026-delete-row select,.v2026-delete-row input{min-height:41px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--txt);font:inherit}.v2026-policy .v2026-check{display:flex;align-items:center;gap:8px}.v2026-log{display:grid;gap:6px;margin-top:13px;max-height:360px;overflow:auto}.v2026-log article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.v2026-log i{width:9px;height:9px;border-radius:50%;background:#42d39a}.v2026-log article[data-status=warning] i{background:var(--amber)}.v2026-log article[data-status=danger] i{background:var(--rose)}.v2026-log span{display:grid}.v2026-log b{font-size:11.5px}.v2026-log small,.v2026-log time{color:var(--mut);font-size:10px}.v2026-danger-zone{border-color:rgba(242,114,111,.34)}.v2026-delete-row{display:grid;grid-template-columns:1fr 180px auto;gap:8px;margin-top:13px}.v2026-result{min-height:18px;margin:8px 0 0;color:#b8f7df;font-size:11.5px}.v2026-result[data-bad="1"]{color:#ffc9c7}@media(max-width:850px){.v2026-grid{grid-template-columns:1fr}.v2026-card:nth-child(n){grid-column:auto}.v2026-role-matrix,.v2026-inventory{grid-template-columns:1fr 1fr}.v2026-delete-row{grid-template-columns:1fr}.v2026-card-head{display:block}.v2026-card-head>.btn,.v2026-card-head>.v2026-actions,.v2026-card-head>.v2026-role{margin-top:10px}}@media(max-width:480px){.v2026-role-matrix,.v2026-inventory{grid-template-columns:1fr}.v2026-log article{grid-template-columns:auto 1fr}.v2026-log time{grid-column:2}.v2026-actions .btn{flex:1}}


/* ===== content-health-20.54.css ===== */
/* ITPlugg v20.54 QUALITY1 – Kursradar */
.v2055-content-health{margin:14px 0 18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}
.v2055-content-health>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.v2055-content-health h4{margin:3px 0 4px;font-size:17px}.v2055-content-health p{margin:0;color:var(--mut);font-size:12.5px}.v2055-content-health small{font:700 10px var(--m);letter-spacing:.08em;color:var(--teal)}
.v2055-health-summary{display:flex;gap:7px;flex:none}.v2055-health-summary span{display:grid;text-align:center;min-width:74px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;color:var(--mut);font-size:10px}.v2055-health-summary b{color:var(--txt);font-size:16px}
.v2055-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.v2055-health-card{text-align:left;border:1px solid var(--line);background:var(--bg2);color:var(--txt);border-radius:12px;padding:11px;cursor:pointer;font:inherit;min-width:0}.v2055-health-card>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.v2055-health-card>div:first-child span{font-size:12px;font-weight:750}.v2055-health-card>div:first-child b{font:800 12px var(--m)}.v2055-health-card p{font-size:10.5px;margin:7px 0 4px}.v2055-health-card small{display:block;color:var(--mut);font-size:9.5px;letter-spacing:0;font-family:var(--f);font-weight:600}.v2055-health-card[data-tone="needs"]{border-color:rgba(242,114,111,.42)}.v2055-health-card[data-tone="watch"]{border-color:rgba(242,178,51,.38)}.v2055-health-card[data-tone="good"]{border-color:rgba(51,214,192,.28)}
.v2055-health-meter{height:4px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden;margin-top:8px}.v2055-health-meter i{display:block;height:100%;background:var(--teal);border-radius:inherit}.v2055-health-next{display:flex;gap:8px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:11px;color:var(--mut)}.v2055-health-next b{color:var(--txt);flex:none}
@media(max-width:700px){.v2055-content-health>header{flex-direction:column}.v2055-health-summary{width:100%}.v2055-health-summary span{flex:1}.v2055-health-grid{grid-template-columns:1fr}.v2055-health-next{align-items:flex-start;flex-direction:column}}


/* ===== content-studio-20.54.css ===== */
/* ITPlugg v20.54 – Innehållsstudio & kvalitetsmotor */
.v2021-studio{display:grid;gap:15px}.v2021-hero{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:19px;border:1px solid rgb(var(--accent-rgb)/.28);border-radius:18px;background:linear-gradient(145deg,rgb(var(--accent-rgb)/.09),var(--bg2))}.v2021-hero span,.v2021-editor header span,.v2021-preview-modal header span{color:var(--teal);font:800 10px var(--m);letter-spacing:.13em;text-transform:uppercase}.v2021-hero h4{font-size:20px;margin:6px 0 5px}.v2021-hero p{margin:0;color:var(--mut);max-width:70ch}.v2021-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v2021-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v2021-metrics article{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.v2021-metrics b{display:block;font-size:23px}.v2021-metrics span{font-size:11px;color:var(--mut)}.v2021-toolbar{display:grid;grid-template-columns:minmax(210px,1.7fr) repeat(3,minmax(130px,.65fr)) auto;gap:9px;align-items:end;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--bg2)}.v2021-toolbar label{display:grid;gap:5px}.v2021-toolbar label>span{font-size:10px;color:var(--mut);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.v2021-toolbar input,.v2021-toolbar select,.v2021-editor input,.v2021-editor select,.v2021-editor textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--txt);font:inherit;padding:9px 11px}.v2021-toolbar-actions{display:flex;gap:7px}.v2021-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v2021-card{display:flex;flex-direction:column;min-height:315px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.v2021-card[data-status=review]{border-color:rgba(242,178,51,.5)}.v2021-card[data-status=published]{border-color:rgb(var(--accent-rgb)/.35)}.v2021-card[data-status=archived]{opacity:.7}.v2021-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.v2021-card-top>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.v2021-status,.v2021-type,.v2021-score{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border:1px solid var(--line);border-radius:99px;font:800 10px var(--m);letter-spacing:.04em}.v2021-status[data-status=published]{color:#66e4b1;border-color:rgba(66,211,154,.45);background:rgba(66,211,154,.08)}.v2021-status[data-status=review]{color:var(--amber);border-color:rgba(242,178,51,.45);background:rgba(242,178,51,.08)}.v2021-status[data-status=approved]{color:var(--teal);border-color:rgb(var(--accent-rgb)/.4)}.v2021-status[data-status=archived]{color:var(--mut)}.v2021-type{color:var(--mut)}.v2021-score[data-level=good]{color:#66e4b1}.v2021-score[data-level=ok]{color:var(--teal)}.v2021-score[data-level=warn]{color:var(--amber)}.v2021-score[data-level=bad]{color:#ffc9c7;border-color:rgba(242,114,111,.45)}.v2021-card h4{font-size:17px;margin:13px 0 4px}.v2021-card>p{margin:0 0 10px;color:var(--mut);font-size:12px}.v2021-preview-text{line-height:1.55;font-size:13px}.v2021-issues{margin:13px 0 0;padding:10px 10px 10px 27px;border-radius:11px;background:var(--bg);font-size:12px;color:var(--mut)}.v2021-issues li[data-severity=error]{color:#ffc9c7}.v2021-clean{color:#66e4b1!important;margin-top:14px!important}.v2021-card footer{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-top:auto;padding-top:15px}.v2021-card footer>div{display:flex;gap:7px;flex-wrap:wrap}.v2021-card footer .btn{padding:7px 10px;font-size:12px}.v2021-more{border:0;background:none;color:var(--mut);cursor:pointer;font:inherit;font-size:11px}.v2021-empty{grid-column:1/-1;display:grid;gap:4px;padding:40px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--mut)}.v2021-empty b{color:var(--txt)}
.v2021-editor-backdrop,.v2021-preview-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:22px;background:rgba(2,8,18,.78);backdrop-filter:blur(7px)}.v2021-editor,.v2021-preview-modal{width:min(920px,100%);max-height:92vh;overflow:auto;border:1px solid rgb(var(--accent-rgb)/.36);border-radius:21px;background:var(--bg2);box-shadow:0 30px 100px rgba(0,0,0,.55)}.v2021-editor>header,.v2021-preview-modal>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line);background:var(--bg2)}.v2021-editor h3,.v2021-preview-modal h3{margin:4px 0 0;font-size:20px}.v2021-close{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--txt);font-size:23px;cursor:pointer}.v2021-editor form{padding:18px}.v2021-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v2021-form-grid label{display:grid;gap:6px;font-size:12px;color:var(--mut)}.v2021-form-grid .wide{grid-column:1/-1}.v2021-editor textarea{min-height:88px;resize:vertical}.v2021-editor label.wide textarea[name=body]{min-height:150px}.v2021-question-fields{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v2021-question-fields>label{display:grid;gap:6px}.v2021-question-fields textarea[name=options]{min-height:120px}.v2021-editor form>footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}.v2021-editor form>footer span{font-size:12px;color:var(--mut)}.v2021-editor form>footer div{display:flex;gap:8px}.v2021-preview-modal>header>div:last-child{display:flex;gap:7px;align-items:center}.v2021-preview-modal>header .btn[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}.v2021-device{padding:25px;background:#091625}.v2021-device[data-mode=mobile]>article{max-width:390px}.v2021-device>article{max-width:760px;margin:auto;padding:25px;border:1px solid #304861;border-radius:17px;background:#10253b;color:#eef6fa}.v2021-device small{color:#86b8cc}.v2021-device h2{font-size:25px;margin:8px 0 15px}.v2021-question{font-size:18px;font-weight:650}.v2021-options{display:grid;gap:9px}.v2021-options button{display:flex;gap:10px;text-align:left;padding:12px;border:1px solid #35516c;border-radius:11px;background:#0d2034;color:#eef6fa}.v2021-options button span{color:#33d6c0;font-weight:800}.v2021-lesson{line-height:1.75}.v2021-preview-modal>footer{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-top:1px solid var(--line)}.v2021-toast{position:fixed;right:22px;bottom:22px;z-index:3000;max-width:390px;padding:12px 15px;border:1px solid rgb(var(--accent-rgb)/.45);border-radius:12px;background:var(--bg2);box-shadow:0 15px 45px rgba(0,0,0,.35)}.v2021-toast[data-ok="0"]{border-color:rgba(242,114,111,.55)}
@media(max-width:900px){.v2021-toolbar{grid-template-columns:1fr 1fr}.v2021-search,.v2021-toolbar-actions{grid-column:1/-1}.v2021-library{grid-template-columns:1fr}}@media(max-width:650px){.v2021-hero{display:block}.v2021-hero-actions{justify-content:flex-start;margin-top:14px}.v2021-metrics{grid-template-columns:1fr 1fr}.v2021-toolbar{grid-template-columns:1fr}.v2021-search,.v2021-toolbar-actions{grid-column:auto}.v2021-form-grid{grid-template-columns:1fr}.v2021-form-grid .wide{grid-column:auto}.v2021-editor-backdrop,.v2021-preview-backdrop{padding:0}.v2021-editor,.v2021-preview-modal{height:100vh;max-height:none;border-radius:0}.v2021-editor form>footer{align-items:flex-start;flex-direction:column}.v2021-card footer{align-items:flex-start;flex-direction:column}.v2021-device{padding:12px}.v2021-device>article{padding:18px}}

/* v20.54 – Innehållsstudion får tydligare publiceringsflöde och luftigare arbetsyta. */
.v2021-studio{min-width:0}.v2021-hero{position:relative;overflow:hidden;padding:22px;background:radial-gradient(circle at 92% 0%,rgb(var(--accent-rgb)/.16),transparent 36%),linear-gradient(145deg,rgb(var(--accent-rgb)/.09),var(--bg2))}.v2021-hero:after{content:"";position:absolute;right:-80px;bottom:-150px;width:260px;height:260px;border:1px solid rgb(var(--accent-rgb)/.1);border-radius:50%;pointer-events:none}.v2021-hero>*,.v2021-hero-actions{position:relative;z-index:1}.v2021-metrics article{background:linear-gradient(145deg,var(--bg2),rgb(var(--accent-rgb)/.025))}.v2052-content-flow{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:var(--bg2)}.v2052-content-flow>div{display:grid;gap:2px}.v2052-content-flow>div small{color:var(--teal);font:800 9px var(--m);letter-spacing:.11em}.v2052-content-flow>div b{font-size:12px}.v2052-content-flow ol{display:flex;gap:5px;align-items:center;margin:0;padding:0;list-style:none}.v2052-content-flow li{position:relative;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;color:var(--mut);font-size:10px}.v2052-content-flow li:not(:last-child):after{content:"→";position:absolute;right:-9px;z-index:2;color:var(--mut)}.v2052-content-flow li span{min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--bg);font:800 9px var(--m)}.v2052-content-flow li[data-active="1"]{border-color:rgb(var(--accent-rgb)/.3);background:rgb(var(--accent-rgb)/.07);color:var(--txt)}.v2052-content-flow li[data-active="1"] span{color:var(--teal)}.v2021-toolbar{box-shadow:inset 0 1px rgba(255,255,255,.025)}.v2021-card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.v2021-card:hover{transform:translateY(-1px);border-color:rgb(var(--accent-rgb)/.28);box-shadow:0 12px 35px rgba(0,0,0,.08)}
@media(max-width:780px){.v2052-content-flow{display:block}.v2052-content-flow ol{margin-top:10px;overflow-x:auto;padding-bottom:3px}.v2052-content-flow li{flex:0 0 auto}}


/* ===== lab-center-20.54.css ===== */
/* ITPlugg v20.54 – Praktiskt labbcenter */
.v2023-lab-center{margin:14px 0 18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--bg2),rgb(var(--accent-rgb)/.055));overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.14)}
.v2023-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px;border-bottom:1px solid var(--line)}
.v2023-head h2{margin:3px 0 6px}.v2023-head p{margin:0;max-width:760px;color:var(--mut);line-height:1.55}.v2023-kicker{font:11px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.v2023-head-stat{min-width:128px;text-align:center;border:1px solid var(--line);border-radius:14px;padding:11px;background:var(--bg)}.v2023-head-stat b{display:block;font-size:24px;color:var(--teal)}.v2023-head-stat span{font-size:11px;color:var(--mut)}
.v2023-tabs{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.07)}.v2023-tabs button{border:1px solid transparent;border-radius:10px;background:transparent;color:var(--mut);padding:9px 13px;font:600 13px var(--f);cursor:pointer}.v2023-tabs button[aria-pressed=true]{border-color:rgb(var(--accent-rgb)/.45);background:rgb(var(--accent-rgb)/.1);color:var(--txt)}
.v2023-body{padding:18px}.v2023-case-layout{display:grid;grid-template-columns:minmax(240px,310px) 1fr;gap:16px}.v2023-case-list{display:grid;gap:8px;align-content:start}.v2023-case-card{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--txt);padding:11px;cursor:pointer}.v2023-case-card:hover,.v2023-case-card.active{border-color:var(--teal);background:rgb(var(--accent-rgb)/.065)}.v2023-case-card b,.v2023-case-card small{display:block}.v2023-case-card small{margin-top:3px;color:var(--mut);line-height:1.3}.v2023-case-status{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);color:var(--mut);font:700 12px var(--m)}.v2023-case-status.done{border-color:var(--teal);background:rgb(var(--accent-rgb)/.12);color:var(--teal)}
.v2023-case-detail,.v2023-evidence-main,.v2023-evidence-summary,.v2023-terminal-side{border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:18px}.v2023-case-detail h3{font-size:23px;margin:10px 0 7px}.v2023-brief{font-size:16px;line-height:1.55}.v2023-case-meta{display:flex;gap:6px;flex-wrap:wrap}.v2023-case-meta span,.v2023-status-chip{border:1px solid var(--line);border-radius:999px;padding:4px 8px;font:11px var(--m);color:var(--mut)}.v2023-status-chip.done{color:var(--teal);border-color:var(--teal-d)}
.v2023-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.v2023-info-grid section{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg2)}.v2023-info-grid h4{margin:0 0 7px}.v2023-info-grid ul{margin:0;padding-left:19px;color:var(--mut);line-height:1.55}
.v2023-progress-row{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;margin:15px 0}.v2023-progress-row b,.v2023-progress-row span{display:block}.v2023-progress-row span{font-size:11px;color:var(--mut)}.v2023-progress{height:8px;border-radius:99px;background:var(--bg2);overflow:hidden}.v2023-progress i{display:block;height:100%;border-radius:99px;background:var(--teal)}.v2023-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.v2023-terminal-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.75fr);gap:14px}.v2023-terminal-panel{min-height:520px;border:1px solid #1d3442;border-radius:15px;overflow:hidden;background:#071219;color:#d8edf2;display:flex;flex-direction:column}.v2023-terminal-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#10232d;border-bottom:1px solid #1d3442}.v2023-terminal-bar span{width:10px;height:10px;border-radius:50%;background:#f2726f}.v2023-terminal-bar span:nth-child(2){background:#f2b233}.v2023-terminal-bar span:nth-child(3){background:#48d597}.v2023-terminal-bar b{margin-left:8px;font:12px var(--m);color:#9fb9c2}.v2023-terminal-output{flex:1;overflow:auto;padding:15px;font:13px/1.5 var(--m)}.v2023-terminal-row{margin-bottom:15px}.v2023-prompt{color:#48d597;margin-bottom:5px}.v2023-terminal-row pre{white-space:pre-wrap;margin:0;color:#c3d8df}.v2023-terminal-welcome{color:#9fb9c2}.v2023-command-form{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:11px;border-top:1px solid #1d3442;background:#0b1a22}.v2023-command-form label{font:13px var(--m);color:#48d597}.v2023-command-form input{min-width:0;border:0;outline:0;background:transparent;color:#e8f7fa;font:13px var(--m);padding:8px}.v2023-command-form button{border:1px solid #31505e;border-radius:8px;background:#15303c;color:#d8edf2;padding:7px 10px;cursor:pointer}
.v2023-terminal-side h3,.v2023-terminal-side h4{margin-top:0}.v2023-terminal-side>p{color:var(--mut)}.v2023-required,.v2023-findings{margin:15px 0}.v2023-required div,.v2023-findings div{display:flex;gap:8px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;margin-top:6px;font-size:13px}.v2023-required div.done{border-color:var(--teal-d);background:rgb(var(--accent-rgb)/.07)}.v2023-required div.done span{color:var(--teal)}.v2023-findings p,.v2023-terminal-hint{font-size:12px;color:var(--mut)}
.v2023-evidence-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.55fr);gap:14px}.v2023-evidence-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.v2023-evidence-heading h3{margin:4px 0 14px}.v2023-field{display:grid;gap:6px;margin:13px 0;font-size:13px;color:var(--mut)}.v2023-field input,.v2023-field textarea{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--txt);padding:10px 11px;font:inherit}.v2023-resolution{border:0;padding:0;margin:17px 0}.v2023-resolution legend{font-weight:750;margin-bottom:8px}.v2023-resolution label{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:10px;margin:7px 0;cursor:pointer}.v2023-resolution label.selected{border-color:var(--teal);background:rgb(var(--accent-rgb)/.06)}.v2023-resolution input{margin-top:3px}.v2023-feedback{padding:11px 13px;border-radius:10px;border-left:3px solid var(--amber);background:rgba(242,178,51,.07)}.v2023-feedback.ok{border-color:var(--teal);background:rgb(var(--accent-rgb)/.07)}.v2023-feedback.bad{border-color:var(--rose);background:rgba(242,114,111,.07)}.v2023-feedback p{margin:4px 0 0}.v2023-proof-checks{display:grid;gap:7px;margin:14px 0}.v2023-proof-checks h4{margin:0 0 3px}.v2023-proof-checks label{font-size:13px}.v2023-proof-checks input{margin-right:7px}.v2023-privacy{font-size:12px;color:var(--mut)}
.v2023-evidence-summary>div{display:grid;grid-template-columns:50px 1fr;gap:9px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.v2023-evidence-summary>div b{font-size:22px;color:var(--teal)}.v2023-evidence-summary>div span{font-size:12px;color:var(--mut)}.v2023-evidence-summary ol{padding-left:20px}.v2023-evidence-summary li{margin:8px 0}.v2023-evidence-summary code,.v2023-evidence-summary small{display:block}.v2023-evidence-summary small{color:var(--mut);margin-top:3px}.v2023-legacy-toggle{margin:13px 0;border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:var(--bg2)}.v2023-legacy-toggle summary{font-weight:700;cursor:pointer}.v2023-legacy-toggle p{margin:6px 0 0;color:var(--mut);font-size:13px}.v2023-legacy-labs[hidden]{display:none!important}
@media(max-width:900px){.v2023-case-layout,.v2023-terminal-layout,.v2023-evidence-layout{grid-template-columns:1fr}.v2023-case-list{grid-template-columns:repeat(2,minmax(0,1fr))}.v2023-terminal-panel{min-height:450px}}
@media(max-width:620px){.v2023-head{padding:16px}.v2023-head-stat{display:none}.v2023-body{padding:12px}.v2023-tabs{overflow:auto}.v2023-tabs button{white-space:nowrap}.v2023-case-list,.v2023-info-grid{grid-template-columns:1fr}.v2023-case-detail,.v2023-evidence-main,.v2023-evidence-summary,.v2023-terminal-side{padding:14px}.v2023-command-form{grid-template-columns:auto 1fr}.v2023-command-form button{grid-column:1/-1}.v2023-actions .btn{width:100%}}


/* ===== lab-shortcuts-20.83.css ===== */
/* ITPlugg v20.83 – kort för simulerade labbmiljöer */
.v2083-shortcuts{margin:18px 0;padding:20px;border:1px solid var(--line,#223a4d);border-radius:18px;
  background:linear-gradient(150deg,rgba(12,38,56,.5),rgba(6,18,29,.5))}
.v2083-head small{display:block;font:700 11px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;color:#5fd0e8;margin-bottom:8px}
.v2083-head h3{margin:0 0 6px;font-size:20px;letter-spacing:-.02em}
.v2083-head p{margin:0 0 16px;color:var(--mut,#8da7ba);font-size:14px;max-width:60ch}
.v2083-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.v2083-card{display:grid;gap:6px;text-align:left;padding:16px;border:1px solid var(--line,#223a4d);
  border-radius:14px;background:rgba(4,14,24,.55);color:inherit;font:inherit;cursor:pointer;
  transition:border-color .15s ease,transform .15s ease}
.v2083-card:hover{border-color:rgba(95,208,232,.5);transform:translateY(-1px)}
.v2083-card:focus-visible{outline:2px solid rgba(95,208,232,.75);outline-offset:2px}
.v2083-icon{font-size:20px;color:#5fd0e8;line-height:1}
.v2083-card b{font-size:16px}
.v2083-card small{color:var(--mut,#8da7ba);font-size:13px;line-height:1.5}
.v2083-card em{font-style:normal;font-weight:700;font-size:13px;color:#5fd0e8}
@media(prefers-reduced-motion:reduce){.v2083-card{transition:none}}


/* ===== classroom-mode-20.54.css ===== */
/* ITPlugg v20.54 – Klassrumsläge */
.v2024-center{display:grid;gap:14px;margin:14px 0}.v2024-teacher-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px;border:1px solid rgb(var(--accent-rgb)/.34);border-radius:18px;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.09),var(--bg2))}.v2024-teacher-head small,.v2024-dashboard-title small,.v2024-builder>h3,.v2024-session>h3{font:800 10px var(--m);letter-spacing:.1em;color:var(--teal)}.v2024-teacher-head h2{margin:4px 0;font-size:25px}.v2024-teacher-head p{margin:0;color:var(--mut)}.v2024-teacher-head>span{flex:none;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font:700 11px var(--m);color:var(--mut)}.v2024-teacher-head>span[data-online="1"]{border-color:var(--teal-d);color:var(--teal)}
.v2024-teacher-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px}.v2024-builder,.v2024-session,.v2024-dashboard{border:1px solid var(--line);border-radius:17px;background:var(--bg2);padding:16px}.v2024-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.v2024-form-grid label{display:grid;gap:5px;font-size:11px;color:var(--mut)}.v2024-form-grid label.wide{grid-column:1/-1}.v2024-form-grid input,.v2024-form-grid select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--txt);padding:10px;font:inherit}.v2024-actions,.v2024-code-actions,.v2024-control-grid{display:flex;gap:7px;flex-wrap:wrap}.v2024-draft-list{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}.v2024-draft-list li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;border:1px solid var(--line);border-radius:11px;padding:10px}.v2024-draft-list li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgb(var(--accent-rgb)/.1);color:var(--teal);font:800 11px var(--m)}.v2024-draft-list small,.v2024-draft-list b,.v2024-draft-list em{display:block}.v2024-draft-list small,.v2024-draft-list em{color:var(--mut);font-size:10px}.v2024-draft-list b{margin:3px 0;font-size:12px}.v2024-draft-list button{border:0;background:transparent;color:var(--mut);font-size:20px;cursor:pointer}.v2024-empty{padding:22px;border:1px dashed var(--line);border-radius:13px;text-align:center;color:var(--mut)}.v2024-empty b{color:var(--txt)}.v2024-empty p{margin:5px 0 12px}.v2024-session-card{border:1px solid var(--teal-d);border-radius:14px;padding:15px;background:rgb(var(--accent-rgb)/.06)}.v2024-session-card small,.v2024-session-card>b{display:block}.v2024-session-card>b{font:900 28px var(--m);letter-spacing:.08em;margin:4px 0}.v2024-session-card p{margin:0 0 12px;color:var(--mut)}.v2024-control-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0}.v2024-current-question{border-left:3px solid var(--teal);padding:10px 12px;background:var(--bg);border-radius:9px}.v2024-current-question small{color:var(--mut)}.v2024-current-question h3{margin:4px 0;font-size:16px}.v2024-error{padding:10px;border:1px solid var(--rose);border-radius:10px;color:#ffd0cf;background:rgba(242,114,111,.07)}
.v2024-dashboard-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.v2024-dashboard-title h3{margin:3px 0}.v2024-answer-board header,.v2024-exit-list header{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.v2024-answer-board header small{display:block;color:var(--mut);font:700 10px var(--m)}.v2024-answer-row{display:grid;grid-template-columns:32px 1fr 36px;gap:10px;align-items:center;margin:8px 0}.v2024-answer-row>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);font-weight:900}.v2024-answer-row>div{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;padding:9px 10px}.v2024-answer-row i{position:absolute;inset:auto auto 0 0;width:var(--pct);height:3px;background:var(--teal)}.v2024-answer-row[data-correct="1"]>div,.v2024-answer-row[data-correct="1"]>span{border-color:var(--teal);background:rgb(var(--accent-rgb)/.07)}.v2024-answer-row strong{text-align:right}.v2024-exit-list blockquote{margin:8px 0;padding:10px 12px;border-left:3px solid var(--teal);background:var(--bg);border-radius:8px}.v2024-exit-list p{color:var(--mut)}
.v2024-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:14px;background:rgba(2,9,16,.78);backdrop-filter:blur(10px)}.v2024-modal[hidden]{display:none}.v2024-modal-panel{width:min(720px,100%);max-height:94vh;overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--bg);box-shadow:0 28px 90px rgba(0,0,0,.45)}.v2024-modal-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.v2024-modal-panel>header small{font:800 10px var(--m);color:var(--teal);letter-spacing:.1em}.v2024-modal-panel>header h2{margin:3px 0}.v2024-close{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;background:var(--bg2);color:var(--txt);font-size:22px;cursor:pointer}.v2024-join,.v2024-student-session{padding:20px}.v2024-join p{color:var(--mut)}.v2024-join label,.v2024-student-question>label{display:grid;gap:7px;color:var(--mut);font-size:12px}.v2024-join input,.v2024-student-question textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--txt);padding:12px;font:inherit;margin-bottom:12px}.v2024-student-session>header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.v2024-student-session>header small,.v2024-student-session>header b{display:block}.v2024-student-session>header small{color:var(--teal);font:800 11px var(--m)}.v2024-student-meta{display:flex;justify-content:space-between;gap:10px;color:var(--mut);font-size:12px}.v2024-student-question>small{display:block;margin-top:16px;color:var(--teal);font:800 10px var(--m)}.v2024-student-question h3{font-size:23px;line-height:1.3;margin:5px 0 16px}.v2024-student-question fieldset{display:grid;gap:9px;border:0;padding:0;margin:0 0 14px}.v2024-student-question fieldset label{display:grid;grid-template-columns:auto 30px 1fr;gap:9px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:11px;cursor:pointer}.v2024-student-question fieldset label:has(input:checked){border-color:var(--teal);background:rgb(var(--accent-rgb)/.06)}.v2024-student-question fieldset label[data-correct="1"]{border-color:var(--teal);background:rgb(var(--accent-rgb)/.08)}.v2024-student-question fieldset span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--bg2);font-weight:900}.v2024-student-state{text-align:center;padding:32px 14px}.v2024-student-state b{font-size:22px}.v2024-student-state p{color:var(--mut)}.v2024-reveal{margin-top:14px;padding:13px;border-left:3px solid var(--teal);border-radius:9px;background:rgb(var(--accent-rgb)/.06)}.v2024-reveal p{margin:5px 0 0;color:var(--mut)}
.v2024-toast{position:fixed;z-index:1600;right:16px;bottom:16px;max-width:420px;padding:12px 15px;border:1px solid var(--teal);border-radius:12px;background:#0b1f33;color:#eef8fa;box-shadow:0 18px 50px rgba(0,0,0,.35)}.v2024-toast[data-ok="0"]{border-color:var(--rose)}.v2024-toast[hidden]{display:none}
.v2024-projector{position:fixed;inset:0;z-index:2000;background:#071522;color:#f4f8fb;display:grid;grid-template-rows:auto 1fr auto}.v2024-projector[hidden]{display:none}.v2024-projector-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;border-bottom:1px solid #28425a;background:#0b2033}.v2024-projector-top small,.v2024-projector-top b{display:block}.v2024-projector-top small{color:#72e6d5;font:800 12px var(--m)}.v2024-projector-top>div:last-child{display:flex;gap:14px;align-items:center}.v2024-projector-top span{font:900 22px var(--m);color:#f2b233}.v2024-projector-top button,.v2024-projector footer button{border:1px solid #38546b;border-radius:10px;background:#112b42;color:#f4f8fb;padding:10px 14px;font-weight:750;cursor:pointer}.v2024-projector main{overflow:auto;padding:clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.v2024-projector-count{color:#72e6d5;font:800 14px var(--m);letter-spacing:.08em}.v2024-projector h1{max-width:1200px;margin:12px 0 28px;font-size:clamp(34px,5vw,70px);line-height:1.12;letter-spacing:-.035em}.v2024-projector-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v2024-projector-options article{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:center;min-height:105px;padding:18px;border:2px solid #28475f;border-radius:18px;background:#0d2539}.v2024-projector-options article>span{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#17384f;font-size:26px;font-weight:900}.v2024-projector-options article>b{font-size:clamp(19px,2vw,31px)}.v2024-projector-options article[data-correct="1"]{border-color:#33d6c0;background:#103d3e}.v2024-projector main>aside{margin-top:22px;padding:18px;border-left:5px solid #33d6c0;border-radius:12px;background:#0d2e34}.v2024-projector main>aside p{margin:6px 0 0;font-size:20px}.v2024-projector-exit{font-size:clamp(23px,3vw,38px);color:#a8bdcc}.v2024-projector-distribution{margin-top:24px;padding:18px;border:1px solid #28475f;border-radius:17px;background:#0a1f31}.v2024-projector footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 24px;border-top:1px solid #28425a;background:#0b2033}.v2024-projector footer>div small{display:block;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8fa9be}.v2024-projector footer nav{display:flex;gap:8px;position:static;margin:0;padding:0;border:0;background:transparent}.v2024-projector footer button:disabled{opacity:.35}.v2024-projector .v2024-answer-row>div{background:#0d2539}.v2024-projector .v2024-answer-row{font-size:18px}
@media(max-width:900px){.v2024-teacher-grid{grid-template-columns:1fr}.v2024-projector-options{grid-template-columns:1fr}.v2024-projector footer{align-items:stretch;flex-direction:column}.v2024-projector footer>div small{max-width:90vw}.v2024-projector footer nav{width:100%;overflow:auto}}
@media(max-width:620px){.v2024-teacher-head,.v2024-dashboard-title{flex-direction:column}.v2024-form-grid{grid-template-columns:1fr}.v2024-form-grid label.wide{grid-column:auto}.v2024-control-grid{grid-template-columns:repeat(2,1fr)}.v2024-modal{padding:6px}.v2024-modal-panel{max-height:98vh}.v2024-student-question h3{font-size:20px}.v2024-projector-top{padding:10px;align-items:flex-start}.v2024-projector-top>div:last-child{flex-direction:column;align-items:flex-end}.v2024-projector main{padding:22px 14px}.v2024-projector h1{font-size:32px}.v2024-projector-options article{min-height:78px;padding:12px;grid-template-columns:42px 1fr}.v2024-projector-options article>span{width:40px;height:40px;font-size:19px}.v2024-projector footer{padding:10px}.v2024-projector footer nav{display:grid;grid-template-columns:repeat(3,1fr)}}


/* ===== portfolio-center-20.54.css ===== */
/* ITPlugg v20.54 – Elevportfolio och bedömningsunderlag */
.v2025-modal{position:fixed;inset:0;z-index:13000;padding:clamp(8px,2vw,24px);overflow:auto;background:rgba(2,10,18,.82);backdrop-filter:blur(12px)}
.v2025-modal[hidden]{display:none!important}.v2025-shell{width:min(1180px,100%);min-height:min(820px,calc(100vh - 32px));margin:auto;border:1px solid var(--line);border-radius:24px;background:var(--bg);box-shadow:0 32px 90px rgba(0,0,0,.45);overflow:hidden}.v2025-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 19px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--bg2) 94%,var(--teal) 6%),var(--bg2))}.v2025-header small,.v2025-section-head small,.v2025-hero small,.v2025-teacher-review header small{color:var(--teal);font:800 11px/1.2 var(--m);letter-spacing:.14em}.v2025-header h1{margin:4px 0 3px;font-size:27px}.v2025-header p{margin:0;color:var(--mut)}.v2025-close{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--txt);font-size:25px;cursor:pointer}.v2025-tabs{display:flex;gap:6px;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--bg2);overflow:auto}.v2025-tabs button{flex:none;min-height:40px;padding:7px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--mut);font:700 13px var(--f);cursor:pointer}.v2025-tabs button[aria-selected="true"]{border-color:color-mix(in srgb,var(--teal) 55%,var(--line));background:rgb(var(--accent-rgb) / .10);color:var(--txt)}.v2025-shell>main{padding:clamp(18px,3vw,32px)}
.v2025-hero{display:grid;grid-template-columns:1fr 180px;gap:24px;align-items:center;padding:clamp(24px,4vw,40px);border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));border-radius:22px;background:radial-gradient(circle at 90% 15%,rgb(var(--accent-rgb) / .18),transparent 35%),var(--bg2)}.v2025-hero h2{margin:7px 0;font-size:clamp(28px,4vw,44px);letter-spacing:-.035em}.v2025-hero p{max-width:70ch;color:var(--mut);line-height:1.6}.v2025-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.v2025-readiness{position:relative;display:grid;place-content:center;aspect-ratio:1;border-radius:50%;text-align:center;background:conic-gradient(var(--teal) var(--p),var(--line) 0);box-shadow:inset 0 0 0 14px var(--bg2)}.v2025-readiness:after{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--bg2)}.v2025-readiness b,.v2025-readiness span{position:relative;z-index:1}.v2025-readiness b{font-size:29px}.v2025-readiness span{max-width:95px;color:var(--mut);font-size:11px}.v2025-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.v2025-stats article{padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--bg2)}.v2025-stats b{display:block;font-size:24px}.v2025-stats span{color:var(--mut);font-size:12px}.v2025-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.v2025-columns>section{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--bg2)}.v2025-columns h3{margin-top:0}.v2025-compact{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.v2025-compact:last-child{border-bottom:0}.v2025-compact>span{padding:4px 7px;border-radius:7px;background:rgb(var(--accent-rgb) / .10);color:var(--teal);font:700 10px var(--m);text-transform:uppercase}.v2025-compact>div{min-width:0;flex:1}.v2025-compact b,.v2025-compact small{display:block}.v2025-compact small{margin-top:2px;color:var(--mut);font-size:11px}.v2025-compact strong{font-size:15px}.v2025-checklist{display:grid;gap:9px;padding:0;list-style:none}.v2025-checklist li{padding:11px 12px 11px 38px;border:1px solid var(--line);border-radius:11px;position:relative;color:var(--mut)}.v2025-checklist li:before{content:"○";position:absolute;left:13px;color:var(--mut)}.v2025-checklist li[data-done="1"]{color:var(--txt);border-color:color-mix(in srgb,#42d39a 45%,var(--line))}.v2025-checklist li[data-done="1"]:before{content:"✓";color:#42d39a}.v2025-empty{padding:18px;border:1px dashed var(--line);border-radius:13px;color:var(--mut)}
.v2025-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.v2025-section-head h2{margin:5px 0;font-size:28px}.v2025-section-head p{margin:0;color:var(--mut);max-width:70ch}.v2025-section-head label{display:grid;gap:5px;color:var(--mut);font-size:11px}.v2025-section-head select,.v2025-reflection-form input,.v2025-reflection-form textarea,.v2025-reflection-form select,.v2025-add input,.v2025-add textarea,.v2025-add select,.v2025-teacher-review input,.v2025-teacher-review textarea,.v2025-teacher-review select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--txt);padding:10px 11px;font:inherit}.v2025-evidence-list{display:grid;gap:10px}.v2025-evidence-list>article{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:13px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--bg2);transition:opacity .18s,border-color .18s}.v2025-evidence-list>article[data-included="0"]{opacity:.52}.v2025-evidence-list h3{margin:5px 0;font-size:16px}.v2025-evidence-list p{margin:0 0 8px;color:var(--mut);line-height:1.5}.v2025-evidence-list small{color:var(--mut)}.v2025-evidence-check{display:grid;place-content:center;width:31px;height:31px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.v2025-evidence-check input{accent-color:var(--teal)}.v2025-evidence-top{display:flex;gap:8px;align-items:center}.v2025-evidence-top span{color:var(--teal);font:800 10px var(--m);text-transform:uppercase}.v2025-evidence-side{display:grid;justify-items:end;gap:8px}.v2025-evidence-side b{font-size:18px}.v2025-add{margin-top:18px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.v2025-add summary{padding:15px 17px;cursor:pointer;font-weight:750}.v2025-add form{display:grid;gap:13px;padding:0 17px 18px}.v2025-form-grid,.v2025-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v2025-add label,.v2025-reflection-form label,.v2025-teacher-review label{display:grid;gap:6px;color:var(--mut);font-size:12px}.v2025-add textarea,.v2025-reflection-form textarea,.v2025-teacher-review textarea{min-height:100px;resize:vertical}.v2025-reflection-form{display:grid;gap:14px;max-width:900px}.v2025-reflection-form label>span{font-size:10px}.v2025-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v2025-export-grid article{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:21px;border:1px solid var(--line);border-radius:17px;background:var(--bg2)}.v2025-export-grid h3,.v2025-export-grid p{flex-basis:100%;margin:0}.v2025-export-grid p{margin-bottom:10px;color:var(--mut)}.v2025-file{display:inline-flex!important;place-content:center;cursor:pointer}.v2025-privacy{margin:16px 0;padding:17px;border:1px solid color-mix(in srgb,var(--amber) 45%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--amber) 7%,var(--bg2))}.v2025-privacy ul{margin-bottom:0}.v2025-review-list{display:grid;gap:10px}.v2025-review-list article{padding:16px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:13px;background:var(--bg2)}.v2025-review-list header{display:flex;justify-content:space-between;gap:10px}.v2025-review-list header span,.v2025-review-list article>div span{color:var(--mut);font-size:11px}.v2025-review-list article>div{display:flex;flex-wrap:wrap;gap:7px}
.v2025-teacher-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.v2025-teacher-head h4,.v2025-teacher-head p{margin:0}.v2025-teacher-head p{margin-top:4px;color:var(--mut)}.v2025-teacher-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px}.v2025-teacher-layout>section{min-width:0}.v2025-teacher-list{display:grid;gap:7px}.v2025-teacher-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg2);color:var(--txt);text-align:left;cursor:pointer}.v2025-teacher-list button[aria-pressed="true"]{border-color:var(--teal);background:rgb(var(--accent-rgb) / .08)}.v2025-teacher-list b,.v2025-teacher-list small{display:block}.v2025-teacher-list small{margin-top:3px;color:var(--mut)}.v2025-teacher-list em{color:var(--teal);font-size:10px;font-style:normal}.v2025-teacher-empty{padding:30px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--mut)}.v2025-teacher-review{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.v2025-teacher-review>header{display:flex;justify-content:space-between;gap:12px}.v2025-teacher-review h3{margin:5px 0}.v2025-teacher-review header p{margin:0;color:var(--mut)}.v2025-teacher-review details{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.v2025-teacher-review details summary{cursor:pointer;font-weight:750}.v2025-teacher-evidence{margin-top:10px}.v2025-teacher-review form{display:grid;gap:12px;margin-top:14px}.v2025-teacher-review fieldset{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;border:1px solid var(--line);border-radius:12px}.v2025-teacher-review fieldset label{font-size:10px}.v2025-teacher-review form>small{color:var(--mut)}
@media(max-width:850px){.v2025-hero{grid-template-columns:1fr}.v2025-readiness{width:150px}.v2025-stats{grid-template-columns:repeat(2,1fr)}.v2025-columns,.v2025-teacher-layout{grid-template-columns:1fr}.v2025-teacher-review fieldset{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.v2025-modal{padding:0}.v2025-shell{min-height:100vh;border-radius:0}.v2025-header{padding:18px}.v2025-shell>main{padding:15px}.v2025-header p{display:none}.v2025-tabs{padding-inline:10px}.v2025-section-head{display:grid;align-items:start}.v2025-evidence-list>article{grid-template-columns:30px minmax(0,1fr)}.v2025-evidence-side{grid-column:2;display:flex;justify-content:space-between}.v2025-form-grid,.v2025-profile-grid,.v2025-export-grid{grid-template-columns:1fr}.v2025-stats{grid-template-columns:repeat(2,1fr)}.v2025-review-list header{display:grid}.v2025-teacher-head{display:grid}.v2025-teacher-review fieldset{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.v2025-modal *{scroll-behavior:auto!important;transition:none!important}}


/* ===== help-assistant-20.54.css ===== */
/* ITPlugg v20.54 – Fråga ITPlugg */
body.v2027-help-open{overflow:hidden}
.v2027-dialog[hidden]{display:none!important}
.v2027-dialog{position:fixed;inset:0;z-index:12050;display:grid;place-items:center;padding:18px;background:rgba(2,8,18,.72);backdrop-filter:blur(12px)}
.v2027-dialog-card{width:min(840px,100%);max-height:min(880px,94vh);overflow:auto;border:1px solid color-mix(in srgb,var(--line) 76%,var(--teal));border-radius:26px;background:var(--bg2);box-shadow:0 32px 110px rgba(0,0,0,.52)}
.v2027-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 24px 18px;border-bottom:1px solid var(--line)}
.v2027-dialog-head span{color:var(--teal);font:800 10px/1.2 var(--m);letter-spacing:.14em;text-transform:uppercase}
.v2027-dialog-head h2{margin:5px 0 0;font-size:clamp(25px,4vw,34px);letter-spacing:-.03em}
.v2027-dialog-head p{margin:8px 0 0;max-width:68ch;color:var(--mut);font-size:13px;line-height:1.5}
.v2027-close{flex:none;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:transparent;color:var(--txt);font-size:24px;cursor:pointer}.v2027-close:hover{border-color:var(--teal);color:var(--teal)}
.v2027-form{display:grid;gap:8px;padding:20px 24px 12px}.v2027-form>label{font-weight:800;font-size:14px}.v2027-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.v2027-form textarea{width:100%;min-height:58px;resize:vertical;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--txt);font:inherit;line-height:1.45;padding:12px 14px}.v2027-form textarea:focus{outline:2px solid var(--teal);outline-offset:1px}.v2027-form .btn{min-width:112px}.v2027-form small{color:var(--mut);font-size:11px}
.v2027-suggestions{padding:6px 24px 14px}.v2027-suggestions h3{margin:0 0 9px;font-size:12px;color:var(--mut)}.v2027-suggestions>div{display:flex;gap:7px;flex-wrap:wrap}.v2027-suggestions button{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--txt);padding:7px 11px;font:inherit;font-size:11px;cursor:pointer}.v2027-suggestions button:hover{border-color:var(--teal);color:var(--teal)}
.v2027-answer{padding:4px 24px 24px}.v2027-empty,.v2027-no-answer{display:grid;place-items:center;text-align:center;min-height:230px;padding:28px;border:1px dashed var(--line);border-radius:20px;background:color-mix(in srgb,var(--bg) 45%,transparent)}.v2027-empty>div{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:rgb(var(--accent-rgb)/.12);color:var(--teal);font-size:28px;font-weight:900}.v2027-empty h3,.v2027-no-answer h3{margin:13px 0 0}.v2027-empty p,.v2027-no-answer p{margin:7px 0 0;max-width:58ch;color:var(--mut);font-size:13px}
.v2027-answer-card{display:grid;gap:12px}.v2027-answer-card>header,.v2027-answer-card>section{border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg2) 93%,var(--teal) 2%);padding:18px}.v2027-answer-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(145deg,rgb(var(--accent-rgb)/.10),transparent)}.v2027-answer-card h3{margin:7px 0 0;font-size:clamp(22px,3vw,29px);line-height:1.15}.v2027-answer-card h4{margin:0 0 7px;font-size:12px;color:var(--teal);text-transform:uppercase;letter-spacing:.08em}.v2027-answer-card p{margin:0;line-height:1.65}.v2027-answer-card ul{margin:0;padding-left:20px}.v2027-answer-card li+li{margin-top:6px}.v2027-copy{border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--txt);padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}.v2027-copy:hover{border-color:var(--teal);color:var(--teal)}
.v2027-confidence{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:999px;color:var(--teal);font:750 10px/1 var(--m);letter-spacing:.04em}.v2027-confidence[data-level="låg"],.v2027-confidence[data-level="low"]{border-color:rgba(242,114,111,.5);color:var(--rose)}.v2027-confidence[data-level="försiktig"]{border-color:rgba(242,178,51,.5);color:var(--amber)}
.v2027-analogy{border-color:color-mix(in srgb,var(--amber) 40%,var(--line))!important;background:rgba(242,178,51,.06)!important}.v2027-check{border-color:color-mix(in srgb,var(--teal) 42%,var(--line))!important}.v2027-check p+p{margin-top:8px}
.v2027-sources>div:first-child p{color:var(--mut);font-size:12px}.v2027-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.v2027-source{display:block;width:100%;min-height:84px;border:1px solid var(--line);border-radius:13px;background:transparent;color:var(--txt);padding:11px 12px;text-align:left;font:inherit;cursor:pointer}.v2027-source:hover{border-color:var(--teal);background:rgb(var(--accent-rgb)/.06)}.v2027-source span{display:block;color:var(--teal);font:800 9px/1.2 var(--m);text-transform:uppercase;letter-spacing:.09em}.v2027-source b{display:block;margin-top:5px;font-size:12px;line-height:1.3}.v2027-source small{display:block;margin-top:5px;color:var(--mut);font-size:10px}
.v2027-dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid var(--line);color:var(--mut);font-size:11px}.v2027-dialog-foot span{display:flex;align-items:center;gap:7px}.v2027-dialog-foot i{width:7px;height:7px;border-radius:50%;background:#42d39a}.v2027-dialog-foot button{border:0;background:transparent;color:var(--mut);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.v2027-dialog-foot button:hover{color:var(--txt)}
.v2027-portal-help{margin-left:auto!important;white-space:nowrap}.portal-topbar .current-course+.v2027-portal-help{margin-left:auto!important}
.v2027-toast{position:fixed;left:50%;bottom:24px;z-index:13000;transform:translate(-50%,18px);opacity:0;pointer-events:none;max-width:min(520px,calc(100vw - 28px));padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--txt);box-shadow:0 18px 55px rgba(0,0,0,.35);font-size:12px;transition:.18s ease}.v2027-toast.show{opacity:1;transform:translate(-50%,0)}.v2027-toast[data-good="0"]{border-color:var(--rose)}
@media(max-width:680px){.v2027-dialog{padding:0;place-items:stretch}.v2027-dialog-card{width:100%;max-height:100dvh;border-radius:0;border-left:0;border-right:0}.v2027-dialog-head,.v2027-form,.v2027-suggestions,.v2027-answer{padding-left:16px;padding-right:16px}.v2027-form>div{grid-template-columns:1fr}.v2027-form .btn{min-height:44px}.v2027-source-grid{grid-template-columns:1fr}.v2027-dialog-foot{padding:13px 16px}.v2027-portal-help{font-size:0!important;min-width:40px!important;padding-inline:10px!important}.v2027-portal-help:after{content:"?";font-size:15px}}
@media(prefers-reduced-motion:reduce){.v2027-dialog,.v2027-toast{transition:none!important}}


/* ===== capstone-center-20.54.css ===== */
/* ITPlugg v20.54 – Praktiskt slutuppdrag */
.v2028-dialog{position:fixed;inset:0;z-index:10050;overflow:auto;padding:clamp(10px,3vw,34px);background:rgba(3,12,22,.82);backdrop-filter:blur(12px)}
.v2028-dialog[hidden]{display:none!important}.v2028-shell{width:min(1180px,100%);min-height:min(840px,calc(100vh - 40px));margin:auto;border:1px solid var(--line);border-radius:26px;background:var(--bg);box-shadow:0 28px 90px rgba(0,0,0,.45);overflow:hidden}
.v2028-head{display:flex;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--bg2) 92%,var(--teal) 8%),var(--bg2))}.v2028-head span,.v2028-card small,.v2028-section-head small{color:var(--teal);font:800 11px/1.2 var(--m);letter-spacing:.13em;text-transform:uppercase}.v2028-head h2{margin:6px 0 4px;font-size:clamp(24px,4vw,38px)}.v2028-head p{margin:0;color:var(--mut)}.v2028-head>button{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--txt);font-size:27px;cursor:pointer}
#v2028Body{padding:24px 28px 30px}.v2028-stages{position:static;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 16px;padding:0;border:0;background:none}.v2028-stages button{display:flex;align-items:center;gap:9px;min-height:52px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);color:var(--mut);cursor:pointer}.v2028-stages button[aria-current="step"]{border-color:var(--teal);color:var(--txt);box-shadow:0 0 0 3px rgb(var(--accent-rgb)/.08)}.v2028-stages button[data-ready="0"]{opacity:.45;cursor:not-allowed}.v2028-stages i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--bg);color:var(--teal);font-style:normal;font-weight:800}.v2028-stages span{font-size:13px;font-weight:700}
.v2028-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:18px;padding:12px 15px;border:1px solid var(--line);border-radius:15px;background:var(--bg2)}.v2028-progress>div:first-child{display:flex;align-items:baseline;gap:8px}.v2028-progress b{font-size:22px}.v2028-progress span,.v2028-progress small{color:var(--mut);font-size:12px}.v2028-bar{height:8px;overflow:hidden;border-radius:999px;background:var(--bg)}.v2028-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--amber))}
.v2028-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:16px}.v2028-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--bg2)}.v2028-card h3{margin:5px 0 9px;font-size:22px}.v2028-card p{color:var(--mut)}.v2028-scenarios{display:grid;gap:9px;margin-top:12px}.v2028-scenarios button{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--txt);text-align:left;cursor:pointer}.v2028-scenarios button[aria-pressed="true"]{border-color:var(--teal);background:rgb(var(--accent-rgb)/.08)}.v2028-scenarios b,.v2028-scenarios span{display:block}.v2028-scenarios span{margin-top:4px;color:var(--mut);font-size:11px}.v2028-card label{display:grid;gap:6px;margin:12px 0;font-size:13px;font-weight:700}.v2028-card input,.v2028-card textarea,.v2028-card select,.v2028-teacher input,.v2028-teacher textarea,.v2028-teacher select{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);padding:11px 12px;font:inherit}.v2028-card textarea,.v2028-teacher textarea{min-height:125px;resize:vertical}.v2028-brief-box{margin:16px 0;padding:15px;border:1px dashed color-mix(in srgb,var(--line) 70%,var(--teal));border-radius:14px;background:var(--bg)}.v2028-brief-box h3{font-size:18px}.v2028-brief-box ul{padding-left:20px;color:var(--mut)}
.v2028-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.v2028-section-head h3{margin:5px 0}.v2028-section-head p{margin:0}.v2028-section-head>span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font-size:12px;white-space:nowrap}.v2028-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v2028-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:18px}.v2028-actions .btn[disabled]{opacity:.45;cursor:not-allowed}
.v2028-checklist{display:grid;gap:9px}.v2028-checklist>label{grid-template-columns:auto 1fr;align-items:flex-start;margin:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v2028-checklist>label[data-done="1"]{border-color:color-mix(in srgb,var(--teal) 65%,var(--line));background:rgb(var(--accent-rgb)/.06)}.v2028-checklist input{width:19px;height:19px}.v2028-checklist span{font-weight:500}.v2028-checklist b{display:block;color:var(--teal);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.v2028-verify{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v2028-tests{display:grid;gap:10px}.v2028-tests>div{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v2028-tests>div[data-done="1"]{border-color:var(--teal)}.v2028-tests label{display:flex;grid-template:none;align-items:flex-start;gap:9px;margin:0 0 8px}.v2028-tests input[type="checkbox"]{width:18px;height:18px}.v2028-tests input[type="text"]{font-size:12px}.v2028-incidents label{margin-bottom:14px}.v2028-incidents b{line-height:1.4}.v2028-completion{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v2028-completion b{font-size:30px}.v2028-completion p{margin:0}.v2028-foot{display:flex;justify-content:space-between;gap:12px;margin-top:18px;color:var(--mut);font-size:12px}.v2028-foot button{border:0;background:none;color:var(--rose);cursor:pointer}
.v2028-teacher{display:grid;gap:16px}.v2028-file{position:relative;overflow:hidden}.v2028-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.v2028-teacher-empty{padding:28px;border:1px dashed var(--line);border-radius:16px;color:var(--mut);text-align:center}.v2028-teacher-case{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}.v2028-teacher-case>header{display:flex;justify-content:space-between;gap:14px;padding:0}.v2028-teacher-case header h3{margin:4px 0}.v2028-teacher-case header p{margin:0;color:var(--mut)}.v2028-teacher-case details{margin:14px 0}.v2028-rubric{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v2028-rubric label,.v2028-teacher-case>label{display:grid;gap:6px;margin:10px 0}.v2028-review-list{padding:18px;border:1px solid var(--line);border-radius:16px}.v2028-review-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.v2028-review-list article:first-of-type{border-top:0}.v2028-review-list article div>*{display:block}.v2028-review-list span,.v2028-review-list small{color:var(--mut)}
@media(max-width:820px){.v2028-grid,.v2028-verify{grid-template-columns:1fr}.v2028-form-grid{grid-template-columns:1fr}.v2028-stages{grid-template-columns:repeat(5,minmax(90px,1fr));overflow-x:auto}.v2028-progress{grid-template-columns:1fr}.v2028-progress small{text-align:left}.v2028-rubric{grid-template-columns:1fr}}
@media(max-width:560px){.v2028-dialog{padding:0}.v2028-shell{min-height:100vh;border:0;border-radius:0}.v2028-head,#v2028Body{padding:17px}.v2028-head p{display:none}.v2028-stages span{display:none}.v2028-stages button{justify-content:center;min-width:52px}.v2028-card{padding:16px}.v2028-actions{justify-content:stretch}.v2028-actions .btn{flex:1 1 100%}.v2028-foot{display:grid}.v2028-review-list article,.v2028-teacher-case>header{align-items:flex-start;flex-direction:column}}


/* ===== learning-goals-20.54.css ===== */
/* ITPlugg v20.54 – Kursmål och kompetensbevis */
.v2029-dialog{position:fixed;inset:0;z-index:140;background:rgba(3,12,22,.78);overflow:auto;padding:24px}.v2029-dialog[hidden]{display:none}.v2029-shell{width:min(1120px,100%);margin:0 auto;background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 26px 90px rgba(0,0,0,.45)}.v2029-head,.v2029-teacher-head,.v2029-teacher-detail>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.v2029-head span,.v2029-teacher-head small,.v2029-teacher-detail header span{font:11px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.v2029-head h2,.v2029-teacher-head h3{margin:5px 0}.v2029-head p,.v2029-teacher-head p,.v2029-teacher-detail header p{margin:0;color:var(--mut)}.v2029-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font-size:25px;cursor:pointer}.v2029-notice{margin:18px 0;padding:12px 14px;border:1px solid rgba(242,178,51,.4);background:rgba(242,178,51,.08);border-radius:12px}.v2029-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.v2029-toolbar label{display:grid;gap:5px;color:var(--mut);font-size:12px}.v2029-toolbar select,.v2029-toolbar input,.v2029-teacher-detail input,.v2029-teacher-detail textarea{min-width:210px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--txt);padding:9px 11px;font:inherit}.v2029-file{position:relative;overflow:hidden}.v2029-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.v2029-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.v2029-summary article{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px}.v2029-summary b{display:block;font-size:24px}.v2029-summary span{color:var(--mut);font-size:12px}.v2029-feedback{border-left:3px solid var(--teal);background:rgb(var(--accent-rgb)/.07);padding:13px 15px;border-radius:0 12px 12px 0;margin:14px 0}.v2029-feedback p{margin:5px 0}.v2029-feedback small{color:var(--mut)}.v2029-goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}.v2029-goal{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;min-height:315px}.v2029-goal>header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.v2029-goal header span{font:10px var(--m);color:var(--mut)}.v2029-goal h3{margin:3px 0}.v2029-goal em{font-style:normal;font-size:11px;padding:3px 8px;border-radius:99px;border:1px solid var(--line);color:var(--teal);white-space:nowrap}.v2029-goal[data-tone="needs"] em,.v2029-goal[data-tone="revisit"] em{color:var(--amber);border-color:rgba(242,178,51,.45)}.v2029-goal p{color:var(--mut);font-size:13px}.v2029-meter{height:7px;background:#081726;border-radius:99px;overflow:hidden;margin:4px 0 13px}.light .v2029-meter{background:#dce7ef}.v2029-meter i{display:block;height:100%;background:var(--teal);border-radius:inherit}.v2029-goal[data-tone="needs"] .v2029-meter i,.v2029-goal[data-tone="revisit"] .v2029-meter i{background:var(--amber)}.v2029-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v2029-evidence span{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:9px;padding:8px;font-size:11px;color:var(--mut)}.v2029-evidence b{display:block;color:var(--txt);font-size:16px}.v2029-next{margin-top:auto;padding-top:13px}.v2029-next p{margin:4px 0 9px}.v2029-empty{padding:24px;border:1px dashed var(--line);border-radius:14px;color:var(--mut)}
.v2029-teacher{display:grid;gap:16px}.v2029-teacher-grid{display:grid;grid-template-columns:230px 1fr;gap:14px}.v2029-teacher-grid>aside{display:grid;gap:7px;align-content:start}.v2029-teacher-grid>aside button{text-align:left;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:10px;color:var(--txt);cursor:pointer}.v2029-teacher-grid>aside button[aria-selected="true"]{border-color:var(--teal);background:rgb(var(--accent-rgb)/.08)}.v2029-teacher-grid>aside span,.v2029-teacher-grid>aside small{display:block;color:var(--mut);font-size:11px}.v2029-teacher-detail{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--bg2)}.v2029-teacher-goals{display:grid;gap:7px;margin:14px 0}.v2029-teacher-goals>div{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:9px}.v2029-teacher-goals small{display:block;color:var(--mut)}.v2029-teacher-detail label{display:grid;gap:5px;margin-top:10px;color:var(--mut);font-size:12px}.v2029-teacher-detail textarea{min-height:90px;resize:vertical}.v2029-teacher-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:720px){.v2029-dialog{padding:8px}.v2029-shell{padding:15px;border-radius:16px}.v2029-head,.v2029-teacher-head,.v2029-teacher-detail>header{flex-direction:column}.v2029-summary{grid-template-columns:1fr}.v2029-goals{grid-template-columns:1fr}.v2029-teacher-grid{grid-template-columns:1fr}.v2029-toolbar{align-items:stretch}.v2029-toolbar label,.v2029-toolbar select,.v2029-toolbar input{width:100%;min-width:0}.v2029-evidence{grid-template-columns:1fr 1fr 1fr}}


/* ===== network-builder-20.54.css ===== */
/* ITPlugg v20.54 – Visuell nätverksbyggare */
.v2030-overlay{position:fixed;inset:0;z-index:10080;background:rgba(3,12,22,.86);backdrop-filter:blur(12px);padding:18px;overflow:auto;color:var(--txt)}
.v2030-overlay[hidden]{display:none!important}.v2030-shell{max-width:1500px;min-height:calc(100vh - 36px);margin:auto;background:var(--bg);border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 100px rgba(0,0,0,.45);overflow:hidden}
.v2030-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgb(var(--accent-rgb)/.1),transparent 50%)}
.v2030-header small,.v2030-inspector-head small,.v2030-test-panel small{font:10px var(--m);letter-spacing:.15em;color:var(--teal)}.v2030-header h1{margin:4px 0;font-size:clamp(25px,3vw,38px)}.v2030-header p{margin:0;color:var(--mut);max-width:75ch}
.v2030-close{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--txt);font-size:25px;cursor:pointer}.v2030-close:hover{border-color:var(--teal)}
.v2030-topbar{display:grid;grid-template-columns:minmax(180px,260px) minmax(180px,1fr) auto;gap:12px;align-items:end;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--bg2)}
.v2030-topbar label,.v2030-inspector label,.v2030-test-panel label{display:grid;gap:5px;font-size:11px;color:var(--mut)}.v2030-topbar input,.v2030-topbar select,.v2030-inspector input,.v2030-inspector select,.v2030-test-panel select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--txt);padding:8px 10px;font:13px var(--f)}
.v2030-top-actions{display:flex;gap:7px;flex-wrap:wrap}.v2030-file{position:relative;overflow:hidden}
.v2030-layout{display:grid;grid-template-columns:230px minmax(400px,1fr) 300px;min-height:670px}.v2030-tools,.v2030-inspector{padding:16px;background:var(--bg2);overflow:auto}.v2030-tools{border-right:1px solid var(--line)}.v2030-inspector{border-left:1px solid var(--line)}
.v2030-tools section{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.v2030-tools section:last-child{border:0}.v2030-tools h2,.v2030-link-list h3{font-size:13px;margin:0 0 10px}.v2030-tools .btn{width:100%;margin:4px 0;padding:8px 10px}
.v2030-device-palette{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v2030-device-palette button{display:grid;place-items:center;gap:3px;min-height:70px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);cursor:pointer}.v2030-device-palette button:hover{border-color:var(--teal);transform:translateY(-1px)}.v2030-device-palette span{font-size:21px}.v2030-device-palette b{font-size:11px}
.v2030-mode-grid{display:grid;gap:7px}.v2030-mode-grid button{border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--bg);color:var(--mut);text-align:left;cursor:pointer}.v2030-mode-grid button[aria-pressed=true]{border-color:var(--teal);background:rgb(var(--accent-rgb)/.1);color:var(--txt)}.v2030-help{font-size:11px;color:var(--mut);margin:8px 0 0}
.v2030-work-area{display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at 50% 20%,rgb(var(--accent-rgb)/.06),transparent 45%)}.v2030-canvas{position:relative;flex:1;min-height:470px;overflow:hidden;background-image:linear-gradient(rgba(143,169,190,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(143,169,190,.08) 1px,transparent 1px);background-size:24px 24px;border-bottom:1px solid var(--line);touch-action:none}
.v2030-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.v2030-links line{stroke:var(--mut);stroke-width:.36;vector-effect:non-scaling-stroke}.v2030-links line.trunk{stroke:var(--amber);stroke-width:.52;stroke-dasharray:1.1 1.1}.v2030-links text{fill:var(--amber);font:2.1px var(--m);paint-order:stroke;stroke:var(--bg);stroke-width:.5px}
.v2030-links line.blocked{stroke:var(--rose);stroke-dasharray:.7 .7;opacity:.7}
.v2030-links line.down{stroke:#68788a;stroke-dasharray:.35 .65;opacity:.45}.v2030-links line.packet-active{stroke:var(--teal);stroke-width:1.05;stroke-dasharray:1.2 .65;animation:v2077packet .55s linear infinite;filter:drop-shadow(0 0 2px var(--teal))}.v2030-canvas[data-packet-tone='error'] .v2030-links line.packet-active{stroke:var(--rose);filter:drop-shadow(0 0 2px var(--rose))}@keyframes v2077packet{to{stroke-dashoffset:-3.7}}
.v2030-node{position:absolute;transform:translate(-50%,-50%);display:grid;grid-template-columns:34px 1fr;grid-template-areas:'icon name' 'icon meta' 'badge badge';align-items:center;gap:0 8px;width:148px;min-height:68px;padding:9px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--bg2) 96%,transparent);color:var(--txt);text-align:left;box-shadow:0 7px 18px rgba(0,0,0,.24);cursor:grab;user-select:none}.v2030-node:active{cursor:grabbing}.v2030-node:hover,.v2030-node[data-selected='1']{border-color:var(--teal);box-shadow:0 0 0 2px rgb(var(--accent-rgb)/.12),0 10px 24px rgba(0,0,0,.28)}.v2030-node[data-connecting='1']{border-color:var(--amber);box-shadow:0 0 0 4px rgba(242,178,51,.15)}
.v2030-node-icon{grid-area:icon;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:19px}.v2030-node b{grid-area:name;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2030-node small{grid-area:meta;color:var(--mut);font:9px var(--m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2030-node em{grid-area:badge;margin-top:6px;font:8px var(--m);color:var(--teal);font-style:normal}
.v2030-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--mut);pointer-events:none}.v2030-empty b{color:var(--txt);font-size:18px}.v2030-empty p{margin:5px 0}
.v2030-test-panel{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(120px,180px)) auto;gap:10px;align-items:end;padding:14px 16px;background:var(--bg2)}.v2030-test-panel h2{margin:2px 0 0;font-size:17px}.v2030-test-panel .btn{min-height:40px}
.v2030-results{padding:14px 16px;display:grid;gap:9px;max-height:250px;overflow:auto}.v2030-results article{border:1px solid var(--line);border-left:4px solid var(--rose);border-radius:12px;padding:11px 13px;background:var(--bg2)}.v2030-results article[data-ok='1']{border-left-color:var(--teal)}.v2030-results header{display:flex;gap:9px;align-items:center}.v2030-results header>span{display:grid;place-items:center;width:27px;height:27px;border-radius:99px;background:rgba(242,114,111,.15);color:#ffc9c7;font-weight:800}.v2030-results article[data-ok='1'] header>span{background:rgb(var(--accent-rgb)/.15);color:var(--teal)}.v2030-results header b{display:block;font-size:13px}.v2030-results header small{display:block;color:var(--mut);font:9px var(--m)}.v2030-results p{font-size:12px;margin:8px 0}.v2030-results details{font-size:11px;color:var(--mut)}.v2030-results summary{cursor:pointer;color:var(--txt)}.v2030-results ol,.v2030-results ul{margin:6px 0 0;padding-left:18px}.v2030-actions{padding:8px 10px;border-radius:9px;background:rgba(242,178,51,.07);font-size:11px}.v2030-results-empty{text-align:center;color:var(--mut);padding:20px}.v2030-results-empty b{color:var(--txt)}.v2030-results-empty p{margin:4px}
.v2030-inspector-head{padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:13px}.v2030-inspector-head h2{font-size:18px;margin:3px 0}.v2030-inspector-head p{margin:0;color:var(--mut);font-size:11px}.v2030-inspector form{display:grid;gap:10px}.v2030-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v2030-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:7px!important;padding:8px;border:1px solid var(--line);border-radius:9px;color:var(--txt)!important}.v2030-check input{width:auto!important;min-height:0!important}
.v2030-link-list{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.v2030-link-list article{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.v2030-link-list article span b,.v2030-link-list article span small{display:block}.v2030-link-list article b{font-size:11px}.v2030-link-list article small{color:var(--mut);font-size:9px}.v2030-link-list article label{display:flex;align-items:center;gap:4px;font-size:9px}.v2030-link-list article label input{min-height:0;width:auto}.v2030-link-list article button{border:0;background:transparent;color:var(--rose);font-size:19px;cursor:pointer}.v2030-link-list>p{color:var(--mut);font-size:11px}
.v2076-case{display:grid;gap:9px;padding:12px!important;border:1px solid rgb(var(--accent-rgb)/.24)!important;border-radius:13px;background:rgb(var(--accent-rgb)/.06)}.v2076-case[data-complete='1']{border-color:var(--teal)!important}.v2076-case small{font:9px var(--m);letter-spacing:.13em;color:var(--teal)}.v2076-case h2{font-size:12px!important;line-height:1.4;margin:0!important}.v2076-case p,.v2076-case ol{font-size:10px;line-height:1.5;margin:0;color:var(--mut)}.v2076-case ol{padding-left:18px}.v2076-case label{display:grid;gap:4px;font-size:9px;color:var(--mut)}.v2076-case textarea{width:100%;min-height:62px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--txt);padding:8px;font:11px var(--f)}.v2076-solved{font-size:11px;color:var(--teal);text-align:center}.v2076-link-fields{display:grid;gap:5px;min-width:115px}.v2076-link-fields label{display:grid!important;gap:2px!important}.v2076-link-fields input,.v2076-link-fields select{min-height:30px!important;padding:4px 6px!important;font-size:10px!important}.v2030-link-list article{grid-template-columns:minmax(85px,1fr) minmax(115px,145px) auto;align-items:start}
.v2077-command-lab{border-top:1px solid var(--line);background:linear-gradient(160deg,#071522,#091d2c);padding:15px 16px;display:grid;gap:11px}.v2077-command-lab>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.v2077-command-lab h2{font-size:18px;margin:2px 0}.v2077-command-lab small{font:9px var(--m);letter-spacing:.12em;color:var(--teal)}.v2077-progress{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgb(var(--accent-rgb)/.25);border-radius:11px;background:rgb(var(--accent-rgb)/.08)}.v2077-progress b{font:18px var(--m);color:var(--teal)}.v2077-progress span{max-width:110px;color:var(--mut);font-size:9px;line-height:1.3}.v2077-challenge{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.v2077-challenge>b{font-size:10px;color:var(--mut);margin-right:4px}.v2077-challenge span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:9px;color:var(--mut)}.v2077-challenge span[data-done='1']{border-color:rgb(var(--accent-rgb)/.36);background:rgb(var(--accent-rgb)/.08);color:var(--teal)}.v2077-quick{display:flex;gap:6px;flex-wrap:wrap}.v2077-quick button{min-height:34px;border:1px solid #29465f;border-radius:8px;background:#0b2234;color:#b8d5e7;padding:6px 9px;font:10px var(--m);cursor:pointer}.v2077-quick button:hover,.v2077-quick button:focus-visible{border-color:var(--teal);color:var(--teal)}.v2077-terminal-log{min-height:180px;max-height:330px;overflow:auto;border:1px solid #26455e;border-radius:12px;background:#020a10;padding:10px;box-shadow:inset 0 0 35px rgba(0,0,0,.3)}.v2077-terminal-log article{padding:8px 7px;border-bottom:1px solid rgba(118,167,195,.13)}.v2077-terminal-log article:last-child{border:0}.v2077-terminal-command{font:11px var(--m);color:#d7e7ef}.v2077-terminal-command span{color:var(--teal)}.v2077-terminal-log article[data-ok='0'] .v2077-terminal-command span{color:var(--rose)}.v2077-terminal-log pre{margin:7px 0 5px;white-space:pre-wrap;overflow-wrap:anywhere;color:#aac2d2;font:10px/1.55 var(--m)}.v2077-terminal-log p{margin:5px 0 0;padding:7px 9px;border-left:2px solid var(--amber);background:rgba(242,178,51,.06);color:#c6b98d;font-size:10px;line-height:1.45}.v2077-terminal-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid #29465f;border-radius:10px;padding:7px;background:#06131e}.v2077-terminal-form label{font:11px var(--m);color:var(--teal)}.v2077-terminal-form input{width:100%;min-width:0;min-height:40px;border:0;outline:0;background:transparent;color:#eff8fb;font:12px var(--m)}.v2077-terminal-form .btn{min-height:40px}.v2077-command-map{border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:var(--mut)}.v2077-command-map summary{cursor:pointer;font-size:10px;color:var(--txt)}.v2077-command-map>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:9px}.v2077-command-map article{display:grid;gap:3px;padding:7px;border:1px solid var(--line);border-radius:8px}.v2077-command-map article[data-done='1']{border-color:rgb(var(--accent-rgb)/.35);background:rgb(var(--accent-rgb)/.06)}.v2077-command-map b{font-size:9px;color:var(--txt)}.v2077-command-map code{font:8px var(--m);color:var(--mut);overflow-wrap:anywhere}.v2077-boundary{color:var(--mut)!important;letter-spacing:0!important;font:9px var(--f)!important}
.v2030-inspector-empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--mut)}.v2030-inspector-empty span{font-size:35px}.v2030-inspector-empty h2{color:var(--txt);font-size:17px;margin:10px 0 4px}.v2030-inspector-empty p{font-size:12px;max-width:25ch;margin:0 auto}
.v2030-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 18px;border-top:1px solid var(--line);background:var(--bg2)}.v2030-footer>span{color:var(--mut);font-size:11px}.v2030-footer>div{display:flex;gap:7px;flex-wrap:wrap}.v2030-toast{position:fixed;z-index:10120;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(90vw,650px);padding:11px 15px;border:1px solid var(--teal);border-radius:11px;background:#081726;color:var(--txt);box-shadow:0 12px 40px rgba(0,0,0,.45);font-size:13px}.v2030-toast[hidden]{display:none}
.v2030-header-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.v2030-shell nav.v2030-mobile-nav{display:none!important}
@media(max-width:1100px){.v2030-layout{grid-template-columns:190px minmax(390px,1fr)}.v2030-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);max-height:none}.v2030-inspector form{grid-template-columns:repeat(2,minmax(0,1fr))}.v2030-inspector .v2030-link-list,.v2030-inspector-head{grid-column:1/-1}}
@media(max-width:760px){.v2030-overlay{padding:0}.v2030-shell{min-height:100vh;border-radius:0;border:0}.v2030-header{padding:17px}.v2030-header p{font-size:12px}.v2030-topbar{grid-template-columns:1fr}.v2030-top-actions .btn{flex:1}.v2030-layout{display:flex;flex-direction:column}.v2030-tools{border-right:0;border-bottom:1px solid var(--line)}.v2030-tools section{margin:0 0 10px;padding:0 0 10px}.v2030-device-palette{grid-template-columns:repeat(5,minmax(62px,1fr));overflow:auto}.v2030-device-palette button{min-width:65px}.v2030-mode-grid{grid-template-columns:1fr 1fr}.v2076-case{max-width:none}.v2030-canvas{min-height:430px}.v2030-node{width:118px;grid-template-columns:27px 1fr;min-height:59px}.v2030-node-icon{width:27px;height:27px;font-size:15px}.v2030-test-panel{grid-template-columns:1fr 1fr}.v2030-test-panel>div{grid-column:1/-1}.v2030-test-panel .btn{grid-column:1/-1}.v2077-command-lab{padding:13px 11px}.v2077-command-lab>header{align-items:flex-start}.v2077-progress span{display:none}.v2077-challenge{display:grid;grid-template-columns:1fr}.v2077-challenge>b{grid-column:1/-1}.v2077-terminal-log{max-height:420px}.v2077-terminal-form{grid-template-columns:1fr auto}.v2077-terminal-form label{grid-column:1/-1}.v2077-command-map>div{grid-template-columns:repeat(2,minmax(0,1fr))}.v2030-inspector{border-top:1px solid var(--line)}.v2030-inspector form{grid-template-columns:1fr}.v2030-field-grid{grid-template-columns:1fr 1fr}.v2030-footer{align-items:flex-start;flex-direction:column}.v2030-footer>div{width:100%}.v2030-footer .btn{flex:1}}
@media(max-width:460px){.v2030-field-grid{grid-template-columns:1fr}.v2030-node{width:103px;padding:7px}.v2030-node em{display:none}.v2030-test-panel{grid-template-columns:1fr}.v2030-device-palette{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.v2030-device-palette button{transform:none!important}.v2030-links line.packet-active{animation:none!important}}

/* v20.79: fyra beständiga arbetsvyer ersätter den långa staplade mobil-layouten. */
@media(max-width:760px){
  .v2030-header{align-items:flex-start;gap:10px}.v2030-header h1{font-size:22px}.v2030-header p{display:none}.v2030-header-actions{gap:6px}.v2030-close{width:42px;height:42px;min-width:42px}
  .v2030-shell nav.v2030-mobile-nav{position:sticky;top:0!important;z-index:8;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:7px max(7px,env(safe-area-inset-right,0px)) 7px max(7px,env(safe-area-inset-left,0px));border:0;border-bottom:1px solid var(--line);border-radius:0;background:color-mix(in srgb,var(--bg2) 96%,transparent);backdrop-filter:blur(16px)}
  .v2030-mobile-nav button{min-width:0;min-height:46px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--mut);padding:6px 3px;font:800 10px/1.15 var(--f);cursor:pointer}
  .v2030-mobile-nav button[aria-selected="true"]{border-color:rgb(var(--accent-rgb)/.42);background:rgb(var(--accent-rgb)/.13);color:var(--teal);box-shadow:inset 0 -2px var(--teal)}
  .v2030-layout{min-height:calc(100dvh - 176px)}
  .v2030-shell[data-mobile-view="topology"] .v2030-topbar,.v2030-shell[data-mobile-view="topology"] .v2030-tools,.v2030-shell[data-mobile-view="topology"] .v2030-inspector,.v2030-shell[data-mobile-view="topology"] .v2077-command-lab{display:none}
  .v2030-shell[data-mobile-view="topology"] .v2030-canvas{min-height:calc(100dvh - 315px)}
  .v2030-shell[data-mobile-view="terminal"] .v2030-topbar,.v2030-shell[data-mobile-view="terminal"] .v2030-tools,.v2030-shell[data-mobile-view="terminal"] .v2030-inspector,.v2030-shell[data-mobile-view="terminal"] .v2030-canvas,.v2030-shell[data-mobile-view="terminal"] .v2030-test-panel,.v2030-shell[data-mobile-view="terminal"] .v2030-results{display:none}
  .v2030-shell[data-mobile-view="terminal"] .v2030-work-area{min-height:calc(100dvh - 176px)}
  .v2030-shell[data-mobile-view="terminal"] .v2077-command-lab{border-top:0;min-height:calc(100dvh - 176px);align-content:start}
  .v2030-shell[data-mobile-view="terminal"] .v2077-terminal-log{min-height:300px;max-height:calc(100dvh - 470px)}
  .v2030-shell[data-mobile-view="scenario"] .v2030-work-area,.v2030-shell[data-mobile-view="scenario"] .v2030-inspector,.v2030-shell[data-mobile-view="scenario"] .v2030-configuration-panel{display:none}
  .v2030-shell[data-mobile-view="scenario"] .v2030-topbar{display:grid}.v2030-shell[data-mobile-view="scenario"] .v2030-top-actions{display:none}
  .v2030-shell[data-mobile-view="scenario"] .v2030-tools{display:block;border:0;min-height:calc(100dvh - 320px)}
  .v2030-shell[data-mobile-view="scenario"] .v2030-scenario-panel{margin:0;max-width:none}
  .v2030-shell[data-mobile-view="configuration"] .v2030-topbar,.v2030-shell[data-mobile-view="configuration"] .v2030-work-area,.v2030-shell[data-mobile-view="configuration"] .v2030-scenario-panel{display:none}
  .v2030-shell[data-mobile-view="configuration"] .v2030-tools{display:block;border:0}.v2030-shell[data-mobile-view="configuration"] .v2030-inspector{display:block;border:0;border-top:1px solid var(--line)}
  .v2030-shell[data-mobile-view="configuration"] .v2030-device-palette{grid-template-columns:repeat(5,minmax(62px,1fr))}
}

@media(max-width:390px){.v2030-mobile-nav button{font-size:9px}.v2030-header small{font-size:8px}.v2030-header h1{font-size:19px}}


/* ===== virtual-it-lab-20.82.css ===== */
.v2078-root{position:fixed;inset:0;z-index:10080;background:rgba(2,8,18,.86);backdrop-filter:blur(18px);padding:18px;overflow:auto;color:#eaf4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.v2078-root[hidden]{display:none!important}.v2078-open{overflow:hidden}.v2078-dialog{width:min(1680px,100%);min-height:min(930px,calc(100vh - 36px));margin:auto;background:#07111f;border:1px solid #244463;border-radius:24px;overflow:hidden;box-shadow:0 36px 100px #000b;display:flex;flex-direction:column}.v2078-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;background:linear-gradient(115deg,#0b2139,#102943 55%,#0b1b31);border-bottom:1px solid #244463}.v2078-header small,.v2078-missions>header small,.v2078-network>header small{color:#58e1cc;font-weight:900;letter-spacing:.14em}.v2078-header h1{font-size:clamp(24px,3vw,38px);line-height:1.05;margin:4px 0}.v2078-header p{margin:0;color:#9fb6ca}.v2078-header>div:last-child{display:flex;align-items:center;gap:13px}.v2078-header button[data-v2078-close]{width:44px;height:44px;border:1px solid #35516d;border-radius:14px;background:#091827;color:#fff;font-size:27px;cursor:pointer}.v2078-live{display:flex;gap:7px;align-items:center;border:1px solid #28546a;background:#0b2a38;padding:8px 12px;border-radius:999px;color:#a9f6e8;font-size:12px;font-weight:800}.v2078-live i{width:8px;height:8px;background:#55e3a4;border-radius:50%;box-shadow:0 0 12px #55e3a4}.v2078-tabs{display:flex;gap:5px;padding:9px 18px;background:#081827;border-bottom:1px solid #1c3953}.v2078-tabs button{border:0;background:transparent;color:#8fa9bf;padding:10px 15px;border-radius:10px;font:inherit;font-weight:800;cursor:pointer}.v2078-tabs button[aria-pressed=true]{background:#173854;color:#fff;box-shadow:inset 0 0 0 1px #2d5b7c}.v2078-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 330px;flex:1;min-height:0}.v2078-sidebar{background:#071725;border-right:1px solid #1b3952;padding:16px;min-width:0}.v2078-sidebar>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.v2078-sidebar>header b{font-size:13px}.v2078-sidebar>header button{width:30px;height:30px;border-radius:8px;border:1px solid #294a65;background:#10283c;color:#cce6fa;cursor:pointer}.v2078-vm-card{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:12px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:#dceaf5;margin:5px 0;cursor:pointer}.v2078-vm-card[data-active="1"]{background:#102c43;border-color:#2d607f}.v2078-vm-card>span:nth-child(2){display:grid;min-width:0}.v2078-vm-card b{font-size:13px}.v2078-vm-card small{color:#829db3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.v2078-vm-card em{font-style:normal;color:#71dca5;font-size:10px;display:flex;align-items:center;gap:5px}.v2078-vm-card[data-power=off] em{color:#8091a2}.v2078-vm-card em i{width:6px;height:6px;background:currentColor;border-radius:50%}.v2078-mini{font-size:10px;color:#65d9c8}.v2078-osmark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,#1978c9,#32b7e8);font-weight:900;color:#fff}.v2078-osmark.large{width:58px;height:58px;font-size:23px;border-radius:15px}.v2078-host{margin-top:22px;border:1px solid #203d55;background:#091c2c;border-radius:13px;padding:13px;display:grid}.v2078-host small{color:#5bd8c7;font-weight:900}.v2078-host span{font-size:11px;color:#829bb0}.v2078-workspace{min-width:0;background:radial-gradient(circle at 70% 0,rgba(31,111,166,.12),transparent 32%),#091522;padding:18px;overflow:auto}.v2078-mission-rail{border-left:1px solid #1b3952;background:#081726;padding:18px;overflow:auto}.v2078-mission-rail>header{display:flex;gap:12px}.v2078-mission-rail>header>span{font-size:30px}.v2078-mission-rail small{color:#7f9cb3}.v2078-mission-rail h2{font-size:18px;margin:2px 0}.v2078-mission-rail>p{color:#9bb0c3;font-size:13px}.v2078-progress{position:relative;background:#07111c;border-radius:10px;height:34px;overflow:hidden;margin:18px 0}.v2078-progress i{position:absolute;inset:0 auto 0 0;width:var(--p);background:linear-gradient(90deg,#176785,#1fae8e);transition:width .35s}.v2078-progress b{position:relative;display:grid;place-items:center;height:100%;font-size:11px}.v2078-mission-rail ol{list-style:none;padding:0;display:grid;gap:8px}.v2078-mission-rail li{display:flex;gap:9px;padding:10px;border:1px solid #203b52;border-radius:10px;color:#9eb2c4;font-size:12px}.v2078-mission-rail li[data-done="1"]{border-color:#28654f;background:#0b2b28;color:#c7f7e5}.v2078-mission-rail li span{font-weight:900;color:#52ddb0}.v2078-mission-rail details{border-top:1px solid #1e3b52;padding-top:12px;color:#9eb2c4;font-size:12px}.v2078-mission-rail summary{cursor:pointer;color:#d8e9f5;font-weight:800}.v2078-mission-rail .btn{width:100%;margin-top:14px}.v2078-boundary{display:block;margin-top:13px;line-height:1.4}.v2078-overview,.v2078-network,.v2078-missions{display:grid;gap:16px}.v2078-hero-vm{display:flex;align-items:center;gap:15px;border:1px solid #24445e;border-radius:17px;background:linear-gradient(130deg,#102a40,#0b1e30);padding:20px}.v2078-hero-vm h2{margin:2px 0;font-size:27px}.v2078-hero-vm p{margin:0;color:#8fa8bb}.v2078-hero-vm>span:last-child{margin-left:auto;color:#55dca2;font-weight:900}.v2078-actions{display:flex;flex-wrap:wrap;gap:8px}.v2078-actions button,.v2078-shell button,.v2078-missions article>button{border:1px solid #31536d;background:#102b41;color:#ddecf7;border-radius:9px;padding:9px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.v2078-actions button:disabled{opacity:.4;cursor:not-allowed}.v2078-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v2078-metrics article{border:1px solid #203e56;background:#0a1c2c;border-radius:14px;padding:14px;display:grid;gap:7px}.v2078-metrics small{color:#7e9ab0}.v2078-metrics b{font-size:16px}.v2078-metrics i{height:5px;border-radius:8px;background:linear-gradient(90deg,#42d8bc var(--p),#173246 var(--p))}.v2078-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v2078-info-grid article{border:1px solid #203e56;background:#0a1c2c;border-radius:14px;padding:15px;display:grid;gap:7px}.v2078-info-grid span{color:#94abba;font-size:12px}.v2078-info-grid button{display:flex;justify-content:space-between;border:0;border-top:1px solid #1b374c;background:none;color:#a9c0d2;padding:8px 0;text-align:left}.v2078-info-grid button small{color:#58dcc6}.v2078-console{display:grid;grid-template-rows:285px minmax(380px,1fr);gap:12px;min-height:100%}.v2078-window,.v2078-shell{border:1px solid #274863;border-radius:15px;overflow:hidden;background:#07121d;box-shadow:0 16px 35px #0004}.v2078-window>header{height:38px;background:#eef4f8;color:#12273a;display:flex;align-items:center;padding:0 12px;gap:8px;font-size:12px}.v2078-window>header>div{margin-left:auto;display:flex;gap:14px}.v2078-window>header i{width:10px;height:10px;border:1px solid #6d7b86;border-radius:50%}.v2078-winmark{color:#1876c9}.v2078-desktop{display:grid;grid-template-columns:170px 1fr;height:247px;background:linear-gradient(135deg,#0d76ba,#0e2c56)}.v2078-desktop[data-os=server]{background:linear-gradient(135deg,#122f4e,#17618f)}.v2078-desktop aside{background:rgba(4,15,26,.74);padding:12px;display:grid;align-content:start;gap:8px}.v2078-desktop aside button{border:0;background:transparent;color:#d7ecfb;text-align:left;padding:9px;font-size:11px}.v2078-desktop aside span{display:inline-grid;width:25px}.v2078-desktop main{position:relative;padding:18px}.v2078-wall-copy{display:grid;color:#dff4ff55}.v2078-wall-copy span{letter-spacing:.2em;font-size:10px}.v2078-wall-copy b{font-size:32px}.v2078-taskbar{position:absolute;inset:auto 0 0;height:38px;background:rgba(3,13,24,.78);display:flex;align-items:center;gap:15px;padding:0 15px}.v2078-taskbar small{margin-left:auto;color:#c3d8e8}.v2078-shell{display:flex;flex-direction:column;min-height:0}.v2078-shell>header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#102439}.v2078-shell>header>div:first-child{display:grid}.v2078-shell>header span{font-size:10px;color:#54dac6}.v2078-shell>header button{padding:6px 9px}.v2078-shell>header button[data-active="1"]{border-color:#56dac8;color:#6ff0dc}.v2078-quick{display:flex;gap:6px;overflow:auto;padding:8px;background:#0a1928}.v2078-quick button{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.v2078-terminal-log{flex:1;min-height:230px;max-height:440px;overflow:auto;padding:12px;background:#061019;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.v2078-terminal-log article{border-left:2px solid #3bd3ba;padding:0 0 8px 10px;margin-bottom:11px}.v2078-terminal-log article[data-ok="0"]{border-color:#ff7f8f}.v2078-terminal-log article>div span{color:#56d9c7}.v2078-terminal-log pre{white-space:pre-wrap;margin:5px 0;color:#d5e6f1;font:inherit}.v2078-terminal-log p{margin:5px 0 0;color:#8ba7bb;font-family:Inter,system-ui,sans-serif;font-size:10px}.v2078-terminal-empty{color:#7996aa;padding:25px}.v2078-terminal-log code{color:#5ae4cd}.v2078-shell form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;background:#0b1c2b}.v2078-shell form label{color:#58ddc8;font:11px ui-monospace,monospace}.v2078-shell form input{min-width:0;border:1px solid #31536c;background:#06111b;color:#e8f6ff;border-radius:8px;padding:9px;font:12px ui-monospace,monospace}.v2078-powered-off{height:100%;display:grid;place-content:center;justify-items:center;text-align:center}.v2078-power-icon{font-size:60px;color:#42617a}.v2078-powered-off p{color:#89a2b5}.v2078-network>header,.v2078-missions>header{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #24445e;background:#0c2235;padding:18px;border-radius:15px}.v2078-network h2,.v2078-missions h2{margin:3px 0}.v2078-network p,.v2078-missions p{color:#91a9bb;margin:0}.v2078-topology{position:relative;height:340px;border:1px solid #24445e;border-radius:16px;background:radial-gradient(circle at 50% 50%,#173751,#071522 62%);overflow:hidden}.v2078-virtual-switch{position:absolute;left:50%;top:36%;translate:-50% -50%;display:grid;text-align:center;border:1px solid #45bca9;background:#0a302f;padding:14px 28px;border-radius:15px;box-shadow:0 0 35px #2ed3b333}.v2078-virtual-switch span{font-size:28px;color:#5ae9d0}.v2078-virtual-switch small{color:#82bdb5}.v2078-topo-vm{position:absolute;left:var(--x);bottom:35px;translate:-50% 0;display:grid;justify-items:center}.v2078-topo-vm:before{content:"";position:absolute;bottom:100%;left:50%;width:2px;height:115px;background:linear-gradient(#4dd9c4,#4dd9c422)}.v2078-topo-vm>i{position:absolute;bottom:104px;width:9px;height:9px;background:#50e6bd;border-radius:50%;box-shadow:0 0 12px #50e6bd}.v2078-topo-vm[data-power=off]{opacity:.46}.v2078-topo-vm>span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#167bc0;font-size:20px;font-weight:900}.v2078-topo-vm small{color:#8ea8b9}.v2078-adapters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v2078-adapters article{border:1px solid #203f57;background:#0a1c2c;border-radius:13px;padding:13px;display:grid;gap:10px}.v2078-adapters header{display:flex;justify-content:space-between}.v2078-adapters header span{color:#55dca4;font-size:11px}.v2078-adapters label{display:grid;gap:4px;color:#8fa8bb;font-size:11px}.v2078-adapters select{border:1px solid #31536e;background:#081725;color:#e4f2fc;border-radius:8px;padding:8px}.v2078-adapters small{color:#748da1}.v2078-missions>header{display:block}.v2078-missions>div{display:grid;gap:10px}.v2078-missions article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #203f57;background:#0a1c2c;border-radius:15px;padding:16px}.v2078-missions article[data-active="1"]{border-color:#42b9a6;background:linear-gradient(110deg,#0c2c32,#0a1c2c)}.v2078-missions article>span{font-size:34px}.v2078-missions article small{color:#58d9c6}.v2078-missions article h3{margin:2px 0}.v2078-missions article p{font-size:12px}.v2078-missions article em{display:inline-flex;font-style:normal;font-size:10px;background:#102d43;color:#a8c5d8;padding:4px 7px;border-radius:999px;margin:6px 4px 0 0}.v2078-home-card{margin:18px auto;width:min(calc(100% - 28px),1180px);border:1px solid #347999;border-radius:22px;padding:24px;background:radial-gradient(circle at 85% 20%,rgba(51,204,196,.22),transparent 32%),linear-gradient(125deg,#0a1d31,#0e3550);color:#eef9ff;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:0 20px 45px rgba(1,14,25,.25)}.v2078-home-card>div>span,.v2078-tools-card>div>span{color:#62ebd6;font-size:11px;font-weight:900;letter-spacing:.14em}.v2078-home-card h2{font-size:clamp(24px,3vw,36px);margin:5px 0}.v2078-home-card p{color:#b4cada;max-width:650px}.v2078-home-card em{display:inline-flex;font-style:normal;border:1px solid #376079;border-radius:999px;padding:5px 9px;color:#bfe2ef;font-size:10px;margin:2px}.v2078-home-card>button{min-width:230px;border:1px solid #65e2ce;background:#62ddc6;color:#06251f;border-radius:17px;padding:17px;display:grid;grid-template-columns:46px 1fr;text-align:left;cursor:pointer}.v2078-home-card>button span{grid-row:1/3;font-size:30px}.v2078-home-card>button small{color:#245248}.v2078-tools-card{border-color:#307189!important;background:linear-gradient(120deg,#0b2538,#102d40)!important}.v2078-toast{position:fixed;z-index:10100;left:50%;bottom:22px;translate:-50% 0;background:#0a2a35;color:#e8fffa;border:1px solid #42cbb3;border-radius:12px;padding:12px 17px;box-shadow:0 14px 40px #0008}.v2078-toast[hidden]{display:none}.v2078-root button:focus-visible,.v2078-root input:focus-visible,.v2078-root select:focus-visible,.v2078-home-card button:focus-visible{outline:3px solid #6ce6d3;outline-offset:2px}
@media(max-width:1200px){.v2078-layout{grid-template-columns:230px minmax(0,1fr)}.v2078-mission-rail{grid-column:1/-1;border-left:0;border-top:1px solid #1b3952}.v2078-mission-rail ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.v2078-root{padding:0}.v2078-dialog{min-height:100vh;border:0;border-radius:0}.v2078-header{padding:16px}.v2078-header p,.v2078-live{display:none}.v2078-header h1{font-size:23px}.v2078-tabs{overflow:auto;padding:7px}.v2078-tabs button{white-space:nowrap}.v2078-layout{display:block}.v2078-sidebar{border:0;border-bottom:1px solid #1b3952;display:flex;gap:7px;overflow:auto;padding:10px}.v2078-sidebar>header,.v2078-host{display:none}.v2078-vm-card{min-width:205px}.v2078-workspace{padding:10px}.v2078-mission-rail{padding:14px}.v2078-mission-rail ol{grid-template-columns:1fr}.v2078-console{grid-template-rows:210px minmax(420px,1fr)}.v2078-desktop{height:172px;grid-template-columns:1fr}.v2078-desktop aside{display:none}.v2078-window>header{height:38px}.v2078-wall-copy b{font-size:22px}.v2078-shell>header{align-items:flex-start}.v2078-shell form{grid-template-columns:1fr auto}.v2078-shell form label{grid-column:1/-1}.v2078-metrics,.v2078-info-grid,.v2078-adapters{grid-template-columns:1fr 1fr}.v2078-network>header{display:block}.v2078-network>header button{margin-top:12px}.v2078-topology{height:300px}.v2078-missions article{grid-template-columns:40px 1fr}.v2078-missions article>button{grid-column:1/-1}.v2078-home-card{align-items:stretch;flex-direction:column;padding:18px}.v2078-home-card>button{min-width:0}.v2078-hero-vm>span:last-child{display:none}}
@media(max-width:480px){.v2078-metrics,.v2078-info-grid,.v2078-adapters{grid-template-columns:1fr}.v2078-header small{font-size:9px}.v2078-actions button{flex:1}.v2078-topo-vm small{display:none}.v2078-virtual-switch{padding:12px}.v2078-shell>header>div:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.v2078-progress i{transition:none}.v2078-live i{box-shadow:none}}

/* v20.82 professional hypervisor and VM connection surfaces. */
.v2082-dialog{background:#07111d;border-color:#31526d}.v2082-dialog .v2078-header{background:linear-gradient(120deg,#091b2d,#102f49 62%,#0b2034)}.v2082-dialog .v2078-tabs{background:#071521}.v2082-dialog .v2078-tabs button[aria-pressed=true]{background:#16415f;border-radius:4px}.v2078-vm-card .v2078-mini{white-space:pre-line;text-align:right;line-height:1.45;font-size:8px}
.v2082-vmconnect{height:100%;min-height:720px;border:1px solid #304a61;background:#101820;display:grid;grid-template-rows:47px minmax(0,1fr) 26px;overflow:hidden;box-shadow:0 18px 48px #0008}.v2082-vmconnect>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 11px;background:linear-gradient(#f7f7f7,#dedede);color:#202020;border-bottom:1px solid #999}.v2082-vmconnect>header>div{display:grid;grid-template-columns:12px auto;column-gap:7px;align-items:center}.v2082-vmconnect>header b{font-size:11px}.v2082-vmconnect>header small{grid-column:2;color:#666;font-size:8px}.v2082-vmconnect-led{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#1fa15a;box-shadow:0 0 0 3px rgba(31,161,90,.16)}.v2082-vmconnect nav{display:flex;height:100%}.v2082-vmconnect nav button{border:0;border-left:1px solid #bbb;background:transparent;color:#222;padding:0 10px;font-size:9px}.v2082-vmconnect nav button:hover{background:#cfe7f7}.v2082-vm-screen{min-height:0;overflow:auto;background:#02060a;display:grid;place-items:start center}.v2082-vm-screen>.v2080-stage{width:100%;min-height:650px}.v2082-vmconnect>footer{display:flex;align-items:center;gap:18px;padding:0 9px;background:#e9e9e9;color:#333;border-top:1px solid #aaa;font-size:8px}.v2082-vmconnect>footer b{margin-left:auto}.v2082-vmconnect>footer span:first-child{color:#167b3c}.v2082-vmconnect>footer span:first-child:before{content:"●";margin-right:4px}
.v2082-overview .v2078-metrics article>span{color:#708da5;font-size:9px}.v2082-host-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v2082-host-summary article{display:grid;gap:4px;padding:14px;border:1px solid #29485e;background:linear-gradient(145deg,#10293d,#0a1a29);border-radius:10px}.v2082-host-summary small{color:#57d8c3;font-size:8px;letter-spacing:.1em}.v2082-host-summary b{font-size:14px}.v2082-host-summary span{color:#819bad;font-size:9px}.v2082-activity{border:1px solid #29465b;background:#091a28;border-radius:11px;overflow:hidden}.v2082-activity h3{margin:0;padding:11px 13px;border-bottom:1px solid #29465b;font-size:12px}.v2082-activity article{display:grid;grid-template-columns:10px 1fr;gap:8px;align-items:center;padding:9px 13px;border-top:1px solid #152f43}.v2082-activity article:first-of-type{border-top:0}.v2082-activity article>i{width:7px;height:7px;border-radius:50%;background:#4b9fd1}.v2082-activity article[data-tone=ok]>i{background:#4fce92}.v2082-activity article>span{display:grid}.v2082-activity b{font-size:10px}.v2082-activity small{font-size:8px;color:#758da0}
.v2082-network-host{display:grid;grid-template-columns:auto 1fr 45px 1fr 45px 1fr;align-items:center;gap:9px;padding:15px;border:1px solid #29485e;border-radius:13px;background:#0a1c2b}.v2082-network-host>span{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#1a78b6;font-weight:900}.v2082-network-host>div{display:grid}.v2082-network-host small{color:#51d6c0;font-size:8px}.v2082-network-host b{font-size:11px}.v2082-network-host em{font-style:normal;color:#809aad;font-size:8px}.v2082-network-host>i{height:2px;background:linear-gradient(90deg,#3cc4af,#3cc4af55);position:relative}.v2082-network-host>i:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid #3cc4af;border-top:4px solid transparent;border-bottom:4px solid transparent}.v2082-network .v2078-adapters dl{display:grid;grid-template-columns:72px 1fr;gap:3px;margin:0;font-size:9px}.v2082-network .v2078-adapters dt{color:#7892a6}.v2082-network .v2078-adapters dd{margin:0;color:#b8cbd8;overflow-wrap:anywhere}
@media(max-width:900px){.v2082-vmconnect{min-height:660px}.v2082-vmconnect>header nav button:nth-child(n+3){display:none}.v2082-host-summary{grid-template-columns:1fr}.v2082-network-host{grid-template-columns:auto 1fr}.v2082-network-host>i{display:none}.v2082-network-host>div{padding:5px 0}}
@media(max-width:560px){.v2082-vmconnect{min-height:620px;grid-template-rows:auto minmax(0,1fr) 26px}.v2082-vmconnect>header{align-items:stretch;flex-direction:column;padding:7px}.v2082-vmconnect nav{height:34px}.v2082-vmconnect nav button{flex:1;border:1px solid #bbb}.v2082-vm-screen>.v2080-stage{min-height:580px}.v2082-vmconnect>footer span:nth-child(n+3){display:none}.v2082-network-host{grid-template-columns:1fr}.v2082-network-host>span{display:none}}


/* ===== windows-desktop-20.82.css ===== */
/* ITPlugg v20.80 – interaktiva Windows-skrivbord. */
.v2080-stage{--taskbar:44px;position:relative;isolation:isolate;width:100%;min-height:650px;overflow:hidden;border:1px solid #34536c;background:#0c6294;color:#15191d;font-family:"Segoe UI",Tahoma,system-ui,sans-serif;box-shadow:0 24px 55px #0008;user-select:none}
.v2080-stage button,.v2080-stage input{font:inherit}.v2080-stage button{cursor:pointer}.v2080-stage[data-os=server],.v2080-stage[data-os=win10]{border-radius:2px}.v2080-stage[data-os=win11]{border-radius:12px}
.v2080-wallpaper{position:absolute;inset:0 0 var(--taskbar);overflow:hidden;background:linear-gradient(150deg,#0586cd 0,#0069aa 52%,#034477 100%)}
.v2080-stage[data-os=server] .v2080-wallpaper{background:linear-gradient(140deg,#005891 0,#0078bd 46%,#004c82 100%)}
.v2080-stage[data-os=win10] .v2080-wallpaper{background:radial-gradient(circle at 58% 50%,#0878b6,#07436e 62%,#02253f)}
.v2080-stage[data-os=win11] .v2080-wallpaper{background:radial-gradient(ellipse at 63% 56%,#251767 0 7%,transparent 29%),radial-gradient(ellipse at 36% 30%,#0067bc 0 13%,transparent 44%),radial-gradient(ellipse at 55% 48%,#5055de 0 22%,#07104a 65%,#020727)}
.v2080-stage[data-os=win11] .v2080-wallpaper:before,.v2080-stage[data-os=win11] .v2080-wallpaper:after{content:"";position:absolute;width:58%;height:72%;left:22%;top:12%;border:3px solid rgba(141,169,255,.44);border-radius:52% 48% 62% 38%/42% 60% 40% 58%;filter:blur(1px);transform:rotate(-20deg);box-shadow:0 0 52px rgba(82,135,255,.36),inset 0 0 52px rgba(74,76,255,.22)}
.v2080-stage[data-os=win11] .v2080-wallpaper:after{left:43%;top:22%;width:28%;height:54%;transform:rotate(28deg);border-color:rgba(187,126,255,.42)}
.v2080-stage[data-os=server] .v2080-wallpaper i,.v2080-stage[data-os=win10] .v2080-wallpaper i{position:absolute;background:rgba(195,240,255,.9);box-shadow:0 0 35px rgba(177,231,255,.64)}
.v2080-stage[data-os=server] .v2080-wallpaper i:nth-child(1),.v2080-stage[data-os=win10] .v2080-wallpaper i:nth-child(1){width:30%;height:34%;left:49%;top:14%;transform:perspective(480px) rotateY(-14deg) skewY(-2deg)}
.v2080-stage[data-os=server] .v2080-wallpaper i:nth-child(2),.v2080-stage[data-os=win10] .v2080-wallpaper i:nth-child(2){width:30%;height:34%;left:49%;top:51%;transform:perspective(480px) rotateY(-14deg) skewY(2deg)}
.v2080-stage[data-os=server] .v2080-wallpaper i:nth-child(3),.v2080-stage[data-os=win10] .v2080-wallpaper i:nth-child(3){width:30%;height:34%;left:18%;top:14%;transform:perspective(480px) rotateY(14deg) skewY(2deg)}
.v2080-stage[data-os=server] .v2080-wallpaper i:nth-child(4),.v2080-stage[data-os=win10] .v2080-wallpaper i:nth-child(4){width:30%;height:34%;left:18%;top:51%;transform:perspective(480px) rotateY(14deg) skewY(-2deg)}
.v2080-stage[data-os=server] .v2080-wallpaper i{opacity:.12}.v2080-stage[data-os=win10] .v2080-wallpaper i{opacity:.17}
.v2080-desktop-label{position:absolute;right:24px;top:20px;display:grid;text-align:right;color:rgba(255,255,255,.68);text-shadow:0 1px 2px #002f54}.v2080-desktop-label span{font-size:12px}.v2080-desktop-label b{font-size:20px}.v2080-desktop-label small{font-size:11px}
.v2080-desktop-icons{position:absolute;left:8px;top:9px;display:grid;gap:2px;width:98px;z-index:2}.v2080-desktop-icons button{display:grid;justify-items:center;gap:3px;border:1px solid transparent;background:transparent;color:#fff;padding:6px 2px;text-shadow:0 1px 2px #000;min-height:68px}.v2080-desktop-icons button:hover,.v2080-desktop-icons button:focus-visible{background:rgba(104,186,237,.25);border-color:rgba(218,243,255,.5)}.v2080-desktop-icons button span:last-child{max-width:88px;font-size:11px;line-height:1.15;text-align:center}
.v2080-app-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:4px;background:linear-gradient(145deg,#1b8fe5,#0067b1);color:white;font-size:11px;font-weight:700;text-shadow:none;box-shadow:0 1px 2px #0005}.v2080-app-icon.small{width:27px;height:27px;font-size:9px}.v2080-app-icon.tiny{display:inline-grid;width:17px;height:17px;font-size:6px;border-radius:2px;vertical-align:middle}.v2080-app-icon[data-tone=yellow]{background:linear-gradient(160deg,#ffd75c 0 38%,#dda500 39% 100%);color:#6b4a00}.v2080-app-icon[data-tone=navy]{background:linear-gradient(145deg,#08689b,#01364e)}.v2080-app-icon[data-tone=black]{background:#111}.v2080-app-icon[data-tone=amber]{background:linear-gradient(145deg,#ffca43,#e78b00);color:#443000}.v2080-app-icon[data-tone=cyan]{background:linear-gradient(145deg,#20c7e8,#006ba5)}.v2080-app-icon[data-tone=green]{background:linear-gradient(145deg,#63ce78,#148b41)}.v2080-app-icon[data-tone=purple]{background:linear-gradient(145deg,#a773e5,#5b2c9c)}.v2080-app-icon[data-tone=steel]{background:linear-gradient(145deg,#d8dde3,#758293);color:#25303b}.v2080-app-icon[data-tone=red]{background:linear-gradient(145deg,#ff6666,#b10f0f)}.v2080-app-icon[data-tone=edge]{border-radius:50%;background:conic-gradient(from 40deg,#0cb7a2,#0e80dc,#075bbc,#19c2a2);font-size:20px;font-style:italic}.v2080-app-icon[data-tone=glass]{background:linear-gradient(145deg,#f7fdffb8,#78b6d5c4);color:#186080}
.v2080-window{position:absolute;z-index:5;left:12%;top:34px;width:78%;height:calc(100% - var(--taskbar) - 70px);min-height:420px;background:#fff;border:1px solid #526474;box-shadow:0 16px 50px #001a2b99;display:flex;flex-direction:column;overflow:hidden}.v2080-window.is-maximized{inset:0 0 var(--taskbar);width:auto;height:auto;min-height:0;border:0}.v2080-stage[data-os=win11] .v2080-window:not(.is-maximized){border-radius:9px}.v2080-titlebar{height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:space-between;padding-left:8px;background:#f7f9fb;color:#1c252d;border-bottom:1px solid #d5dce2}.v2080-titlebar>span{display:flex;align-items:center;gap:7px;font-size:12px}.v2080-titlebar>div{height:100%;display:flex}.v2080-titlebar>div button{width:46px;border:0;background:transparent;color:#111;font-size:14px}.v2080-titlebar>div button:hover{background:#dde4ea}.v2080-titlebar>div button:last-child:hover{background:#e81123;color:#fff}.v2080-window-body{flex:1;min-height:0;overflow:auto;background:#fff}
.v2080-taskbar{position:absolute;z-index:20;inset:auto 0 0;height:var(--taskbar);display:flex;align-items:center;justify-content:space-between;background:rgba(8,19,30,.94);color:#fff;box-shadow:0 -1px rgba(255,255,255,.13)}.v2080-stage[data-os=win11] .v2080-taskbar{background:rgba(238,242,250,.9);color:#16202a;backdrop-filter:blur(22px);justify-content:center}.v2080-task-main{height:100%;display:flex;align-items:center}.v2080-stage[data-os=win11] .v2080-task-main{justify-content:center}.v2080-taskbar button{height:100%;min-width:42px;border:0;background:transparent;color:inherit;display:grid;place-items:center;position:relative}.v2080-taskbar button:hover{background:rgba(255,255,255,.12)}.v2080-stage[data-os=win11] .v2080-taskbar button:hover{background:rgba(255,255,255,.62)}.v2080-task-button[data-active="1"]:after{content:"";position:absolute;bottom:1px;left:20%;right:20%;height:3px;background:#45a8e8}.v2080-start-button .v2080-windows-mark{width:18px;height:18px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:perspective(20px) rotateY(-8deg)}.v2080-windows-mark i{display:block;background:#eaf7ff}.v2080-stage[data-os=win11] .v2080-windows-mark i{background:#0978d5}.v2080-search-button{font-size:19px}.v2080-search-button span{font-size:11px;color:#444;margin:0 56px 0 8px}.v2080-stage[data-os=win10] .v2080-search-button{width:190px;display:flex;justify-content:flex-start;padding:0 12px;background:#f7f7f7;color:#111}.v2080-tray{height:100%;display:flex;align-items:center;gap:9px;font-size:10px;margin-left:auto;padding-left:8px}.v2080-stage[data-os=win11] .v2080-tray{position:absolute;right:0}.v2080-tray time{display:grid;text-align:right;padding:0 8px;font-size:10px}.v2080-tray time small{font-size:9px}.v2080-tray>i{display:block;width:5px;height:100%;border-left:1px solid rgba(255,255,255,.3)}
.v2080-start{position:absolute;z-index:25;bottom:var(--taskbar);color:#111;box-shadow:0 12px 40px #0008}.v2080-start-11{left:50%;transform:translateX(-50%);width:min(570px,calc(100% - 24px));height:520px;border-radius:9px 9px 0 0;background:rgba(246,248,252,.97);backdrop-filter:blur(24px);padding:24px 36px 0;display:flex;flex-direction:column}.v2080-start-search{height:37px;border:1px solid #d4d9e0;border-bottom:2px solid #1779c4;background:#fff;border-radius:5px;display:flex;align-items:center;padding:0 12px;gap:8px}.v2080-start-search input{border:0;outline:0;width:100%;background:transparent;color:#20252a}.v2080-start-11>header{display:flex;justify-content:space-between;padding:22px 5px 12px;font-size:12px}.v2080-start-11>header span{background:#fff;border:1px solid #d9dde2;border-radius:4px;padding:4px 9px}.v2080-pinned{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.v2080-pinned button{border:0;background:transparent;display:grid;justify-items:center;gap:5px;padding:8px 2px;min-height:72px;color:#1a1f24}.v2080-pinned button:hover{background:#fff;border-radius:5px}.v2080-pinned button span:last-child{font-size:10px;line-height:1.1;text-align:center}.v2080-recommended{border-top:1px solid #e2e5e9;margin-top:12px;padding:14px 5px;flex:1}.v2080-recommended>b{font-size:12px}.v2080-recommended p{display:flex;gap:9px;align-items:center}.v2080-recommended p>span{display:grid}.v2080-recommended small{color:#68717a}.v2080-start-11>footer{height:56px;margin:0 -36px;background:#eef1f5;display:flex;align-items:center;padding:0 40px;gap:9px}.v2080-start-11>footer>button{margin-left:auto;border:0;background:transparent;font-size:18px}.v2080-user{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#147bc1;color:#fff;font-size:12px}
.v2080-start-classic{left:0;width:min(680px,calc(100% - 12px));height:475px;background:rgba(25,25,27,.96);color:#fff;display:grid;grid-template-columns:48px 270px 1fr;backdrop-filter:blur(18px)}.v2080-start-classic>aside{display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:6px}.v2080-start-classic>aside .v2080-user{margin-bottom:auto}.v2080-start-classic>aside button{width:42px;height:42px;border:0;background:transparent;color:#fff}.v2080-start-list{padding:15px 8px;overflow:auto}.v2080-start-list>b{display:block;font-size:11px;margin:0 7px 10px}.v2080-start-list>button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#fff;padding:6px;text-align:left;font-size:11px}.v2080-start-list>button:hover{background:#ffffff1d}.v2080-tiles{align-content:start;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:88px;gap:4px;padding:14px 12px}.v2080-tiles h3{grid-column:1/-1;margin:0;height:23px;font-size:12px}.v2080-tiles button{border:0;background:#1479b8;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:9px;text-align:left;font-size:10px}.v2080-tiles button:nth-of-type(2n){background:#1468a0}.v2080-tiles button:nth-of-type(3n){background:#3769a9}.v2080-tiles button:hover{outline:2px solid #ffffff88;outline-offset:-2px}
.v2080-simulation-badge{position:absolute;z-index:3;right:10px;bottom:calc(var(--taskbar) + 9px);background:#001b2d99;color:#d8f1ff;border:1px solid #ffffff35;border-radius:3px;padding:4px 8px;font-size:9px;pointer-events:none}.v2080-stage[data-os=win11] .v2080-simulation-badge{border-radius:999px}
/* Server Manager */
.v2080-server-manager{height:100%;display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:44px 1fr;background:#f3f3f3;color:#222}.v2080-sm-top{grid-column:1/-1;background:#252525;color:#fff;display:flex;align-items:center;justify-content:space-between;padding-left:13px}.v2080-sm-top nav{height:100%;display:flex;align-items:center}.v2080-sm-top button{height:100%;border:0;background:transparent;color:#fff;padding:0 12px}.v2080-sm-top button:hover{background:#444}.v2080-sm-top i{font-style:normal;color:#f6bf3c;font-size:19px;padding:0 15px}.v2080-server-manager>aside{background:#e9e9e9;border-right:1px solid #c7c7c7;display:grid;align-content:start;padding-top:6px}.v2080-server-manager>aside button{border:0;background:transparent;text-align:left;padding:12px 18px;font-size:12px}.v2080-server-manager>aside button[data-active="1"]{background:#f27922;color:#fff}.v2080-server-manager>main{position:relative;overflow:auto;padding:15px}.v2080-server-manager h2{margin:0;border-bottom:1px solid #b9b9b9;padding-bottom:6px;font-size:20px;font-weight:400}.v2080-refresh{position:absolute;right:15px;top:6px;font-size:9px;color:#666}.v2080-refresh button{border:0;background:transparent;color:#087ac1}.v2080-configure{margin-top:13px;border:1px solid #c5c5c5;background:#fff}.v2080-configure h3{margin:0;background:#ef7a22;color:#fff;padding:8px 12px;font-size:13px}.v2080-configure ol{display:grid;grid-template-columns:repeat(2,1fr);list-style:none;padding:13px;margin:0;gap:8px}.v2080-configure li{display:flex;align-items:center;gap:10px}.v2080-configure li>span{width:25px;height:25px;border-radius:50%;background:#ef7a22;color:#fff;display:grid;place-items:center}.v2080-configure li button{border:0;background:transparent;color:#1677ad;text-align:left}.v2080-role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.v2080-role-grid article{border:1px solid #c7c7c7;background:#fff}.v2080-role-grid article>header{background:#777;color:#fff;padding:8px;display:flex;justify-content:space-between;font-size:11px}.v2080-role-grid article>header span{font-size:9px}.v2080-role-grid article>div{display:flex;align-items:center;gap:9px;padding:12px}.v2080-role-grid article>div strong{color:#28a050;font-size:21px}.v2080-role-grid article p{display:grid;margin:0}.v2080-role-grid article small{font-weight:400;color:#666}.v2080-role-grid article>footer{display:grid;grid-template-columns:repeat(4,1fr);background:#f1f1f1;border-top:1px solid #ddd;padding:6px;font-size:8px;text-align:center;color:#555}
/* Explorer */
.v2080-explorer{height:100%;display:grid;grid-template-columns:175px 1fr;grid-template-rows:31px 38px 1fr 24px;background:#fff;color:#222}.v2080-ribbon{grid-column:1/-1;display:flex;align-items:center;border-bottom:1px solid #d7d7d7;background:#fafafa}.v2080-ribbon button{height:100%;border:0;background:transparent;padding:0 13px;font-size:11px}.v2080-ribbon button.file{background:#1976bc;color:#fff}.v2080-ribbon span{flex:1}.v2080-address{grid-column:1/-1;display:flex;align-items:center;gap:3px;padding:5px;border-bottom:1px solid #ddd}.v2080-address button{width:28px;border:0;background:transparent}.v2080-address>div{flex:1;border:1px solid #ccc;height:27px;display:flex;align-items:center;padding:0 8px;font-size:10px}.v2080-address label{width:230px}.v2080-address input{width:100%;height:27px;border:1px solid #ccc;padding:0 8px}.v2080-explorer>aside{border-right:1px solid #ddd;padding:8px 4px;display:grid;align-content:start}.v2080-explorer>aside button{border:0;background:transparent;text-align:left;padding:7px;font-size:10px}.v2080-explorer>aside button:hover{background:#e7f3ff}.v2080-explorer>main{padding:12px;overflow:auto}.v2080-explorer>main h3{font-size:11px;color:#176ba6;font-weight:400;border-bottom:1px solid #ddd;padding-bottom:5px}.v2080-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:7px}.v2080-folder-grid button,.v2080-drive{display:flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;padding:7px;text-align:left;color:#222}.v2080-folder-grid button:hover,.v2080-drive:hover{background:#e7f3ff;border-color:#b7daf4}.v2080-folder-grid button>span:last-child,.v2080-drive>span{display:grid}.v2080-folder-grid small,.v2080-drive small{color:#777}.v2080-drive{width:min(350px,100%)}.v2080-drive i{width:190px;height:10px;border:1px solid #aaa}.v2080-drive em{display:block;width:var(--used);height:100%;background:#1b8bd1}.v2080-explorer>footer{grid-column:1/-1;background:#f5f5f5;border-top:1px solid #ddd;padding:4px 8px;font-size:9px}.v2080-explorer>footer span{float:right}
/* MMC */
.v2080-mmc{height:100%;display:grid;grid-template-columns:220px 1fr;grid-template-rows:25px 30px 1fr;background:#fff;color:#222}.v2080-menubar{grid-column:1/-1;background:#f5f5f5;border-bottom:1px solid #d2d2d2;padding:4px 8px;font-size:11px}.v2080-toolbar{grid-column:1/-1;background:#fafafa;border-bottom:1px solid #ccc;padding:4px 8px;font-size:11px}.v2080-toolbar button{border:1px solid #ccc;background:#fff}.v2080-mmc>aside{border-right:1px solid #aaa;padding:8px;display:grid;align-content:start;gap:6px;font-size:10px}.v2080-mmc>aside b{margin-bottom:5px}.v2080-mmc>aside span{padding:4px}.v2080-mmc>aside .indent{padding-left:18px}.v2080-mmc>aside .indent2{padding-left:34px}.v2080-mmc>aside .active{background:#dcecff;border:1px solid #9bc4eb}.v2080-mmc>main{padding:10px;overflow:auto}.v2080-mmc h3{font-size:14px;font-weight:400;border-bottom:1px solid #bbb;margin:0 0 9px;padding-bottom:7px}.v2080-mmc table{width:100%;border-collapse:collapse;font-size:10px}.v2080-mmc th{background:#f1f1f1;border:1px solid #ccc;text-align:left;padding:5px}.v2080-mmc td{border-bottom:1px solid #ddd;padding:6px}.v2080-mmc tbody tr:hover{background:#e9f4ff}.v2080-mmc main footer{padding:12px 0;display:flex;gap:7px}.v2080-mmc main footer button,.v2080-empty button{border:1px solid #999;background:#f7f7f7;padding:6px 10px;color:#111}.v2080-empty{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px}.v2080-empty b{font-size:16px}.v2080-empty p{color:#666;max-width:480px}.v2080-ok{color:#16863b;font-weight:700}
/* Terminal inside OS window */
.v2080-terminal-app{height:100%;min-height:420px;display:flex;flex-direction:column;background:#0c0c0c;color:#eee}.v2080-terminal-tabs{height:39px;display:flex;align-items:end;background:#202020;padding:0 6px;gap:3px}.v2080-terminal-tabs button{border:0;background:#292929;color:#bbb;padding:8px 12px}.v2080-terminal-tabs button[data-active="1"]{background:#0c0c0c;color:#fff}.v2080-terminal-tabs span{padding:8px}.v2080-terminal-app .v2078-quick{background:#151515}.v2080-terminal-app .v2078-terminal-log{max-height:none;min-height:0;flex:1;background:#0c0c0c}.v2080-terminal-app form{display:grid;grid-template-columns:auto 1fr auto;gap:8px;background:#111;padding:9px}.v2080-terminal-app form label{font:11px ui-monospace,monospace;color:#f2f2f2}.v2080-terminal-app form input{min-width:0;border:0;border-bottom:1px solid #666;background:#0c0c0c;color:#fff;padding:6px;font:12px ui-monospace,monospace}.v2080-terminal-app form button{border:1px solid #777;background:#272727;color:#fff;padding:6px 12px}
/* Windows Settings and client apps */
.v2080-settings{height:100%;display:grid;grid-template-columns:220px 1fr;background:#f3f3f3;color:#1c1c1c}.v2080-settings>aside{background:#e9e9e9;padding:18px 10px}.v2080-user-card{display:grid;grid-template-columns:42px 1fr;align-items:center;margin:0 8px 18px}.v2080-user-card>span{grid-row:1/3;width:34px;height:34px;border-radius:50%;background:#1b7dbb;color:#fff;display:grid;place-items:center}.v2080-user-card small{color:#666}.v2080-settings>aside button{width:100%;display:flex;gap:10px;border:0;background:transparent;padding:9px;text-align:left}.v2080-settings>aside button[data-active="1"],.v2080-settings>aside button:hover{background:#ddd}.v2080-settings>aside button span{width:20px}.v2080-settings>main{padding:23px;overflow:auto}.v2080-settings h2{font-weight:500}.v2080-device{display:flex;align-items:center;gap:14px;border-bottom:1px solid #ccc;padding-bottom:17px}.v2080-device h3{margin:0}.v2080-device p{margin:3px 0;color:#666}.v2080-setting-list{display:grid;margin-top:15px}.v2080-setting-list button{display:grid;grid-template-columns:35px 1fr auto;align-items:center;border:0;border-bottom:1px solid #ddd;background:transparent;padding:12px;text-align:left}.v2080-setting-list button:hover{background:#fff}.v2080-setting-list button>b{display:grid}.v2080-setting-list small{font-weight:400;color:#666}.v2080-network-settings{height:100%;overflow:auto;background:#f5f5f5;padding:25px;color:#222}.v2080-network-settings header h2{margin:0}.v2080-network-settings header p{color:#16893e}.v2080-network-hero{display:flex;align-items:center;gap:14px;border:1px solid #ddd;background:#fff;padding:15px}.v2080-network-hero>span{font-size:35px;color:#137cbd}.v2080-network-hero p{margin:3px 0}.v2080-network-settings article{margin-top:12px;border:1px solid #ddd;background:#fff;padding:15px}.v2080-network-settings dl{display:grid;grid-template-columns:180px 1fr;font-size:11px}.v2080-network-settings dd{margin:0}.v2080-network-settings footer{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.v2080-network-settings footer button{border:1px solid #999;background:#fff;padding:8px}.v2080-edge{height:100%;display:flex;flex-direction:column;background:#fff;color:#222}.v2080-edge-tabs{height:30px;background:#e8e8e8;display:flex;align-items:center;padding-left:8px}.v2080-edge-tabs span{background:#fff;border-radius:5px 5px 0 0;padding:7px 70px 7px 12px;font-size:10px}.v2080-edge-tabs button{border:0;background:transparent}.v2080-edge-bar{height:38px;display:flex;align-items:center;gap:4px;padding:4px;border-bottom:1px solid #ddd}.v2080-edge-bar button{border:0;background:transparent}.v2080-edge-bar div{flex:1;border-radius:20px;background:#f1f3f4;padding:6px 12px;font-size:10px}.v2080-edge main{flex:1;display:grid;place-content:center;justify-items:center;background:linear-gradient(135deg,#eff9ff,#fff);padding:25px}.v2080-intranet-mark{width:60px;height:60px;border-radius:16px;background:linear-gradient(145deg,#0d6ab4,#25a89b);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:700}.v2080-edge h1{margin:10px 0 0}.v2080-edge main>p{color:#667}.v2080-edge main>section{display:flex;gap:10px}.v2080-edge main article{display:grid;border:1px solid #d9e4ec;border-radius:9px;padding:12px;min-width:120px}.v2080-edge main article span{font-size:10px;color:#667}.v2080-edge main>button{margin-top:15px;border:0;background:#0877c9;color:#fff;padding:8px 13px;border-radius:5px}.v2080-control{height:100%;background:#fff;color:#222;padding:18px;overflow:auto}.v2080-control>h2{font-size:18px;font-weight:400}.v2080-control>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.v2080-control>div:last-child button{display:grid;grid-template-columns:45px 1fr;border:0;background:transparent;text-align:left;padding:12px;color:#1269a3}.v2080-control>div:last-child button:hover{background:#f0f6fa}.v2080-control>div:last-child button>span{grid-row:1/3;font-size:27px}.v2080-control>div:last-child button>b{display:grid}.v2080-control small{color:#555;font-weight:400}
@media(max-width:1100px){.v2080-stage{min-height:600px}.v2080-window:not(.is-maximized){left:8%;width:86%}.v2080-server-manager{grid-template-columns:150px 1fr}.v2080-role-grid{grid-template-columns:1fr}.v2080-folder-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.v2080-stage{min-width:0;min-height:610px}.v2080-desktop-icons{grid-template-columns:repeat(2,76px);width:auto}.v2080-desktop-label{display:none}.v2080-window{left:8px;top:38px;width:calc(100% - 16px);height:calc(100% - var(--taskbar) - 48px)}.v2080-window.is-maximized{inset:0 0 var(--taskbar)}.v2080-titlebar>span b{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2080-titlebar>div button{width:38px}.v2080-start-classic{grid-template-columns:42px 1fr}.v2080-start-classic .v2080-tiles{display:none}.v2080-start-11{height:500px;padding:18px 18px 0}.v2080-pinned{grid-template-columns:repeat(4,1fr)}.v2080-start-11>footer{margin:0 -18px;padding:0 22px}.v2080-task-button{display:none!important}.v2080-stage[data-os=win10] .v2080-search-button{width:44px}.v2080-search-button span{display:none}.v2080-tray>span:nth-child(3){display:none}.v2080-server-manager{grid-template-columns:1fr;grid-template-rows:42px auto 1fr}.v2080-server-manager>aside{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #ccc;padding:0}.v2080-server-manager>aside button{white-space:nowrap;padding:9px}.v2080-sm-top nav button:nth-child(n+3){display:none}.v2080-configure ol{grid-template-columns:1fr}.v2080-role-grid{grid-template-columns:1fr}.v2080-explorer{grid-template-columns:1fr}.v2080-explorer>aside{display:none}.v2080-address label{display:none}.v2080-folder-grid{grid-template-columns:1fr}.v2080-mmc{grid-template-columns:1fr;grid-template-rows:25px 30px auto 1fr}.v2080-mmc>aside{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #aaa}.v2080-mmc>aside span{white-space:nowrap}.v2080-settings{grid-template-columns:1fr}.v2080-settings>aside{display:flex;overflow:auto;padding:7px}.v2080-settings>aside .v2080-user-card{display:none}.v2080-settings>aside button{white-space:nowrap;width:auto}.v2080-network-settings{padding:14px}.v2080-network-settings dl{grid-template-columns:120px 1fr}.v2080-edge main>section{display:grid;grid-template-columns:1fr 1fr}.v2080-control>div:last-child{grid-template-columns:1fr}.v2080-simulation-badge{display:none}}
@media(max-width:430px){.v2080-stage{min-height:580px}.v2080-pinned{grid-template-columns:repeat(3,1fr)}.v2080-start-11{height:480px}.v2080-recommended{display:none}.v2080-role-grid article>footer{display:none}.v2080-refresh{display:none}.v2080-stage[data-os=win11] .v2080-tray{display:none}.v2080-terminal-app form{grid-template-columns:1fr auto}.v2080-terminal-app form label{grid-column:1/-1}.v2080-edge main>section{grid-template-columns:1fr}.v2080-edge main article:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.v2080-stage *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.v2080-stage .v2080-start-search input{
  border:0!important;
  outline:0!important;
  width:100%;
  height:100%;
  padding:0!important;
  background:transparent!important;
  color:#20252a!important;
  box-shadow:none!important;
  border-radius:0!important
}
.v2080-stage .v2080-start-search input::placeholder{color:#6c737a!important}

/* v20.82 realism layer: multi-window desktop, VM sign-in and system surfaces. */
.v2082-stage .v2080-window{z-index:var(--window-z,6);left:calc(7% + var(--window-offset,0)*12px);top:calc(34px + var(--window-offset,0)*10px);width:78%;height:calc(100% - var(--taskbar) - 82px);filter:saturate(.94)}
.v2082-stage .v2080-window.is-active{filter:none;box-shadow:0 18px 58px #00121dcc,0 0 0 1px rgba(255,255,255,.25)}
.v2082-stage .v2080-window.is-maximized{inset:0 0 var(--taskbar);width:auto;height:auto;filter:none}
.v2082-stage[data-night-light="1"]:after{content:"";position:absolute;z-index:19;inset:0 0 var(--taskbar);background:rgba(255,150,65,.1);pointer-events:none;mix-blend-mode:screen}
.v2080-task-button[data-open="1"]:after{content:"";position:absolute;left:8px;right:8px;bottom:2px;height:2px;background:#66c8ff;border-radius:4px}
.v2080-task-button[data-active="1"]{background:rgba(255,255,255,.14)!important}
.v2080-tray>button{min-width:42px!important;padding:0 5px!important;display:flex!important;gap:4px!important}
.v2082-clock-button{min-width:66px!important}.v2082-clock-button time{pointer-events:none}.v2080-tray>span{white-space:nowrap}

.v2082-quick-panel,.v2082-notification-panel{position:absolute;z-index:35;right:10px;bottom:calc(var(--taskbar) + 8px);width:min(350px,calc(100% - 20px));border:1px solid rgba(255,255,255,.42);border-radius:10px;background:rgba(235,240,247,.96);color:#18212b;box-shadow:0 18px 58px rgba(0,0,0,.42);backdrop-filter:blur(24px);overflow:hidden}
.v2080-stage[data-os=server] .v2082-quick-panel,.v2080-stage[data-os=server] .v2082-notification-panel,.v2080-stage[data-os=win10] .v2082-quick-panel,.v2080-stage[data-os=win10] .v2082-notification-panel{border-radius:2px;background:rgba(28,31,35,.97);color:#fff;border-color:#56616c}
.v2082-quick-panel{padding:16px}.v2082-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v2082-quick-grid button{min-height:58px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:6px;border:1px solid #c8d0db;border-radius:7px;background:#fff;color:#18212b;text-align:left;padding:7px}.v2082-quick-grid button[data-active="1"]{background:#1675c1;color:#fff;border-color:#1675c1}.v2082-quick-grid button>b{display:grid;place-items:center;font-size:18px}.v2082-quick-grid button>span{display:grid;font-size:11px}.v2082-quick-grid small{font-weight:400;opacity:.75}.v2082-quick-panel>label{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;margin-top:14px}.v2082-quick-panel input[type=range]{width:100%;accent-color:#1675c1}.v2082-quick-panel>footer{display:flex;align-items:center;gap:8px;margin:15px -16px -16px;padding:9px 14px;border-top:1px solid #c7d0da}.v2082-quick-panel>footer>span{flex:1;font-size:10px}.v2082-quick-panel>footer button{width:34px;height:32px;border:0;border-radius:6px;background:transparent;color:inherit}
.v2082-notification-panel>header{padding:15px 17px;border-bottom:1px solid #c8d0d8;display:flex;justify-content:space-between;text-transform:capitalize}.v2082-notification-panel>header span{font-size:11px}.v2082-calendar{display:grid;grid-template-columns:repeat(7,1fr);padding:12px 15px;gap:4px;text-align:center}.v2082-calendar>*{min-height:27px;display:grid;place-items:center;font-size:10px}.v2082-calendar span[data-today="1"]{border-radius:50%;background:#1675c1;color:#fff}.v2082-notification-panel>article{margin:8px 12px;padding:11px;border-left:4px solid #1675c1;background:rgba(255,255,255,.62);display:grid}.v2082-notification-panel>article span,.v2082-notification-panel>article small{font-size:9px;opacity:.72}.v2082-notification-panel>button{margin:8px 12px 14px;padding:7px 11px;border:1px solid #8d99a5;background:#fff;color:#15212b}

.v2082-lock-screen{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center;color:#fff;background:linear-gradient(155deg,rgba(2,22,48,.38),rgba(16,7,53,.52)),radial-gradient(circle at 68% 36%,#1f66bb,#153575 37%,#081938 70%)}.v2082-lock-screen:before,.v2082-lock-screen:after{content:"";position:absolute;width:52%;height:72%;border:2px solid rgba(171,204,255,.38);border-radius:48% 52% 42% 58%;transform:rotate(-24deg);box-shadow:0 0 70px rgba(89,152,255,.23)}.v2082-lock-screen:after{width:28%;height:52%;transform:rotate(25deg);border-color:rgba(203,151,255,.38)}.v2082-lock-time{position:absolute;top:10%;left:7%;display:grid;text-shadow:0 2px 16px #0008;text-transform:capitalize}.v2082-lock-time b{font-size:56px;font-weight:300;line-height:1}.v2082-lock-time span{font-size:16px;margin-top:7px}.v2082-login-card{position:relative;z-index:2;display:grid;place-items:center;text-align:center;min-width:270px;padding:25px;border-radius:12px;background:rgba(4,16,34,.35);backdrop-filter:blur(14px)}.v2082-login-card>.v2080-app-icon{width:70px;height:70px;border-radius:50%;font-size:0;background:rgba(255,255,255,.2)}.v2082-login-card>.v2080-app-icon:before{content:"";width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 28px 0 10px #fff}.v2082-login-card h2{margin:13px 0 2px}.v2082-login-card p{margin:0 0 14px;font-size:11px;opacity:.76}.v2082-login-card button{min-width:120px;padding:9px 17px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.18);color:#fff}.v2082-login-card small{margin-top:16px;opacity:.58}.v2082-lock-status{position:absolute;right:20px;bottom:18px;letter-spacing:.3em}

.v2082-task-manager{height:100%;display:flex;flex-direction:column;background:#fff;color:#202020}.v2082-task-manager>nav{display:flex;border-bottom:1px solid #bbb;background:#f5f5f5}.v2082-task-manager>nav button{border:0;border-right:1px solid #ccc;background:transparent;padding:8px 12px;font-size:10px}.v2082-task-manager>nav button[data-active="1"]{background:#fff;color:#0877bd;border-bottom:2px solid #0877bd}.v2082-processes{display:flex;flex-direction:column;min-height:0;flex:1;padding:12px}.v2082-processes>header{display:flex;justify-content:space-between;align-items:center}.v2082-processes h2{font-weight:400}.v2082-processes table{width:100%;border-collapse:collapse;font-size:10px}.v2082-processes th{text-align:left;border-bottom:1px solid #ccc;padding:6px}.v2082-processes td{padding:8px;border-bottom:1px solid #eee}.v2082-processes tr[data-selected="1"]{background:#dceeff}.v2082-processes td:nth-child(3),.v2082-processes td:nth-child(4){background:#fff6c8}.v2082-processes footer{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between}.v2082-processes footer button{border:1px solid #999;background:#f7f7f7;padding:6px 11px}.v2082-performance{display:grid;grid-template-columns:180px 1fr;min-height:0;flex:1}.v2082-performance>aside{border-right:1px solid #bbb;padding:9px}.v2082-performance>aside button{width:100%;display:grid;grid-template-columns:1fr auto;border:1px solid transparent;background:transparent;padding:10px;text-align:left}.v2082-performance>aside button[data-active="1"]{border-color:#58a5da;background:#e9f5ff}.v2082-performance>section{padding:18px;overflow:auto}.v2082-performance h2{font-weight:400;margin:0}.v2082-performance p{color:#666}.v2082-cpu-graph{height:180px;border:1px solid #6ca9ce;background:repeating-linear-gradient(0deg,transparent 0 24px,#b8daed 25px),repeating-linear-gradient(90deg,transparent 0 32px,#b8daed 33px);display:flex;align-items:flex-end;gap:2px;padding:0 4px}.v2082-cpu-graph i{flex:1;height:var(--bar);background:#58a5da}.v2082-performance dl{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.v2082-performance dt{font-size:9px;color:#667}.v2082-performance dd{margin:0;font-size:14px}

.v2082-computer-management{height:100%;display:grid;grid-template-columns:220px 1fr;grid-template-rows:25px 30px 1fr;background:#fff;color:#222}.v2082-computer-management>.v2080-menubar,.v2082-computer-management>.v2080-toolbar{grid-column:1/-1}.v2082-computer-management>aside{border-right:1px solid #aaa;padding:9px;display:grid;align-content:start;gap:5px;font-size:10px}.v2082-computer-management>aside span{padding:4px}.v2082-computer-management>aside .indent{padding-left:20px}.v2082-computer-management>main{padding:12px;overflow:auto}.v2082-computer-management>main h3{font-size:14px;font-weight:400;border-bottom:1px solid #bbb;padding-bottom:7px}.v2082-computer-management>main>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v2082-computer-management>main button{display:flex;align-items:center;gap:10px;border:1px solid #ccc;background:#fafafa;color:#222;text-align:left;padding:10px}.v2082-computer-management>main button:hover{background:#e9f4ff;border-color:#83b8dd}.v2082-computer-management>main button>span:last-child{display:grid}.v2082-computer-management small{color:#666}

.v2082-role-wizard{height:100%;display:grid;grid-template-columns:190px 1fr;grid-template-rows:58px 1fr 54px;background:#fff;color:#222}.v2082-role-wizard>header{grid-column:1/-1;padding:10px 16px;background:linear-gradient(#fdfdfd,#e8e8e8);border-bottom:1px solid #aaa;display:grid}.v2082-role-wizard>header span{font-size:10px;color:#666}.v2082-role-wizard>aside{padding:17px 12px;border-right:1px solid #bbb;background:#f1f1f1;display:grid;align-content:start;gap:5px}.v2082-role-wizard>aside span{padding:8px;font-size:10px}.v2082-role-wizard>aside span[data-active="1"]{background:#0877bd;color:#fff}.v2082-role-wizard>aside span[data-done="1"]{color:#16863b}.v2082-role-wizard>main{padding:22px;overflow:auto}.v2082-role-wizard h2{font-size:20px;font-weight:400;border-bottom:1px solid #ccc;padding-bottom:8px}.v2082-role-wizard li{margin:10px 0}.v2082-role-wizard>footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;align-items:center;padding:8px 14px;border-top:1px solid #aaa;background:#f4f4f4}.v2082-role-wizard>footer button{min-width:90px;padding:7px;border:1px solid #888;background:#fdfdfd}.v2082-role-wizard>footer button:last-child{background:#0877bd;color:#fff;border-color:#0877bd}.v2082-role-list{display:grid;border:1px solid #aaa}.v2082-role-list button{display:grid;grid-template-columns:24px 1fr;border:0;border-bottom:1px solid #ddd;background:#fff;padding:12px;text-align:left}.v2082-role-list button[data-active="1"]{background:#dceeff}.v2082-role-list button>b{display:grid}.v2082-role-list small{font-weight:400;color:#666}.v2082-confirm-role{display:grid;gap:5px;padding:14px;border:1px solid #bbb;background:#f7f7f7}.v2082-install-progress{height:18px;border:1px solid #aaa;background:#eee;margin:18px 0;overflow:hidden}.v2082-install-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#0877bd,#53b5e9)}

@media(max-width:760px){.v2082-stage .v2080-window{left:8px;top:38px;width:calc(100% - 16px);height:calc(100% - var(--taskbar) - 48px)}.v2082-stage .v2080-window:not(.is-active){display:none}.v2082-computer-management{grid-template-columns:1fr;grid-template-rows:25px 30px auto 1fr}.v2082-computer-management>aside{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #aaa}.v2082-computer-management>aside span{white-space:nowrap}.v2082-computer-management>main>div{grid-template-columns:1fr}.v2082-performance{grid-template-columns:1fr}.v2082-performance>aside{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #bbb}.v2082-role-wizard{grid-template-columns:1fr;grid-template-rows:58px auto 1fr 54px}.v2082-role-wizard>aside{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #bbb;padding:7px}.v2082-role-wizard>aside span{white-space:nowrap}.v2082-quick-panel,.v2082-notification-panel{right:5px;width:calc(100% - 10px)}.v2082-lock-time{top:7%;left:6%}.v2082-lock-time b{font-size:42px}}
@media(max-width:430px){.v2082-stage[data-os=win11] .v2080-tray{display:flex}.v2082-stage[data-os=win11] .v2080-tray>span{display:none}.v2082-task-manager>nav button:nth-child(n+4){display:none}.v2082-performance dl{grid-template-columns:repeat(2,1fr)}.v2082-lock-time{display:none}}


/* ===== lab-shell-20.79.css ===== */
/* ITPlugg v20.79 – labbar äger viewporten när de är öppna. */
body.itplugg-lab-active {
  overflow: hidden !important;
}

[data-lab-inert="true"] {
  pointer-events: none !important;
}

body.itplugg-lab-active .v1939-main-nav,
body.itplugg-lab-active .v1919-dev-sidebar,
body.itplugg-lab-active .v1939-more-menu,
body.itplugg-lab-active .version-footer {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

[data-itplugg-fullscreen] {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #3a617d;
  border-radius: 11px;
  background: #102b41;
  color: #e8f6ff;
  padding: 8px 12px;
  font: 800 12px/1.2 Inter, system-ui, sans-serif;
  cursor: pointer;
}

[data-itplugg-fullscreen][aria-pressed="true"] {
  border-color: #5ae4cd;
  background: #0b3b3b;
  color: #cafff6;
}

.itplugg-lab-fullscreen {
  padding: 0 !important;
  background: #050d17 !important;
  backdrop-filter: none !important;
}

.itplugg-lab-fullscreen > .v2030-shell,
.itplugg-lab-fullscreen > .v2078-dialog {
  width: 100vw !important;
  max-width: none !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 759px) {
  body.itplugg-lab-active {
    padding: 0 !important;
  }

  [data-itplugg-fullscreen] {
    min-width: 42px;
    padding-inline: 10px;
  }

  [data-itplugg-fullscreen] span:last-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-itplugg-fullscreen] {
    transition: none !important;
  }
}


/* ===== onboarding-20.54.css ===== */
/* ITPlugg v20.54 – introduktion, tillgänglighet och resurssnålt läge */
.v2031-skip{
  position:fixed;left:14px;top:10px;z-index:100000;
  transform:translateY(-160%);padding:10px 14px;border:2px solid var(--teal);
  border-radius:10px;background:var(--bg);color:var(--txt);font-weight:800;text-decoration:none;
}
.v2031-skip:focus{transform:none}

:where(button,a,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid color-mix(in srgb,var(--amber) 88%,white 12%)!important;
  outline-offset:3px!important;
}

.v2031-overlay{
  position:fixed;inset:0;z-index:99000;display:grid;place-items:center;
  padding:20px;background:rgba(3,13,24,.78);backdrop-filter:blur(12px);
}
.v2031-overlay[hidden]{display:none!important}
body.v2031-modal-open{overflow:hidden}
.v2031-dialog{
  width:min(760px,100%);max-height:min(820px,92vh);overflow:auto;
  border:1px solid color-mix(in srgb,var(--line) 70%,var(--teal) 30%);
  border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg2) 96%,var(--teal) 4%),var(--bg2));
  color:var(--txt);box-shadow:0 30px 100px rgba(0,0,0,.48);
}
.v2031-dialog > header,.v2031-dialog > footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}
.v2031-dialog > header{border-bottom:1px solid var(--line)}
.v2031-dialog > footer{border-top:1px solid var(--line)}
.v2031-brand{display:flex;align-items:center;gap:10px;color:var(--mut);font:700 12px/1.2 var(--m);letter-spacing:.06em}
.v2031-brand i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--teal);color:#062028;font-style:normal;font-weight:900}
.v2031-close{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--txt);font-size:24px;cursor:pointer}
#v2031Step{padding:clamp(24px,5vw,44px)}
.v2031-step-copy > span,.v2031-eyebrow{display:block;margin-bottom:8px;color:var(--teal);font:800 11px/1.2 var(--m);letter-spacing:.14em;text-transform:uppercase}
.v2031-step-copy h2,.v2031-settings h2{margin:0;font-size:clamp(25px,4vw,38px);line-height:1.12;letter-spacing:-.03em}
.v2031-step-copy p,.v2031-settings p{margin:12px 0 0;color:var(--mut);line-height:1.65}
.v2031-feature-list,.v2031-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.v2031-feature-list article,.v2031-start-grid button{
  min-height:125px;padding:18px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--bg) 38%,transparent);color:var(--txt);text-align:left;
}
.v2031-feature-list b,.v2031-start-grid b{display:block;font-size:15px}
.v2031-feature-list small,.v2031-start-grid small{display:block;margin-top:7px;color:var(--mut);line-height:1.45}
.v2031-start-grid button{cursor:pointer;font-family:var(--f)}
.v2031-start-grid button:hover,.v2031-start-grid button[data-active="1"]{border-color:var(--teal);background:rgb(var(--accent-rgb) / .10)}
.v2031-start-grid button[data-active="1"]{box-shadow:inset 0 0 0 1px var(--teal)}
.v2031-quick-settings,.v2031-settings-grid{display:grid;gap:18px;margin-top:26px}
.v2031-quick-settings fieldset,.v2031-settings-grid fieldset{margin:0;padding:17px;border:1px solid var(--line);border-radius:17px}
.v2031-quick-settings legend,.v2031-settings-grid legend{padding:0 8px;font-weight:800}
.v2031-quick-settings label,.v2031-settings-grid label{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--txt)}
.v2031-quick-settings input,.v2031-settings-grid input{width:18px;height:18px;accent-color:var(--teal)}
.v2031-segment{display:flex;flex-wrap:wrap;gap:8px}
.v2031-segment button{min-height:42px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--mut);cursor:pointer;font:700 13px var(--f)}
.v2031-segment button[data-active="1"]{border-color:var(--teal);background:var(--teal);color:#062028}
.v2031-dots{display:flex;gap:7px}
.v2031-dots i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.v2031-dots i[data-active="1"]{width:25px;border-radius:99px;background:var(--teal)}
.v2031-actions{display:flex;gap:8px;margin-left:auto}
.v2031-settings{width:min(720px,100%)}
.v2031-settings > header{align-items:flex-start}
.v2031-settings-grid{padding:4px 22px 26px}
.v2031-settings-grid fieldset > p{font-size:13px}
.v2031-shortcuts{padding:17px;border:1px solid var(--line);border-radius:17px}
.v2031-shortcuts h3{margin:0 0 12px}
.v2031-shortcuts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.v2031-shortcuts dl div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--bg) 35%,transparent)}
.v2031-shortcuts dt,.v2031-shortcuts dd{margin:0}
.v2031-shortcuts dd{color:var(--mut);font-size:13px}
.v2031-shortcuts kbd{display:inline-block;min-width:27px;text-align:center}

html.v2031-text-large{font-size:112.5%}
html.v2031-text-xlarge{font-size:125%}
html.v2031-text-large .v1919-dev-sidebar,html.v2031-text-xlarge .v1919-dev-sidebar{font-size:.88rem}
html.v2031-high-contrast{
  --mut:#C4D5E2;
  --line:#54718B;
  --bg:#071522;
  --bg2:#102B44;
}
html.v2031-high-contrast .btn,html.v2031-high-contrast button,html.v2031-high-contrast input,html.v2031-high-contrast select{border-width:2px}
html.v2031-reduced-motion *,html.v2031-reduced-motion *::before,html.v2031-reduced-motion *::after{
  animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;
}
html.v2031-lite .v2019-mission,html.v2031-lite .v2019-course-card,html.v2031-lite .v2019-progress-card,html.v2031-lite .v2019-shortcuts,html.v2031-lite .v2019-more-panel,
html.v2031-lite .v2031-dialog{box-shadow:none!important}
html.v2031-lite .v2031-overlay{backdrop-filter:none!important}
html.v2031-lite .v2019-mission{background:var(--v2019-surface)!important}
html.v2031-lite .v2019-mission::after{display:none!important}

@media(max-width:680px){
  .v2031-overlay{padding:0;align-items:end}
  .v2031-dialog{width:100%;max-height:94vh;border-radius:24px 24px 0 0;border-bottom:0}
  .v2031-feature-list,.v2031-start-grid{grid-template-columns:1fr}
  .v2031-feature-list article,.v2031-start-grid button{min-height:0}
  .v2031-dialog > header,.v2031-dialog > footer{padding:14px 16px}
  #v2031Step{padding:24px 18px}
  .v2031-settings-grid{padding:4px 16px 22px}
  .v2031-shortcuts dl{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.v2031-dots i{transition:none}}


/* ===== weekly-planner-20.54.css ===== */
/* ITPlugg v20.54 – Veckoplan & deadlinecentral */
.v2032-modal{position:fixed;inset:0;z-index:14000;background:rgba(3,12,24,.82);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.v2032-modal[hidden]{display:none}.v2032-shell{width:min(1100px,100%);max-height:min(900px,94vh);overflow:hidden;background:var(--bg,#0b1f33);border:1px solid var(--line,#29445c);border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,.45);display:flex;flex-direction:column}.v2032-head{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid var(--line,#29445c)}.v2032-head span,.v2032-card-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--teal,#5de4d2);font-weight:800}.v2032-head h2{margin:5px 0 6px;font-size:clamp(24px,4vw,38px)}.v2032-head p{margin:0;color:var(--mut,#9fb3c5)}.v2032-head>button{width:42px;height:42px;border:1px solid var(--line,#29445c);border-radius:12px;background:var(--bg2,#102a43);color:var(--txt,#f4f8fb);font-size:26px;cursor:pointer}.v2032-shell>nav{display:flex;gap:8px;padding:12px 26px;border-bottom:1px solid var(--line,#29445c);overflow:auto}.v2032-shell>nav button{border:1px solid transparent;background:transparent;color:var(--mut,#9fb3c5);padding:10px 14px;border-radius:10px;font-weight:750;white-space:nowrap;cursor:pointer}.v2032-shell>nav button[aria-selected=true]{background:var(--bg2,#102a43);border-color:var(--line,#29445c);color:var(--txt,#f4f8fb)}#v2032PlannerBody{padding:22px 26px 32px;overflow:auto}.v2032-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.v2032-metrics article{background:var(--bg2,#102a43);border:1px solid var(--line,#29445c);border-radius:16px;padding:16px}.v2032-metrics article[data-tone=warn]{border-color:#d39b45}.v2032-metrics b{display:block;font-size:28px}.v2032-metrics span{font-size:12px;color:var(--mut,#9fb3c5)}.v2032-group{margin:0 0 20px}.v2032-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.v2032-group>header h3{margin:0;font-size:16px}.v2032-group>header span{min-width:28px;text-align:center;padding:4px 8px;border-radius:999px;background:var(--bg2,#102a43);color:var(--mut,#9fb3c5);font-size:12px}.v2032-task{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;background:var(--bg2,#102a43);border:1px solid var(--line,#29445c);border-radius:16px;padding:15px;margin-bottom:9px}.v2032-task[data-group=overdue]{border-color:#d07272}.v2032-task[data-group=today]{border-color:#d39b45}.v2032-task[data-completed="1"]{opacity:.64}.v2032-task[data-completed="1"] h4{text-decoration:line-through}.v2032-check{width:30px;height:30px;border-radius:9px;border:1px solid var(--line,#29445c);background:var(--bg,#0b1f33);color:var(--teal,#5de4d2);font-size:18px;font-weight:900;cursor:pointer}.v2032-task-top,.v2032-task-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v2032-task-top span,.v2032-task-top em{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-style:normal;color:var(--teal,#5de4d2)}.v2032-task-top em{color:var(--mut,#9fb3c5)}.v2032-task h4{margin:5px 0;font-size:17px}.v2032-task p{margin:0 0 8px;color:var(--mut,#9fb3c5);font-size:13px;line-height:1.5}.v2032-task-meta span{font-size:11px;color:var(--mut,#9fb3c5);padding:3px 7px;border:1px solid var(--line,#29445c);border-radius:999px}.v2032-task-meta .urgent{color:#ffd18b;border-color:#8b682f}.v2032-task-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v2032-task-actions button{border:1px solid var(--line,#29445c);background:transparent;color:var(--txt,#f4f8fb);padding:7px 9px;border-radius:8px;cursor:pointer;font-size:12px}.v2032-week-actions,.v2032-form-actions,.v2032-import>div{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.v2032-week-actions label{color:var(--mut,#9fb3c5);font-size:13px}.v2032-empty,.v2032-import,.v2032-plan-list,.v2032-form{background:var(--bg2,#102a43);border:1px solid var(--line,#29445c);border-radius:18px;padding:20px}.v2032-empty{text-align:center;margin-bottom:18px}.v2032-empty h3,.v2032-import h3,.v2032-plan-list h3{margin-top:0}.v2032-form label,.v2032-import label,.v2032-teacher label{display:grid;gap:6px;font-size:12px;color:var(--mut,#9fb3c5);font-weight:700}.v2032-form input,.v2032-form select,.v2032-form textarea,.v2032-import textarea,.v2032-teacher input,.v2032-teacher select,.v2032-teacher textarea,#v2032TeacherCode{width:100%;box-sizing:border-box;border:1px solid var(--line,#29445c);background:var(--bg,#0b1f33);color:var(--txt,#f4f8fb);border-radius:10px;padding:11px;font:inherit}.v2032-form textarea,.v2032-import textarea,.v2032-teacher textarea,#v2032TeacherCode{min-height:90px;resize:vertical}.v2032-form>div:first-child,.v2032-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.v2032-form>label{margin:12px 0}.v2032-note,.v2032-muted{font-size:12px;color:var(--mut,#9fb3c5)}.v2032-import{margin-bottom:16px}.v2032-import code{color:var(--teal,#5de4d2)}.v2032-plan-list article,.v2032-saved-plans article{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line,#29445c);padding:12px 0}.v2032-plan-list article>div,.v2032-saved-plans article>div{flex:1}.v2032-plan-list span,.v2032-saved-plans span{font-size:10px;text-transform:uppercase;color:var(--teal,#5de4d2)}.v2032-plan-list h4,.v2032-saved-plans h5{margin:3px 0}.v2032-plan-list p,.v2032-saved-plans p{margin:0;color:var(--mut,#9fb3c5);font-size:12px}.v2032-toast{position:fixed;right:20px;bottom:20px;z-index:16000;max-width:420px;padding:13px 16px;border-radius:12px;background:#0e2e3c;border:1px solid #3bb8a7;color:white;box-shadow:0 18px 45px rgba(0,0,0,.35)}.v2032-toast[data-ok="0"]{background:#3b2025;border-color:#d07272}.v2032-toast[hidden]{display:none}.v2032-teacher{display:grid;gap:18px}.v2032-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.v2032-section-head h4{margin:0 0 4px}.v2032-section-head p{margin:0;color:var(--mut,#9fb3c5)}#v2032TeacherForm{background:var(--bg2,#102a43);border:1px solid var(--line,#29445c);border-radius:18px;padding:18px;display:grid;gap:14px}.v2032-teacher-tasks{display:grid;gap:9px}.v2032-teacher-tasks>header{display:flex;justify-content:space-between;align-items:center}.v2032-teacher-tasks h5{margin:0}.v2032-teacher-tasks article{display:grid;grid-template-columns:minmax(220px,2fr) minmax(145px,1fr) 110px 120px auto;gap:8px;align-items:end;padding:10px;border:1px solid var(--line,#29445c);border-radius:12px}.v2032-teacher-tasks article>button{height:42px;width:42px;border:1px solid var(--line,#29445c);background:transparent;color:var(--txt,#f4f8fb);border-radius:9px;font-size:20px;cursor:pointer}#v2032TeacherCode{min-height:70px}.v2032-saved-plans{background:var(--bg2,#102a43);border:1px solid var(--line,#29445c);border-radius:18px;padding:18px}.v2032-saved-plans h4{margin-top:0}
@media(max-width:760px){.v2032-modal{padding:0}.v2032-shell{height:100dvh;max-height:none;border-radius:0}.v2032-head{padding:18px}.v2032-head p{display:none}.v2032-shell>nav{padding:10px 16px}#v2032PlannerBody{padding:16px}.v2032-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v2032-task{grid-template-columns:auto minmax(0,1fr)}.v2032-task-actions{grid-column:2;justify-content:flex-start}.v2032-teacher-tasks article{grid-template-columns:1fr 1fr}.v2032-teacher-tasks article label:first-child{grid-column:1/-1}.v2032-teacher-tasks article>button{align-self:end}.v2032-section-head{display:grid}}
@media(prefers-reduced-motion:reduce){.v2032-modal{backdrop-filter:none}}


/* ===== feedback-loop-20.54.css ===== */
/* ITPlugg v20.54 – Feedbackloop & elevfrågor */
.v2033-modal{position:fixed;inset:0;z-index:14500;background:rgba(3,12,24,.84);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.v2033-modal[hidden]{display:none}.v2033-shell{width:min(980px,100%);max-height:min(900px,94vh);overflow:hidden;display:flex;flex-direction:column;background:var(--bg,#0b1f33);border:1px solid var(--line,#29445c);border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,.48)}.v2033-head{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid var(--line,#29445c)}.v2033-head span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--teal,#5de4d2);font-weight:850}.v2033-head h2{margin:5px 0 6px;font-size:clamp(24px,4vw,36px)}.v2033-head p{margin:0;color:var(--mut,#9fb3c5)}.v2033-head>button{width:42px;height:42px;flex:none;border:1px solid var(--line,#29445c);border-radius:12px;background:var(--bg2,#102a43);color:var(--txt,#f4f8fb);font-size:26px;cursor:pointer}.v2033-shell>nav{display:flex;gap:8px;padding:12px 26px;border-bottom:1px solid var(--line,#29445c);overflow:auto}.v2033-shell>nav button{border:1px solid transparent;background:transparent;color:var(--mut,#9fb3c5);padding:10px 14px;border-radius:10px;font-weight:750;white-space:nowrap;cursor:pointer}.v2033-shell>nav button[aria-selected=true]{background:var(--bg2,#102a43);border-color:var(--line,#29445c);color:var(--txt,#f4f8fb)}#v2033Body{padding:22px 26px 32px;overflow:auto}.v2033-form,.v2033-import,.v2033-teacher-import,.v2033-insights,.v2033-reply-output{background:var(--bg2,#102a43);border:1px solid var(--line,#29445c);border-radius:18px;padding:20px}.v2033-form{display:grid;gap:14px}.v2033-form label,.v2033-teacher label,.v2033-filter label{display:grid;gap:6px;color:var(--mut,#9fb3c5);font-size:12px;font-weight:750}.v2033-form input,.v2033-form select,.v2033-form textarea,.v2033-import textarea,.v2033-teacher textarea,.v2033-teacher input,.v2033-teacher select,.v2033-teacher-import textarea,.v2033-reply-output textarea{width:100%;box-sizing:border-box;border:1px solid var(--line,#29445c);background:var(--bg,#0b1f33);color:var(--txt,#f4f8fb);border-radius:10px;padding:11px;font:inherit}.v2033-form textarea,.v2033-import textarea,.v2033-teacher-import textarea,.v2033-reply-output textarea{min-height:110px;resize:vertical}.v2033-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v2033-check{display:flex!important;align-items:center;gap:9px;color:var(--txt,#f4f8fb)!important}.v2033-check input{width:auto}.v2033-context{padding:12px 14px;border-left:3px solid var(--teal,#5de4d2);background:rgba(93,228,210,.07);border-radius:0 10px 10px 0;display:grid;gap:4px}.v2033-context span{color:var(--mut,#9fb3c5);font-size:13px}.v2033-form details{border:1px solid var(--line,#29445c);border-radius:12px;padding:12px}.v2033-form details summary{cursor:pointer;font-weight:750}.v2033-form details p,.v2033-note{font-size:12px;color:var(--mut,#9fb3c5);margin-bottom:0}.v2033-actions{display:flex;gap:9px;flex-wrap:wrap}.v2033-section-head{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:16px}.v2033-section-head h3,.v2033-section-head h4{margin:0 0 4px}.v2033-section-head p{margin:0;color:var(--mut,#9fb3c5)}.v2033-question-list,.v2033-teacher-list{display:grid;gap:12px}.v2033-question,.v2033-teacher-card{background:var(--bg2,#102a43);border:1px solid var(--line,#29445c);border-radius:18px;padding:18px}.v2033-question header,.v2033-teacher-card header{display:flex;justify-content:space-between;gap:14px;align-items:start}.v2033-question header span,.v2033-teacher-card header span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--teal,#5de4d2)}.v2033-question h4,.v2033-teacher-card h4{margin:4px 0}.v2033-question header em{font-style:normal;font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--line,#29445c);color:var(--mut,#9fb3c5)}.v2033-question>p,.v2033-question-text{line-height:1.65}.v2033-question details,.v2033-teacher-card details{border-top:1px solid var(--line,#29445c);padding-top:9px}.v2033-question details summary,.v2033-teacher-card details summary{cursor:pointer;color:var(--mut,#9fb3c5)}.v2033-reply{margin:14px 0;padding:14px;border:1px solid rgba(93,228,210,.35);background:rgba(93,228,210,.06);border-radius:12px}.v2033-reply p{margin:5px 0}.v2033-reply small{color:var(--mut,#9fb3c5)}.v2033-question footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line,#29445c);padding-top:12px;margin-top:12px}.v2033-question footer time{font-size:11px;color:var(--mut,#9fb3c5)}.v2033-question footer div{display:flex;gap:7px;flex-wrap:wrap}.v2033-question footer button,.v2033-quiz-question{border:1px solid var(--line,#29445c);background:transparent;color:var(--txt,#f4f8fb);padding:8px 10px;border-radius:9px;cursor:pointer;font-size:12px}.v2033-empty{text-align:center;padding:28px;border:1px dashed var(--line,#29445c);border-radius:18px;color:var(--mut,#9fb3c5)}.v2033-import h3{margin-top:0}.v2033-import code{color:var(--teal,#5de4d2)}.v2033-toast{position:fixed;right:20px;bottom:20px;z-index:17000;max-width:420px;padding:13px 16px;border-radius:12px;background:#0e2e3c;border:1px solid #3bb8a7;color:white;box-shadow:0 18px 45px rgba(0,0,0,.35)}.v2033-toast[data-ok="0"]{background:#3b2025;border-color:#d07272}.v2033-toast[hidden]{display:none}.v2033-quiz-question{display:block;margin-top:12px;border-color:rgba(93,228,210,.5);color:var(--teal,#5de4d2)}
.v2033-teacher{display:grid;gap:18px}.v2033-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v2033-metrics article{background:var(--bg2,#102a43);border:1px solid var(--line,#29445c);border-radius:14px;padding:14px}.v2033-metrics b{display:block;font-size:26px}.v2033-metrics span{font-size:11px;color:var(--mut,#9fb3c5)}.v2033-teacher-import h4,.v2033-insights h4,.v2033-reply-output h4{margin-top:0}.v2033-teacher-import>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.v2033-insights header{display:flex;justify-content:space-between;gap:12px;align-items:start}.v2033-insights header p{margin:3px 0;color:var(--mut,#9fb3c5);font-size:12px}.v2033-insights>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:12px}.v2033-insights article{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line,#29445c);border-radius:12px}.v2033-insights article>b{font-size:22px;color:var(--teal,#5de4d2)}.v2033-insights article span{display:grid}.v2033-insights small{color:var(--mut,#9fb3c5)}.v2033-filter{display:flex;justify-content:flex-end}.v2033-filter label{min-width:210px}.v2033-teacher-card{display:grid;gap:12px}.v2033-teacher-card header select{width:auto;min-width:170px}.v2033-teacher-card label textarea{min-height:88px;resize:vertical}.v2033-teacher-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--mut,#9fb3c5);font-size:11px}.v2033-teacher-card footer{display:flex;gap:8px;flex-wrap:wrap}.v2033-reply-output{display:grid;gap:10px}.v2033-reply-output textarea{min-height:78px}
@media(max-width:760px){.v2033-modal{padding:0}.v2033-shell{height:100dvh;max-height:none;border-radius:0}.v2033-head{padding:18px}.v2033-head p{display:none}.v2033-shell>nav{padding:10px 16px}#v2033Body{padding:16px}.v2033-inline,.v2033-metrics{grid-template-columns:1fr 1fr}.v2033-section-head,.v2033-insights header,.v2033-question footer{display:grid}.v2033-question header,.v2033-teacher-card header{display:grid}.v2033-teacher-card header select{width:100%}.v2033-filter{justify-content:stretch}.v2033-filter label{width:100%}}
@media(max-width:430px){.v2033-inline,.v2033-metrics{grid-template-columns:1fr}.v2033-question footer div{display:grid;width:100%}.v2033-question footer button{width:100%}}
@media(prefers-reduced-motion:reduce){.v2033-modal{backdrop-filter:none}}


/* ===== class-insights-20.54.css ===== */
/* ITPlugg v20.54 – Klassinsikter och repetitionspass */
.v2034-insights{display:grid;gap:18px}.v2034-head,.v2034-topic-panel>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.v2034-head h4,.v2034-topic-panel h4,.v2034-builder h4{margin:0 0 5px}.v2034-head p,.v2034-topic-panel p{margin:0;color:var(--muted,#8fa8bf);max-width:780px}.v2034-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v2034-metrics article{border:1px solid var(--line,#29435c);border-radius:14px;padding:14px;background:rgba(255,255,255,.025)}.v2034-metrics b{display:block;font-size:25px}.v2034-metrics span{font-size:12px;color:var(--muted,#8fa8bf)}.v2034-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.75fr);gap:16px}.v2034-topic-panel,.v2034-builder{border:1px solid var(--line,#29435c);border-radius:16px;padding:16px;background:rgba(255,255,255,.018)}.v2034-topic-panel header label{min-width:210px;font-size:12px}.v2034-topic-panel select,.v2034-builder input,.v2034-builder textarea,.v2034-builder select,.v2034-output textarea,.v2034-import textarea{width:100%;box-sizing:border-box;background:var(--bg2,#10283d);color:var(--text,#eef7ff);border:1px solid var(--line,#29435c);border-radius:10px;padding:10px;font:inherit}.v2034-topics{display:grid;gap:8px;margin-top:14px;max-height:520px;overflow:auto}.v2034-topic{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line,#29435c);border-radius:12px;padding:11px;cursor:pointer;background:rgba(255,255,255,.02)}.v2034-topic[data-selected="1"]{border-color:var(--teal,#2fd3c9);background:rgba(47,211,201,.08)}.v2034-topic span b,.v2034-topic span small,.v2034-topic em small{display:block}.v2034-topic span small,.v2034-topic em small{color:var(--muted,#8fa8bf);font-size:11px}.v2034-topic em{text-align:right;font-style:normal;font-weight:800}.v2034-builder{display:grid;gap:11px;align-content:start}.v2034-builder label{display:grid;gap:5px;font-size:12px}.v2034-builder textarea{min-height:90px;resize:vertical}.v2034-builder fieldset{border:1px solid var(--line,#29435c);border-radius:12px;display:grid;gap:8px}.v2034-builder fieldset label{display:flex;align-items:center;gap:8px}.v2034-output{border-top:1px solid var(--line,#29435c);padding-top:13px;display:grid;gap:8px}.v2034-output textarea{min-height:105px;font-family:ui-monospace,monospace;font-size:11px}.v2034-output>div{display:flex;gap:8px;flex-wrap:wrap}.v2034-status{min-height:18px;margin:0;color:var(--teal,#2fd3c9)}.v2034-status[data-ok="0"]{color:#ff9e9e}.v2034-empty{padding:24px;text-align:center;border:1px dashed var(--line,#29435c);border-radius:14px;color:var(--muted,#8fa8bf)}
.v2034-modal{position:fixed;inset:0;z-index:10050;background:rgba(2,10,18,.82);display:grid;place-items:center;padding:20px}.v2034-modal[hidden]{display:none}.v2034-modal-card{width:min(920px,100%);max-height:92vh;overflow:auto;background:var(--bg,#0b1f33);color:var(--text,#eef7ff);border:1px solid var(--line,#29435c);border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.45)}.v2034-modal-card>header{display:flex;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--line,#29435c)}.v2034-modal-card>header span{font-size:12px;color:var(--teal,#2fd3c9)}.v2034-modal-card>header h2{margin:3px 0}.v2034-modal-card>header p{margin:0;color:var(--muted,#8fa8bf)}.v2034-modal-card>header button{border:0;background:transparent;color:inherit;font-size:30px;cursor:pointer}.v2034-modal-card>nav{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--line,#29435c)}.v2034-modal-card>nav button{border:1px solid var(--line,#29435c);background:transparent;color:inherit;border-radius:9px;padding:8px 12px;cursor:pointer}.v2034-modal-card>nav button[aria-selected="true"]{background:var(--teal,#2fd3c9);color:#06242a;border-color:transparent;font-weight:800}#v2034StudentBody{padding:20px}.v2034-import{max-width:700px;margin:auto;display:grid;gap:12px}.v2034-import textarea{min-height:170px;font-family:ui-monospace,monospace;font-size:11px}.v2034-pass-list{display:grid;gap:14px}.v2034-pass{border:1px solid var(--line,#29435c);border-radius:16px;padding:16px;background:rgba(255,255,255,.02)}.v2034-pass[data-active="1"]{border-color:var(--teal,#2fd3c9)}.v2034-pass>header{display:flex;justify-content:space-between;gap:12px}.v2034-pass header span{font-size:11px;color:var(--muted,#8fa8bf)}.v2034-pass h3{margin:4px 0}.v2034-pass>p{color:var(--muted,#8fa8bf)}.v2034-pass-topics{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.v2034-pass-topics span{font-size:11px;border:1px solid var(--line,#29435c);border-radius:999px;padding:4px 8px}.v2034-activities{display:grid;gap:8px}.v2034-activities label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line,#29435c);border-radius:11px;padding:10px}.v2034-activities span b,.v2034-activities span small{display:block}.v2034-activities span small{font-size:11px;color:var(--muted,#8fa8bf)}.v2034-activities button{border:1px solid var(--line,#29435c);border-radius:8px;background:transparent;color:inherit;padding:7px 10px;cursor:pointer}.v2034-pass footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:900px){.v2034-layout{grid-template-columns:1fr}.v2034-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.v2034-head,.v2034-topic-panel>header{display:grid}.v2034-metrics{grid-template-columns:1fr 1fr}.v2034-modal{padding:0}.v2034-modal-card{width:100%;height:100%;max-height:none;border-radius:0}.v2034-activities label{grid-template-columns:auto 1fr}.v2034-activities button{grid-column:2}.v2034-topic{grid-template-columns:auto 1fr}.v2034-topic em{grid-column:2;text-align:left}}
@media(prefers-reduced-motion:reduce){.v2034-modal *{scroll-behavior:auto!important;transition:none!important}}


/* ===== course-overview-20.54.css ===== */
/* ITPlugg v20.54 – Kursöversikt och måluppföljning */
.v2035-modal{position:fixed;inset:0;z-index:10050;background:rgba(2,10,19,.82);display:grid;place-items:center;padding:18px}.v2035-modal[hidden]{display:none}.v2035-card{width:min(1040px,100%);max-height:94vh;overflow:auto;background:#0d2237;border:1px solid var(--line,#1e3a57);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.42);padding:22px}.v2035-card>header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.v2035-card>header span,.v2035-teacher-head span{font:700 11px var(--m,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--teal,#33d6c0)}.v2035-card>header h2{margin:5px 0}.v2035-card>header p,.v2035-teacher-head p{margin:0;color:var(--mut,#8fa9be)}.v2035-card>header button{border:0;background:transparent;color:var(--txt,#e9f1f5);font-size:29px;cursor:pointer}.v2035-card>nav{position:static;border:0;background:transparent;margin:18px 0;padding:0;display:flex;gap:8px}.v2035-card>nav button{border:1px solid var(--line,#1e3a57);background:#122c46;color:var(--mut,#8fa9be);border-radius:999px;padding:8px 14px;cursor:pointer}.v2035-card>nav button[aria-selected=true]{background:var(--teal,#33d6c0);color:#052027;border-color:var(--teal,#33d6c0)}
.v2035-plan-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.v2035-plan-head span{color:var(--teal,#33d6c0);font-size:12px}.v2035-plan-head h3{font-size:25px;margin:3px 0}.v2035-plan-head p{color:var(--mut,#8fa9be);margin:0;max-width:70ch}.v2035-plan-head>strong{font-size:30px}.v2035-meter,.v2035-mini-meter{height:8px;background:#081a2b;border-radius:999px;overflow:hidden}.v2035-meter{margin:18px 0}.v2035-meter i,.v2035-mini-meter i{display:block;height:100%;background:var(--teal,#33d6c0);border-radius:inherit}.v2035-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.v2035-summary span{background:#122c46;border:1px solid var(--line,#1e3a57);border-radius:12px;padding:9px 12px}.v2035-phases{display:grid;gap:12px}.v2035-phases article{display:grid;grid-template-columns:42px 1fr;gap:13px;background:#102a43;border:1px solid var(--line,#1e3a57);border-radius:16px;padding:15px}.v2035-phases article[data-state=done]{border-color:rgba(51,214,192,.55)}.v2035-phases article[data-state=late]{border-color:rgba(242,114,111,.7)}.v2035-phases article[data-state=soon]{border-color:rgba(242,178,51,.7)}.v2035-index{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#081a2b;color:var(--teal,#33d6c0);font-weight:800}.v2035-phase-main>header{display:flex;justify-content:space-between;gap:16px}.v2035-phase-main h4{font-size:18px;margin:2px 0}.v2035-phase-main small{color:var(--amber,#f2b233)}.v2035-phase-main p{color:var(--mut,#8fa9be);margin:5px 0 12px}.v2035-evidence{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.v2035-evidence span{font-size:12px;padding:4px 8px;border:1px solid var(--line,#1e3a57);border-radius:999px;color:#c8d8e4}.v2035-overview>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.v2035-overview>footer small,.v2035-import small{color:var(--mut,#8fa9be)}.v2035-import,.v2035-empty{background:#102a43;border:1px solid var(--line,#1e3a57);border-radius:16px;padding:20px}.v2035-import textarea,.v2035-code textarea{width:100%;min-height:130px;background:#071827;color:var(--txt,#e9f1f5);border:1px solid var(--line,#1e3a57);border-radius:12px;padding:12px;margin:10px 0;resize:vertical}.v2035-empty{text-align:center;padding:36px}
.v2035-teacher{display:grid;gap:14px}.v2035-teacher-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.v2035-teacher-head h3{margin:3px 0;font-size:22px}.v2035-teacher-toolbar,.v2035-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v2035-teacher label{display:grid;gap:5px;color:var(--mut,#8fa9be);font-size:12px}.v2035-teacher input,.v2035-teacher select,.v2035-teacher textarea{width:100%;background:#081a2b;color:var(--txt,#e9f1f5);border:1px solid var(--line,#1e3a57);border-radius:10px;padding:9px;font:inherit}.v2035-teacher textarea{min-height:80px;resize:vertical}.v2035-editor{display:grid;gap:10px}.v2035-edit-phase{background:#102a43;border:1px solid var(--line,#1e3a57);border-radius:14px;padding:13px}.v2035-edit-phase>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.v2035-edit-phase>header label{display:flex;align-items:center;gap:7px}.v2035-edit-phase>header input{width:auto}.v2035-edit-phase>header span{font-weight:700}.v2035-edit-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.v2035-teacher-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v2035-teacher-actions span[data-ok="0"]{color:var(--rose,#f2726f)}.v2035-teacher-actions span[data-ok="1"]{color:var(--teal,#33d6c0)}.v2035-code{background:#0a1c2e;border:1px solid var(--line,#1e3a57);border-radius:12px;padding:10px}.v2035-code summary{cursor:pointer}.v2035-safety{border-left:3px solid var(--amber,#f2b233);background:rgba(242,178,51,.07);padding:12px;border-radius:0 10px 10px 0;color:#d8e3eb}
@media(max-width:760px){.v2035-card{padding:16px;border-radius:16px}.v2035-plan-head,.v2035-teacher-head{display:block}.v2035-plan-head>strong{display:block;margin-top:10px}.v2035-phases article{grid-template-columns:34px 1fr;padding:12px}.v2035-index{width:32px;height:32px}.v2035-evidence{display:grid}.v2035-overview>footer{align-items:flex-start;flex-direction:column}.v2035-teacher-toolbar,.v2035-edit-grid{grid-template-columns:1fr}.v2035-edit-phase>header{display:block}.v2035-card>nav{overflow:auto;white-space:nowrap}.v2035-summary{display:grid}.v2035-summary span{width:100%}}
@media(prefers-reduced-motion:reduce){.v2035-modal *{scroll-behavior:auto!important;transition:none!important}}


/* ===== lesson-player-20.54.css ===== */
/* ITPlugg v20.54 – Fokuslektioner */
.v2039-open{overflow:hidden!important}.v2039-overlay{position:fixed;inset:0;z-index:10080;background:rgba(3,10,24,.84);backdrop-filter:blur(10px);padding:18px;overflow:auto}.v2039-overlay[hidden]{display:none!important}.v2039-shell{width:min(1380px,100%);min-height:calc(100vh - 36px);margin:auto;background:var(--bg,#081629);color:var(--txt,#f4f7ff);border:1px solid color-mix(in srgb,var(--teal,#42d8df) 30%,transparent);border-radius:24px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.45)}.v2039-topbar{display:grid;grid-template-columns:1fr minmax(220px,320px) auto;gap:18px;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line,rgba(255,255,255,.12));background:linear-gradient(120deg,rgba(43,214,205,.09),rgba(94,91,255,.08))}.v2039-topbar small,.v2039-lesson-head small,.v2039-task small,.v2039-confidence small{font:700 11px/1.2 var(--m,ui-monospace);letter-spacing:.14em;color:var(--teal,#4adbd6)}.v2039-topbar h1{font-size:24px;margin:4px 0 0}.v2039-topbar label{display:grid;gap:6px;font-size:12px;color:var(--mut,#aeb9ce)}.v2039-topbar select{width:100%;background:var(--bg2,#101f35);color:var(--txt,#fff);border:1px solid var(--line,rgba(255,255,255,.14));border-radius:10px;padding:10px 12px}.v2039-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--line,rgba(255,255,255,.16));background:transparent;color:inherit;font-size:26px;cursor:pointer}.v2039-progress{padding:14px 26px;border-bottom:1px solid var(--line,rgba(255,255,255,.1))}.v2039-progress>div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.v2039-progress progress{display:block;width:100%;height:8px;accent-color:var(--teal,#40d6cf)}.v2039-layout{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);min-height:calc(100vh - 170px)}.v2039-nav{border-right:1px solid var(--line,rgba(255,255,255,.11));padding:18px;background:color-mix(in srgb,var(--bg2,#102039) 78%,transparent);overflow:auto;max-height:calc(100vh - 170px)}.v2039-nav-group{margin-bottom:22px}.v2039-nav-group h3{margin:0 0 8px;padding:0 8px;color:var(--mut,#aeb8ca);font-size:11px;line-height:1.35;text-transform:uppercase;letter-spacing:.09em}.v2039-nav button{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;width:100%;text-align:left;padding:10px 9px;border:0;border-radius:11px;background:transparent;color:inherit;cursor:pointer}.v2039-nav button:hover,.v2039-nav button.is-active{background:rgba(58,215,206,.1)}.v2039-nav button.is-active{outline:1px solid rgba(58,215,206,.28)}.v2039-nav button span{color:var(--teal,#44ddd7)}.v2039-nav button b{font-size:13px}.v2039-nav button small{font-size:10px;color:var(--mut,#9ca8bc)}.v2039-layout>main{overflow:auto;max-height:calc(100vh - 170px)}.v2039-lesson{max-width:900px;margin:auto;padding:34px 42px 46px}.v2039-lesson-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.v2039-lesson-head h2{font-size:clamp(29px,4vw,48px);line-height:1.05;margin:9px 0 14px}.v2039-lesson-head p{font-size:17px;line-height:1.65;color:var(--mut,#b8c2d3);max-width:72ch}.v2039-time{white-space:nowrap;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:999px;padding:8px 12px;color:var(--mut,#b8c2d3);font-size:12px}.v2039-points,.v2039-example,.v2039-warning,.v2039-task,.v2039-confidence,.v2039-code{margin-top:24px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:17px;padding:20px;background:var(--bg2,#102039)}.v2039-points h3,.v2039-task h3,.v2039-confidence h3{margin:0 0 10px}.v2039-points ul{margin:0;padding-left:22px;display:grid;gap:11px;line-height:1.55}.v2039-example{border-color:rgba(60,216,207,.25);background:linear-gradient(120deg,rgba(60,216,207,.08),rgba(60,216,207,.025))}.v2039-example small{color:var(--teal,#43d9d1);font-weight:800;text-transform:uppercase;letter-spacing:.09em}.v2039-example p,.v2039-warning p,.v2039-task p,.v2039-confidence p{margin:8px 0 0;line-height:1.6}.v2039-warning{border-color:rgba(255,183,77,.3);background:rgba(255,183,77,.06)}.v2039-warning b{color:var(--amber,#ffbf69)}.v2039-code header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.v2039-code button{border:0;background:transparent;color:var(--teal,#43d9d1);cursor:pointer}.v2039-code pre{overflow:auto;background:#06101e;border-radius:12px;padding:16px;margin:0}.v2039-code code{font:13px/1.6 var(--m,ui-monospace);white-space:pre}.v2039-code ol{margin:14px 0 0;padding-left:22px;display:grid;gap:8px}.v2039-task textarea{width:100%;resize:vertical;margin-top:15px;background:#081528;color:inherit;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:12px;padding:13px;font:inherit;line-height:1.5}.v2039-task>small{display:block;margin-top:7px;color:var(--mut,#aab5c7);letter-spacing:normal}.v2039-confidence{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.v2039-confidence>div:last-of-type{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v2039-confidence button{border:1px solid var(--line,rgba(255,255,255,.14));background:transparent;color:inherit;border-radius:999px;padding:9px 13px;cursor:pointer}.v2039-confidence button[aria-pressed="true"]{background:rgba(60,216,207,.13);border-color:var(--teal,#43d9d1);color:var(--teal,#43d9d1)}.v2039-confidence>small{grid-column:1/-1;color:var(--mut,#aab5c7);letter-spacing:normal}.v2039-lesson-actions{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:28px}.v2039-lesson-actions>div{display:flex;gap:8px;justify-content:center}.v2039-empty{display:grid;place-items:center;text-align:center;min-height:70vh;padding:30px}.v2039-portal-button{white-space:nowrap}
@media(max-width:820px){.v2039-overlay{padding:0}.v2039-shell{min-height:100vh;border-radius:0;border:0}.v2039-topbar{grid-template-columns:1fr auto;padding:16px}.v2039-topbar label{grid-column:1/-1;grid-row:2}.v2039-topbar h1{font-size:20px}.v2039-progress{padding:12px 16px}.v2039-layout{display:block}.v2039-nav{display:flex;gap:8px;overflow-x:auto;max-height:none;border-right:0;border-bottom:1px solid var(--line,rgba(255,255,255,.12));padding:10px 14px}.v2039-nav-group{display:contents}.v2039-nav-group h3{display:none}.v2039-nav button{min-width:210px;background:var(--bg2,#102039)}.v2039-layout>main{max-height:none;overflow:visible}.v2039-lesson{padding:25px 17px 38px}.v2039-lesson-head{display:block}.v2039-time{display:inline-block;margin-top:8px}.v2039-confidence{grid-template-columns:1fr}.v2039-confidence>div:last-of-type{justify-content:flex-start}.v2039-lesson-actions{grid-template-columns:1fr}.v2039-lesson-actions>button,.v2039-lesson-actions>div,.v2039-lesson-actions>div button{width:100%}.v2039-lesson-actions>div{display:grid;grid-template-columns:1fr 1fr}.v2039-lesson-actions [data-v2039-complete]{grid-row:1}.v2039-portal-button{display:none}}
@media(prefers-reduced-motion:reduce){.v2039-overlay *{scroll-behavior:auto!important;transition:none!important}}


/* ===== lesson-workshop-20.54.css ===== */
/* ITPlugg v20.54 – Lektionsverkstad */
.v2044-overlay{position:fixed;inset:0;z-index:10060;background:rgba(4,9,24,.78);backdrop-filter:blur(12px);padding:24px;overflow:auto}.v2044-overlay[hidden]{display:none!important}body.v2044-open{overflow:hidden}.v2044-shell{width:min(1120px,100%);margin:0 auto;background:var(--surface,#10182c);color:var(--text,#f5f7ff);border:1px solid color-mix(in srgb,var(--accent,#4bd4e8) 30%,transparent);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.42);overflow:hidden}.v2044-head{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.v2044-head small,.v2044-teacher small,.v2044-active small,.v2044-card>small,.v2044-resume small{letter-spacing:.16em;color:var(--accent,#53d7e9);font-weight:800}.v2044-head h2,.v2044-teacher h3,.v2044-active h3{margin:.25rem 0 .45rem}.v2044-head p,.v2044-muted,.v2044-note{color:var(--muted,#aeb5c9)}.v2044-close{border:0;background:rgba(255,255,255,.08);color:inherit;width:42px;height:42px;border-radius:14px;font-size:25px;cursor:pointer}.v2044-shell main{padding:26px 30px 32px}.v2044-student-grid,.v2044-teacher-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:20px}.v2044-card,.v2044-builder,.v2044-output,.v2044-track-intro,.v2044-exit{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:22px}.v2044-card textarea,.v2044-builder input,.v2044-builder select,.v2044-codebox textarea,.v2044-active select,.v2044-exit textarea{width:100%;box-sizing:border-box;background:rgba(0,0,0,.18);color:inherit;border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:11px 12px;margin-top:7px}.v2044-builder label{display:block;margin-bottom:13px;font-weight:700}.v2044-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v2044-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}.v2044-pass-list article,.v2044-resume{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.v2044-pass-list article:last-child{border:0}.v2044-pass-list b,.v2044-pass-list small{display:block}.v2044-resume{background:linear-gradient(120deg,rgba(80,210,231,.13),rgba(143,101,245,.12));border:1px solid rgba(80,210,231,.22);border-radius:20px;padding:18px;margin-bottom:20px}.v2044-teacher{padding:4px}.v2044-teacher-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.v2044-teacher-head>span{border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:8px 12px;color:var(--muted,#aeb5c9);white-space:nowrap}.v2044-preview header{display:flex;justify-content:space-between;gap:18px}.v2044-preview header>span{align-self:flex-start;border-radius:99px;padding:6px 10px;background:rgba(80,210,231,.12)}.v2044-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.v2044-timeline div{background:rgba(255,255,255,.05);border-radius:14px;padding:11px}.v2044-timeline b,.v2044-timeline span{display:block}.v2044-timeline span{font-size:.82rem;color:var(--muted,#aeb5c9)}.v2044-track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v2044-track-grid article{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px;background:rgba(255,255,255,.035)}.v2044-track-grid article.is-recommended{border-color:color-mix(in srgb,var(--accent,#53d7e9) 65%,transparent);box-shadow:inset 0 0 0 1px rgba(80,210,231,.12)}.v2044-track-grid h5{font-size:1rem;margin:.3rem 0}.v2044-track-grid p{font-size:.88rem;color:var(--muted,#aeb5c9);min-height:3.4em}.v2044-track-grid ol{padding-left:18px;margin:12px 0 0}.v2044-track-grid li{margin:7px 0}.v2044-track-grid li span{float:right;color:var(--muted,#aeb5c9);font-size:.8rem}.v2044-codebox{margin-top:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}.v2044-codebox textarea{min-height:100px;font:12px ui-monospace,monospace}.v2044-status[data-error="1"]{color:#ffaaaa}.v2044-active>header{display:grid;grid-template-columns:auto 1fr minmax(180px,240px);gap:18px;align-items:start}.v2044-back{background:none;border:0;color:var(--accent,#53d7e9);font-weight:800;cursor:pointer;padding:8px 0}.v2044-progress{margin:20px 0}.v2044-progress>div{display:flex;justify-content:space-between}.v2044-progress progress{width:100%;height:10px}.v2044-activities{display:grid;gap:12px;margin:16px 0}.v2044-activities article{display:grid;grid-template-columns:48px 1fr;gap:14px;border:1px solid rgba(255,255,255,.1);border-radius:19px;padding:17px;background:rgba(255,255,255,.035)}.v2044-activities article.is-done{opacity:.66}.v2044-activity-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(80,210,231,.13);font-weight:900}.v2044-activities h4{margin:.25rem 0}.v2044-done{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.v2044-exit textarea{margin-top:10px}.v2044-empty{padding:22px;border:1px dashed rgba(255,255,255,.15);border-radius:18px;color:var(--muted,#aeb5c9)}
@media(max-width:900px){.v2044-overlay{padding:0}.v2044-shell{min-height:100dvh;border-radius:0}.v2044-student-grid,.v2044-teacher-grid,.v2044-track-grid{grid-template-columns:1fr}.v2044-timeline{grid-template-columns:1fr 1fr}.v2044-active>header{grid-template-columns:1fr}.v2044-head{padding:20px}.v2044-shell main{padding:18px}.v2044-teacher-head{display:block}.v2044-teacher-head>span{display:inline-block;margin-top:8px}.v2044-row{grid-template-columns:1fr}.v2044-preview header{display:block}.v2044-preview header>span{display:inline-block;margin-top:8px}.v2044-activities article{grid-template-columns:40px 1fr}.v2044-activity-icon{width:38px;height:38px}}


/* ===== universal-search-20.54.css ===== */
/* ITPlugg v20.54 – Universalsökning */
.v2040-search-overlay{position:fixed;inset:0;z-index:10080;display:grid;place-items:start center;padding:clamp(18px,8vh,84px) 18px;background:rgba(3,12,24,.72);backdrop-filter:blur(14px);overflow:auto}.v2040-search-overlay[hidden]{display:none}.v2040-search-shell{width:min(820px,100%);max-height:min(820px,84vh);display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--teal) 32%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--bg2) 96%,transparent);box-shadow:0 32px 90px rgba(0,0,0,.38);overflow:hidden}.v2040-search-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 22px 13px}.v2040-search-shell>header small{display:block;margin-bottom:5px;color:var(--teal);font:700 10px/1.2 var(--m);letter-spacing:.14em}.v2040-search-shell>header h2{margin:0;font-size:clamp(21px,3vw,31px)}.v2040-close{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--mut);font-size:26px;cursor:pointer}.v2040-close:hover{color:var(--txt);border-color:var(--teal)}.v2040-searchbox{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;margin:0 22px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:15px;background:var(--bg)}.v2040-searchbox>span{color:var(--teal);font-size:22px}.v2040-searchbox input{min-width:0;border:0;outline:0;background:transparent;color:var(--txt);font:600 16px/1.4 var(--f)}.v2040-searchbox input::placeholder{color:var(--mut);font-weight:400}.v2040-searchbox kbd{padding:4px 7px;border:1px solid var(--line);border-radius:7px;color:var(--mut);font:10px var(--m)}.v2040-filters{display:flex;gap:7px;padding:13px 22px 9px;overflow:auto;scrollbar-width:thin}.v2040-filters button{flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--mut);font:700 10px var(--f);cursor:pointer}.v2040-filters button[aria-pressed="true"]{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 13%,transparent);color:var(--teal)}.v2040-search-meta{display:flex;align-items:center;gap:8px;padding:3px 24px 10px;color:var(--mut);font-size:11px}.v2040-search-meta b{color:var(--txt)}.v2040-results{min-height:180px;overflow:auto;padding:0 10px 10px;scrollbar-width:thin}.v2040-result{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--txt);text-align:left;cursor:pointer}.v2040-result:hover,.v2040-result.is-active{border-color:color-mix(in srgb,var(--teal) 35%,var(--line));background:color-mix(in srgb,var(--teal) 8%,var(--bg))}.v2040-type{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--teal) 11%,var(--bg));color:var(--teal);font:800 13px var(--m)}.v2040-type[data-type="question"]{color:var(--amber)}.v2040-type[data-type="lab"]{color:#b9a3ff}.v2040-type[data-type="command"]{color:#8ce3b6}.v2040-copy{min-width:0}.v2040-copy b,.v2040-copy small,.v2040-copy em{display:block}.v2040-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.v2040-copy small{margin:2px 0;color:var(--teal);font-size:9px}.v2040-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut);font-size:10.5px;font-style:normal}.v2040-copy mark{padding:0 1px;border-radius:3px;background:color-mix(in srgb,var(--amber) 38%,transparent);color:inherit}.v2040-actions{display:grid;justify-items:end;gap:5px}.v2040-actions>span:first-child{color:var(--mut);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.v2040-star{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:color-mix(in srgb,var(--mut) 45%,transparent);font-size:17px}.v2040-star:hover,.v2040-star.is-on{background:color-mix(in srgb,var(--amber) 12%,transparent);color:var(--amber)}.v2040-empty{padding:52px 20px;text-align:center;color:var(--mut)}.v2040-empty b{display:block;color:var(--txt);font-size:18px}.v2040-search-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;border-top:1px solid var(--line);color:var(--mut);font:9px var(--m)}.v2040-search-shell>footer button{border:0;background:transparent;color:var(--mut);font:inherit;cursor:pointer}.v2040-search-shell>footer button:hover{color:var(--txt)}body.v2040-search-open{overflow:hidden}
@media(max-width:640px){.v2040-search-overlay{place-items:stretch;padding:0}.v2040-search-shell{width:100%;max-height:none;min-height:100dvh;border:0;border-radius:0}.v2040-search-shell>header{padding:17px 17px 11px}.v2040-searchbox{margin:0 17px}.v2040-filters{padding-left:17px;padding-right:17px}.v2040-search-meta{padding-left:19px}.v2040-results{padding:0 6px 8px}.v2040-result{grid-template-columns:39px minmax(0,1fr) 31px;padding:10px 9px}.v2040-type{width:37px;height:37px}.v2040-actions>span:first-child{display:none}.v2040-copy em{max-width:58vw}.v2040-search-shell>footer{padding:10px 17px}.v2040-search-shell>footer span{display:none}}
@media(prefers-reduced-motion:reduce){.v2040-search-overlay{backdrop-filter:none}}


/* ===== workspace-20.54.css ===== */
/* ITPlugg v20.54 – Min arbetsyta */
.v2041-workspace{position:fixed;inset:0;z-index:10080;display:grid;place-items:center;padding:24px;background:rgba(3,10,24,.78);backdrop-filter:blur(14px)}
.v2041-workspace[hidden]{display:none!important}.v2041-workspace-open{overflow:hidden}
.v2041-shell{width:min(1040px,100%);max-height:min(860px,calc(100vh - 48px));overflow:auto;border:1px solid color-mix(in srgb,var(--accent,#3dd6c6) 28%,rgba(255,255,255,.15));border-radius:28px;background:linear-gradient(150deg,rgba(21,37,62,.98),rgba(11,20,39,.99));box-shadow:0 32px 100px rgba(0,0,0,.52);color:var(--text,#eef6ff)}
.v2041-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:24px;padding:28px 30px 22px;background:linear-gradient(180deg,rgba(18,33,57,.99),rgba(18,33,57,.92));border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px)}
.v2041-head small,.v2041-resume small,.v2041-recent header small,.v2041-progress header small{display:block;margin-bottom:7px;color:var(--accent,#51ddcf);font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
.v2041-head h2{margin:0;font-size:clamp(26px,4vw,42px);line-height:1.05}.v2041-head p{margin:8px 0 0;color:var(--muted,#aebbd0)}
.v2041-head>[data-v2041-close]{flex:0 0 auto;width:43px;height:43px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(5,14,29,.55);color:inherit;font-size:27px;cursor:pointer}
.v2041-shell main{display:grid;gap:18px;padding:24px 30px 30px}
.v2041-resume{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;border:1px solid color-mix(in srgb,var(--accent,#3dd6c6) 35%,rgba(255,255,255,.1));border-radius:22px;background:linear-gradient(130deg,color-mix(in srgb,var(--accent,#3dd6c6) 15%,rgba(12,30,53,.95)),rgba(20,36,62,.84))}
.v2041-resume-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:color-mix(in srgb,var(--accent,#3dd6c6) 17%,rgba(0,0,0,.35));color:var(--accent,#51ddcf);font-size:26px;font-weight:800}.v2041-resume h3{margin:0;font-size:clamp(21px,3vw,29px)}.v2041-resume p{margin:7px 0 0;color:var(--muted,#aebbd0)}
.v2041-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v2041-quick button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;text-align:left;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.045);color:inherit;cursor:pointer}.v2041-quick button:hover,.v2041-quick button:focus-visible{border-color:color-mix(in srgb,var(--accent,#3dd6c6) 55%,transparent);background:rgba(255,255,255,.08)}.v2041-quick span{grid-row:1/3;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:rgba(0,0,0,.22);color:var(--accent,#51ddcf);font-size:19px}.v2041-quick b{font-size:14px}.v2041-quick small{color:var(--muted,#aebbd0);font-size:12px}
.v2041-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}.v2041-recent,.v2041-progress{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:rgba(255,255,255,.035)}
.v2041-recent>header,.v2041-progress>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.v2041-recent h3,.v2041-progress h3{margin:0;font-size:18px}.v2041-recent header button,.v2041-progress header button{border:0;background:transparent;color:var(--muted,#aebbd0);cursor:pointer}.v2041-progress header button{color:var(--accent,#51ddcf)}
.v2041-recent-list{display:grid;gap:7px}.v2041-recent-list>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:11px;border:1px solid transparent;border-radius:14px;background:transparent;color:inherit;text-align:left;cursor:pointer}.v2041-recent-list>button:hover,.v2041-recent-list>button:focus-visible{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05)}.v2041-recent-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:rgba(255,255,255,.07);color:var(--accent,#51ddcf);font-weight:800}.v2041-recent-list b,.v2041-recent-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2041-recent-list b{font-size:14px}.v2041-recent-list small{margin-top:3px;color:var(--muted,#aebbd0);font-size:11px}.v2041-recent-list em{color:var(--accent,#51ddcf);font-size:12px;font-style:normal}
.v2041-empty{display:flex;align-items:flex-start;gap:13px;padding:16px;border-radius:15px;background:rgba(255,255,255,.035)}.v2041-empty>span{font-size:25px;color:var(--accent,#51ddcf)}.v2041-empty b{font-size:14px}.v2041-empty p{margin:5px 0 0;color:var(--muted,#aebbd0);font-size:12px;line-height:1.5}
.v2041-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v2041-stat-grid>div{padding:15px;border-radius:14px;background:rgba(0,0,0,.18)}.v2041-stat-grid b,.v2041-stat-grid small{display:block}.v2041-stat-grid b{font-size:21px}.v2041-stat-grid small{margin-top:3px;color:var(--muted,#aebbd0);font-size:11px}
.v2041-saved{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;width:100%;padding:17px 20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);color:inherit;text-align:left;cursor:pointer}.v2041-saved>span{font-size:24px;color:#ffd667}.v2041-saved b,.v2041-saved small{display:block}.v2041-saved small{margin-top:3px;color:var(--muted,#aebbd0)}.v2041-saved em{color:var(--accent,#51ddcf);font-style:normal}
.v2041-shell>footer{display:flex;justify-content:space-between;gap:16px;padding:16px 30px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted,#aebbd0);font-size:12px}.v2041-shell kbd{padding:4px 8px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(0,0,0,.2);color:inherit}
@media(max-width:780px){.v2041-workspace{padding:0}.v2041-shell{height:100dvh;max-height:none;border:0;border-radius:0}.v2041-head{padding:21px 18px 17px}.v2041-shell main{padding:17px 16px 24px}.v2041-resume{grid-template-columns:auto 1fr;padding:18px}.v2041-resume>.btn{grid-column:1/-1;width:100%}.v2041-quick{grid-template-columns:1fr 1fr}.v2041-columns{grid-template-columns:1fr}.v2041-shell>footer{padding:14px 17px}}
@media(max-width:430px){.v2041-quick{grid-template-columns:1fr}.v2041-resume-icon{width:48px;height:48px}.v2041-recent-list>button{grid-template-columns:auto minmax(0,1fr)}.v2041-recent-list em{display:none}.v2041-shell>footer kbd{display:none}}
@media(prefers-reduced-motion:reduce){.v2041-workspace *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ===== exam-center-20.54.css ===== */
/* ITPlugg v20.54 – Provcenter och övningsprov */
.v2042-exam-overlay{position:fixed;inset:0;z-index:10120;display:grid;place-items:center;padding:18px;background:rgba(2,9,18,.84);backdrop-filter:blur(14px);overflow:auto}
.v2042-exam-overlay[hidden]{display:none!important}
.v2042-exam-shell{width:min(1040px,100%);max-height:min(930px,96dvh);display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));border-radius:24px;background:var(--bg);box-shadow:0 32px 100px rgba(0,0,0,.45)}
.v2042-exam-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 88%,transparent)}
.v2042-exam-head small,.v2042-kicker{display:block;color:var(--teal);font:800 10px/1.2 var(--m);letter-spacing:.14em;text-transform:uppercase}
.v2042-exam-head h2{margin:5px 0 4px;font-size:clamp(24px,4vw,36px)}
.v2042-exam-head p{margin:0;color:var(--mut);max-width:68ch}
.v2042-close{flex:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--mut);font-size:27px;cursor:pointer}
.v2042-close:hover,.v2042-close:focus-visible{border-color:var(--teal);color:var(--txt)}
.v2042-exam-body{min-height:0;overflow:auto;padding:22px 24px 32px}
.v2042-exam-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:16px}
.v2042-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--bg2)}
.v2042-card h3,.v2042-card h4{margin:4px 0 6px}.v2042-card>p{margin:0 0 14px;color:var(--mut);line-height:1.55}
.v2042-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.v2042-field{display:grid;gap:6px;color:var(--mut);font-size:12px;font-weight:750}
.v2042-field.full{grid-column:1/-1}
.v2042-field input,.v2042-field select,.v2042-field textarea,.v2042-import-code,.v2042-teacher textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--txt);padding:11px 12px;font:inherit}
.v2042-field textarea,.v2042-import-code{min-height:88px;resize:vertical}
.v2042-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}
.v2042-note{margin-top:12px;color:var(--mut);font-size:11px;line-height:1.5}
.v2042-status{min-height:18px;margin:10px 0 0;color:var(--teal);font-size:12px}.v2042-status[data-error="1"]{color:#ffb4b4}
.v2042-resume{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:15px;padding:15px 17px;border:1px solid color-mix(in srgb,var(--amber,#f2b233) 50%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--amber,#f2b233) 8%,var(--bg2))}.v2042-resume b,.v2042-resume span{display:block}.v2042-resume span{margin-top:3px;color:var(--mut);font-size:12px}
.v2042-attempts{display:grid;gap:8px}.v2042-attempt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:12px}.v2042-attempt b,.v2042-attempt small{display:block}.v2042-attempt small{margin-top:3px;color:var(--mut)}.v2042-attempt strong{font-size:20px;color:var(--teal)}
.v2042-empty{padding:20px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--mut)}

.v2042-run{display:grid;gap:16px}.v2042-runbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:var(--bg2)}
.v2042-progress{height:7px;border-radius:999px;background:var(--bg);overflow:hidden}.v2042-progress i{display:block;height:100%;width:var(--pct,0%);background:linear-gradient(90deg,var(--teal),#79aef5)}
.v2042-runbar small{display:block;color:var(--mut);margin-top:5px}.v2042-timer{min-width:74px;text-align:center;padding:8px 10px;border:1px solid var(--line);border-radius:11px;font:850 15px var(--m)}.v2042-timer[data-warning="1"]{color:#ffd18b;border-color:#9a6c27}.v2042-timer[data-danger="1"]{color:#ffb4b4;border-color:#a34949}
.v2042-question{padding:clamp(18px,4vw,30px);border:1px solid var(--line);border-radius:20px;background:var(--bg2)}
.v2042-question>small{color:var(--teal);font:800 10px var(--m);letter-spacing:.12em;text-transform:uppercase}.v2042-question h3{margin:9px 0 20px;font-size:clamp(20px,3.4vw,30px);line-height:1.28}
.v2042-options{display:grid;gap:9px}.v2042-option{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center;width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--txt);text-align:left;font:inherit;cursor:pointer}.v2042-option:hover,.v2042-option:focus-visible{border-color:var(--teal)}.v2042-option[data-selected="1"]{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,var(--bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--teal) 18%,transparent)}.v2042-option i{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;color:var(--teal);font:850 11px var(--m);font-style:normal}.v2042-option[data-selected="1"] i{background:var(--teal);color:#05242b}
.v2042-run-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.v2042-run-actions>div{display:flex;gap:8px;flex-wrap:wrap}

.v2042-result-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px;border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 9%,var(--bg2)),var(--bg2))}.v2042-result-hero h3{margin:5px 0;font-size:clamp(25px,4vw,39px)}.v2042-result-hero p{margin:0;color:var(--mut)}.v2042-result-score{display:grid;place-items:center;width:112px;height:112px;border:8px solid color-mix(in srgb,var(--teal) 35%,var(--line));border-radius:50%;font:900 24px var(--m);color:var(--teal)}
.v2042-area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:16px 0}.v2042-area-grid article{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.v2042-area-grid b,.v2042-area-grid span{display:block}.v2042-area-grid span{margin-top:3px;color:var(--mut);font-size:12px}.v2042-area-grid strong{display:block;margin-top:10px;color:var(--teal);font-size:19px}
.v2042-review{display:grid;gap:9px}.v2042-review details{margin:0;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--bg2);overflow:hidden}.v2042-review summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 14px;cursor:pointer;list-style:none}.v2042-review summary::-webkit-details-marker{display:none}.v2042-review summary i{width:10px;height:10px;border-radius:50%;background:#d26a6a}.v2042-review details[data-correct="1"] summary i{background:#38c88a}.v2042-review summary small{color:var(--mut)}.v2042-review section{padding:0 14px 15px;color:var(--mut);line-height:1.55}.v2042-review section b{color:var(--txt)}

.v2042-teacher{display:grid;gap:16px}.v2042-teacher-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.v2042-teacher-head h4{margin:0 0 4px}.v2042-teacher-head p{margin:0;color:var(--mut)}
.v2042-teacher-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:15px}.v2042-teacher-form,.v2042-teacher-output{padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--bg2)}
.v2042-area-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:6px}.v2042-area-list label{display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;color:var(--txt);font-size:12px}.v2042-area-list input{accent-color:var(--teal)}
.v2042-code{min-height:150px!important;font:11px/1.5 var(--m)!important;word-break:break-all}.v2042-teacher-output h4{margin-top:0}.v2042-code-meta{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.v2042-code-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font-size:11px}

@media(max-width:780px){.v2042-exam-overlay{padding:8px}.v2042-exam-shell{max-height:calc(100dvh - 16px);border-radius:19px}.v2042-exam-head,.v2042-exam-body{padding-left:16px;padding-right:16px}.v2042-exam-grid,.v2042-teacher-grid{grid-template-columns:1fr}.v2042-fields{grid-template-columns:1fr}.v2042-field.full{grid-column:auto}.v2042-runbar{grid-template-columns:1fr auto}.v2042-runbar>.btn{grid-column:1/-1}.v2042-result-hero{grid-template-columns:1fr}.v2042-result-score{width:92px;height:92px}.v2042-area-list{grid-template-columns:1fr}.v2042-resume{grid-template-columns:1fr}}
@media(max-width:480px){.v2042-exam-head{padding-top:17px}.v2042-exam-body{padding-bottom:22px}.v2042-run-actions,.v2042-run-actions>div{display:grid;grid-template-columns:1fr 1fr;width:100%}.v2042-run-actions>.btn{width:100%}.v2042-option{padding:12px 10px}.v2042-result-hero{padding:17px}}
@media(prefers-reduced-motion:reduce){.v2042-exam-overlay *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body>*:not(#v2042ExamCenter){display:none!important}#v2042ExamCenter{position:static!important;display:block!important;background:white!important;color:black!important;padding:0!important}.v2042-exam-shell{max-height:none!important;border:0!important;box-shadow:none!important}.v2042-close,.v2042-actions,.v2042-run-actions{display:none!important}.v2042-exam-body{overflow:visible!important}.v2042-card,.v2042-result-hero,.v2042-area-grid article,.v2042-review details{break-inside:avoid;background:white!important;color:black!important}}


/* ===== navigation-fix-20.54.css ===== */
/* ITPlugg v20.54 – viewport-låst navigation.
   Mobilbaren ska följa den faktiska viewportens nederkant, inte dokumentflödet. */
:root{
  --v2047-mobile-dock-h:62px;
  --v2047-safe-bottom:env(safe-area-inset-bottom,0px);
  --v2047-dock-shift:0px;
}

@media (min-width:760px){
  html .v1939-main-nav{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html .v1919-dev-sidebar{display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important}
  html body.v1919-nav-active,
  html body.v1919-nav-collapsed,
  html body.v1923-auto-compact{padding-bottom:0!important}
  html body:not(.v1919-nav-collapsed):not(.v1923-auto-compact).v1919-nav-active{padding-left:var(--v1943-sidebar-w,252px)!important}
  html body.v1919-nav-collapsed,
  html body.v1923-auto-compact{padding-left:var(--v1943-sidebar-compact-w,78px)!important}
  html .version-footer{margin-bottom:0!important}
}

@media (max-width:759px){
  html .v1919-dev-sidebar{transform:translateX(-105%)!important;visibility:hidden!important;pointer-events:none!important}
  html body.v1919-nav-open .v1919-dev-sidebar{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}

  html body.v1919-nav-active,
  html body.v1919-nav-collapsed,
  html body.v1923-auto-compact{
    padding-left:0!important;
    /* Innehållet slutar ovanför dockan; ingen extra dokumentmarginal under footer. */
    padding-bottom:calc(var(--v2047-mobile-dock-h) + var(--v2047-safe-bottom) + 14px)!important;
  }

  html .v1939-main-nav{
    position:fixed!important;
    inset:auto 0 0 0!important;
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100vw!important;
    max-width:none!important;
    height:calc(var(--v2047-mobile-dock-h) + var(--v2047-safe-bottom))!important;
    min-height:calc(var(--v2047-mobile-dock-h) + var(--v2047-safe-bottom))!important;
    margin:0!important;
    box-sizing:border-box!important;
    padding:5px max(5px,env(safe-area-inset-right,0px)) max(5px,var(--v2047-safe-bottom)) max(5px,env(safe-area-inset-left,0px))!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    z-index:2147483000!important;
    border:1px solid color-mix(in srgb,var(--teal) 24%,var(--line))!important;
    border-bottom:0!important;
    border-radius:18px 18px 0 0!important;
    background:color-mix(in srgb,var(--bg2) 98%,transparent)!important;
    box-shadow:0 -12px 38px rgba(0,0,0,.30)!important;
    backdrop-filter:blur(18px)!important;
    overflow:visible!important;
    translate:none!important;
    transform:translate3d(0,var(--v2047-dock-shift),0)!important;
    will-change:transform!important;
  }
  html .v1939-nav-links{width:100%!important;min-height:52px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;margin:0!important}
  html .v1939-nav-button{width:100%!important;min-width:0!important;min-height:50px!important;padding:7px 2px!important;border-radius:13px!important;text-align:center!important;font-size:11px!important;line-height:1.15!important;white-space:nowrap!important}
  html .v1939-nav-button[aria-current="page"]{background:color-mix(in srgb,var(--teal) 15%,transparent)!important;box-shadow:inset 0 2px var(--teal)!important}
  html .v1939-more-menu{
    position:fixed!important;
    inset:auto max(8px,env(safe-area-inset-right,0px)) calc(var(--v2047-mobile-dock-h) + var(--v2047-safe-bottom) + 10px) auto!important;
    width:min(370px,calc(100vw - 16px))!important;
    max-height:calc(100dvh - var(--v2047-mobile-dock-h) - var(--v2047-safe-bottom) - 28px)!important;
    overflow:auto!important;
    z-index:2147483001!important;
  }
  html .version-footer{
    /* Footern ska ligga ovanför dockan när sidan är nedscrollad, inte skapa ett tomt
       dokumentområde under dockan. */
    margin-bottom:0!important;
    padding-bottom:18px!important;
  }
}

@media (max-width:390px){html .v1939-nav-button{font-size:10px!important;padding-inline:1px!important}}
@media (prefers-reduced-motion:reduce){.v1939-main-nav,.v1919-dev-sidebar{transition:none!important}}


/* ===== learning-sequence-20.54.css ===== */
/* ITPlugg v20.54 – Studiepaket & lärsekvenser */
.v2045-overlay{position:fixed;inset:0;z-index:10040;background:rgba(3,14,25,.86);backdrop-filter:blur(10px);padding:clamp(10px,2vw,24px);overflow:auto}.v2045-overlay[hidden]{display:none}.v2045-open{overflow:hidden}.v2045-shell{max-width:1080px;margin:auto;background:var(--bg,#0b1f33);border:1px solid var(--line,#1e3a57);border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,.45);overflow:hidden}.v2045-head,.v2045-teacher-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:24px;border-bottom:1px solid var(--line,#1e3a57)}.v2045-head small,.v2045-teacher-head small,.v2045-card>small,.v2045-next>small,.v2045-finished>small,.v2045-preview header small,.v2045-steps small{font:700 10px/1.3 var(--m,monospace);letter-spacing:.13em;color:var(--teal,#33d6c0)}.v2045-head h2,.v2045-teacher-head h3{margin:5px 0}.v2045-head p,.v2045-teacher-head p,.v2045-preview p,.v2045-card p,.v2045-steps p,.v2045-next p,.v2045-finished p{color:var(--mut,#8fa9be);margin:.35rem 0}.v2045-close{border:1px solid var(--line);background:var(--bg2);color:var(--txt);border-radius:50%;width:42px;height:42px;font-size:22px;cursor:pointer}.v2045-shell>main{padding:24px}.v2045-student-grid,.v2045-teacher-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:18px}.v2045-card,.v2045-builder,.v2045-output,.v2045-next,.v2045-finished,.v2045-resume{background:var(--bg2,#122c46);border:1px solid var(--line,#1e3a57);border-radius:18px;padding:18px}.v2045-card textarea,.v2045-builder input,.v2045-builder textarea,.v2045-builder select,.v2045-codebox textarea,.v2045-steps textarea{width:100%;background:rgba(3,14,25,.35);border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:10px 12px;font:inherit}.light .v2045-card textarea,.light .v2045-builder input,.light .v2045-builder textarea,.light .v2045-builder select,.light .v2045-codebox textarea,.light .v2045-steps textarea{background:#eef4f8}.v2045-builder label,.v2045-codebox label{display:grid;gap:6px;margin-bottom:12px;color:var(--mut);font-size:13px}.v2045-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v2045-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.v2045-note,.v2045-status,.v2045-muted{font-size:12.5px;color:var(--mut)}.v2045-preview header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px}.v2045-preview h4{margin:4px 0;font-size:19px}.v2045-preview header>span{white-space:nowrap;font-weight:700;color:var(--teal)}.v2045-preview ol,.v2045-steps{list-style:none;padding:0;margin:12px 0;display:grid;gap:9px}.v2045-preview li,.v2045-steps li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:13px;background:rgba(255,255,255,.015)}.v2045-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgb(var(--accent-rgb,51 214 192)/.12);color:var(--teal);font-weight:800}.v2045-preview li b,.v2045-steps li b{display:block;margin:3px 0}.v2045-preview li p,.v2045-steps li p{font-size:13px}.v2045-order{display:flex;gap:4px}.v2045-order button{width:31px;height:31px;border:1px solid var(--line);background:transparent;color:var(--txt);border-radius:8px;cursor:pointer}.v2045-order button:disabled{opacity:.3}.v2045-codebox{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.v2045-resume{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px;border-color:rgb(var(--accent-rgb,51 214 192)/.45)}.v2045-resume div{display:grid}.v2045-resume span{font-size:13px;color:var(--mut)}.v2045-plan-list{display:grid;gap:8px}.v2045-plan-list article{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px}.v2045-plan-list article div{display:grid}.v2045-plan-list small{color:var(--mut)}.v2045-active>header{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.v2045-back{background:transparent;border:0;color:var(--teal);cursor:pointer;padding:4px}.v2045-active h3{margin:0 0 4px;font-size:24px}.v2045-progress{margin:18px 0}.v2045-progress>div{display:flex;justify-content:space-between;margin-bottom:6px}.v2045-progress progress{width:100%;height:8px;accent-color:var(--teal)}.v2045-next,.v2045-finished{margin:15px 0;border-color:rgb(var(--accent-rgb,51 214 192)/.45)}.v2045-next h4,.v2045-finished h4{font-size:20px;margin:4px 0}.v2045-steps li.is-done{opacity:.65}.v2045-steps li.is-done b{text-decoration:line-through}.v2045-steps li>div:last-child label{display:flex;gap:7px;align-items:center;font-size:13px}.v2045-empty{border:1px dashed var(--line);border-radius:16px;padding:22px;color:var(--mut)}
@media(max-width:780px){.v2045-student-grid,.v2045-teacher-grid{grid-template-columns:1fr}.v2045-head,.v2045-teacher-head{padding:18px}.v2045-shell>main{padding:16px}.v2045-preview li,.v2045-steps li{grid-template-columns:38px minmax(0,1fr)}.v2045-order{grid-column:2}.v2045-row{grid-template-columns:1fr}.v2045-resume{align-items:flex-start;flex-direction:column}.v2045-active>header{grid-template-columns:1fr}.v2045-back{justify-self:start}}


/* ===== drift-center-20.54.css ===== */
/* ITPlugg v20.54 – Driftcentral & incidentpass */
.v2046-open{overflow:hidden!important}
.v2046-overlay{position:fixed;inset:0;z-index:100080;background:rgba(5,10,20,.72);backdrop-filter:blur(10px);padding:clamp(10px,2vw,28px);overflow:auto}
.v2046-overlay[hidden]{display:none!important}
.v2046-shell{width:min(1180px,100%);min-height:min(760px,calc(100vh - 40px));margin:0 auto;background:var(--surface,#0f172a);color:var(--text,#e5edf8);border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.35);overflow:hidden}
.v2046-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:26px 28px;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)}
.v2046-head small,.v2046-teacher-head small,.v2046-card>small,.v2046-builtin small,.v2046-next>small,.v2046-finished>small{font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;opacity:.72}
.v2046-head h2,.v2046-teacher-head h3{margin:.35rem 0 .25rem}.v2046-head p,.v2046-teacher-head p{margin:0;max-width:760px;opacity:.78;line-height:1.55}
.v2046-close{border:0;background:color-mix(in srgb,currentColor 9%,transparent);color:inherit;border-radius:12px;width:42px;height:42px;font-size:1.6rem;cursor:pointer}
#v2046Body{padding:26px}
.v2046-student-grid,.v2046-teacher-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px}
.v2046-card,.v2046-builder,.v2046-output,.v2046-builtin,.v2046-active,.v2046-resume{border:1px solid color-mix(in srgb,currentColor 11%,transparent);background:color-mix(in srgb,var(--surface,#0f172a) 94%,white 6%);border-radius:18px;padding:20px}
.v2046-card h3,.v2046-builtin h3,.v2046-active h3{margin:.35rem 0 .45rem}.v2046-card p{opacity:.78;line-height:1.55}
.v2046-card textarea,.v2046-incident textarea,.v2046-builder input,.v2046-builder textarea,.v2046-builder select,.v2046-codebox textarea{width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface,#0f172a) 88%,black 12%);color:inherit;padding:11px 12px;font:inherit;margin:.35rem 0 .7rem}
.v2046-pass-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid color-mix(in srgb,currentColor 9%,transparent)}
.v2046-pass-list article:last-child{border-bottom:0}.v2046-pass-list b,.v2046-pass-list small{display:block}.v2046-pass-list small,.v2046-muted,.v2046-active-footer small{opacity:.68;margin-top:3px}
.v2046-builtin{margin-top:20px}.v2046-builtin>header{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:14px}.v2046-builtin>header span{font-weight:800}
.v2046-incident-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v2046-incident{border:1px solid color-mix(in srgb,currentColor 11%,transparent);border-radius:16px;padding:16px;background:color-mix(in srgb,var(--surface,#0f172a) 90%,white 10%)}
.v2046-incident.is-done{box-shadow:inset 4px 0 0 rgba(60,190,120,.8)}
.v2046-incident>header{display:flex;gap:12px;align-items:flex-start}.v2046-incident h4{margin:.2rem 0 0}.v2046-incident header small{opacity:.66}
.v2046-status-dot{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:color-mix(in srgb,currentColor 11%,transparent);font-weight:900}
.v2046-evidence{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0;font-size:.82rem;opacity:.8}.v2046-evidence b{font-size:.95rem}
.v2046-warning{padding:10px;border-radius:10px;background:rgba(220,100,60,.12);font-size:.85rem}
.v2046-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px}
.v2046-resume{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.v2046-resume small,.v2046-resume b,.v2046-resume span{display:block}.v2046-resume b{margin:.25rem 0}
.v2046-active>header{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.v2046-back{border:0;background:transparent;color:inherit;cursor:pointer;padding:8px 0;font-weight:700}
.v2046-progress{margin:20px 0}.v2046-progress>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.v2046-progress progress{width:100%;height:10px}
.v2046-next,.v2046-finished{padding:18px;border-radius:16px;background:color-mix(in srgb,var(--accent,#5a8cff) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent,#5a8cff) 28%,transparent);margin-bottom:18px}.v2046-next h4,.v2046-finished h4{margin:.3rem 0}.v2046-next p,.v2046-finished p{margin:.35rem 0 .8rem;opacity:.8}
.v2046-active-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid color-mix(in srgb,currentColor 9%,transparent)}
.v2046-teacher{display:grid;gap:18px}.v2046-teacher-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.v2046-teacher-head>span{white-space:nowrap;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,currentColor 8%,transparent);font-size:.78rem;opacity:.75}
.v2046-builder label{display:block;font-size:.85rem;font-weight:700}.v2046-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v2046-case-picker{border:1px solid color-mix(in srgb,currentColor 10%,transparent);border-radius:14px;overflow:hidden;margin-top:10px}.v2046-case-picker>header{display:flex;justify-content:space-between;padding:12px 14px;background:color-mix(in srgb,currentColor 5%,transparent)}
.v2046-case-picker label{display:flex;gap:10px;padding:12px 14px;border-top:1px solid color-mix(in srgb,currentColor 8%,transparent);cursor:pointer}.v2046-case-picker label.is-selected{background:color-mix(in srgb,var(--accent,#5a8cff) 9%,transparent)}.v2046-case-picker input{width:auto;margin:.2rem 0}.v2046-case-picker span b,.v2046-case-picker span small{display:block}.v2046-case-picker small{opacity:.66;font-weight:500;margin-top:2px}
.v2046-empty{display:grid;place-items:center;min-height:240px;text-align:center;border:1px dashed color-mix(in srgb,currentColor 18%,transparent);border-radius:16px;padding:25px;opacity:.65}
.v2046-preview>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.v2046-preview h4{margin:.3rem 0}.v2046-preview header p{margin:.35rem 0;opacity:.75}.v2046-preview ol{list-style:none;padding:0;margin:16px 0 0}.v2046-preview li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid color-mix(in srgb,currentColor 9%,transparent)}.v2046-preview li b,.v2046-preview li small{display:block}.v2046-preview li p{margin:.25rem 0 0;opacity:.65;font-size:.86rem}.v2046-preview li>button{border:0;background:transparent;color:inherit;font-size:1.3rem;cursor:pointer}
.v2046-severity{display:grid;place-items:center;width:36px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--accent,#5a8cff) 14%,transparent);font-weight:900;font-size:.78rem}
.v2046-codebox{margin-top:16px;padding:14px;border-radius:14px;background:color-mix(in srgb,currentColor 5%,transparent)}.v2046-codebox label{font-size:.82rem;font-weight:700}.v2046-codebox small{opacity:.65}.v2046-status{min-height:1.2em;margin:.5rem 0 0}
@media (max-width:900px){.v2046-student-grid,.v2046-teacher-grid,.v2046-incident-grid{grid-template-columns:1fr}.v2046-row{grid-template-columns:1fr}.v2046-teacher-head{display:block}.v2046-teacher-head>span{display:inline-block;margin-top:10px}}
@media (max-width:640px){.v2046-overlay{padding:0}.v2046-shell{min-height:100dvh;border-radius:0;border:0}.v2046-head{padding:18px}.v2046-head h2{font-size:1.35rem}#v2046Body{padding:14px}.v2046-resume,.v2046-builtin>header,.v2046-active-footer{align-items:stretch;flex-direction:column}.v2046-active>header{grid-template-columns:1fr}.v2046-incident{padding:14px}.v2046-evidence{gap:8px}.v2046-preview>header{display:block}}
@media (prefers-reduced-motion:reduce){.v2046-overlay *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ===== focus-session-20.54.css ===== */
/* ITPlugg v20.54 – Smart Fokuspass */
.v2048-overlay{position:fixed;inset:0;z-index:10080;background:rgba(4,15,25,.72);backdrop-filter:blur(12px);display:grid;place-items:center;padding:24px}.v2048-overlay[hidden]{display:none!important}.v2048-shell{position:relative;width:min(920px,100%);max-height:min(88vh,900px);overflow:auto;border:1px solid var(--line,#29465b);border-radius:24px;background:var(--panel,#0e2232);box-shadow:0 30px 90px rgba(0,0,0,.35)}.v2048-body{padding:30px}.v2048-x{position:absolute;right:16px;top:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--line,#29465b);background:rgba(255,255,255,.05);color:inherit;font-size:24px}.v2048-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-right:34px}.v2048-controls small{letter-spacing:.1em;color:var(--muted,#87a7ba);font-weight:800}.v2048-controls h2{margin:.35rem 0 .55rem;font-size:clamp(1.5rem,4vw,2.2rem)}.v2048-controls p{margin:0;max-width:620px;color:var(--muted,#a9bdc9);line-height:1.55}.v2048-duration{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v2048-duration button{border:1px solid var(--line,#29465b);border-radius:999px;padding:8px 11px;background:transparent;color:inherit;font-weight:750}.v2048-duration button[aria-pressed="true"]{background:var(--accent,#35d0c1);color:#03211f;border-color:transparent}.v2048-progress{margin:24px 0 18px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line,#29465b)}.v2048-progress>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.v2048-progress b{font-size:1.5rem}.v2048-progress span{color:var(--muted,#a9bdc9)}.v2048-progress i{display:block;height:7px;margin-top:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.v2048-progress i span{display:block;height:100%;background:var(--accent,#35d0c1);border-radius:inherit}.v2048-steps{display:grid;gap:10px}.v2048-step{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:18px;border:1px solid var(--line,#29465b);background:rgba(255,255,255,.025)}.v2048-step[data-done="1"]{opacity:.62}.v2048-step[data-done="1"] h4{text-decoration:line-through}.v2048-step small{color:var(--muted,#88a9bb);font-weight:700}.v2048-step h4{margin:4px 0;font-size:1.02rem}.v2048-step p{margin:0;color:var(--muted,#a9bdc9);line-height:1.45}.v2048-check{width:36px;height:36px;border-radius:50%;border:1px solid var(--line,#34566c);background:rgba(255,255,255,.04);color:inherit;font-weight:850}.v2048-step[data-done="1"] .v2048-check{background:var(--accent,#35d0c1);border-color:transparent;color:#052522}.v2048-reflection{margin-top:16px;padding:16px;border-radius:18px;border:1px dashed var(--line,#34566c)}.v2048-reflection label{display:grid;gap:8px;font-weight:750}.v2048-reflection textarea{min-height:92px;resize:vertical;border:1px solid var(--line,#34566c);border-radius:12px;background:rgba(0,0,0,.15);color:inherit;padding:12px;font:inherit}.v2048-reflection small{color:var(--muted,#91abba)}.v2048-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.v2048-focus-open{overflow:hidden}.v2019-drawer-grid [data-v2048-drawer-open] b{color:var(--accent,#35d0c1)}
@media(max-width:680px){.v2048-overlay{padding:0;place-items:end center}.v2048-shell{width:100%;max-height:94dvh;border-radius:22px 22px 0 0;border-bottom:0}.v2048-body{padding:24px 16px calc(18px + env(safe-area-inset-bottom,0px))}.v2048-controls{display:block;padding-right:36px}.v2048-duration{justify-content:flex-start;margin-top:16px}.v2048-step{grid-template-columns:auto 1fr}.v2048-step>.btn{grid-column:2;justify-self:start}.v2048-actions .btn{flex:1 1 140px}}
@media(prefers-reduced-motion:reduce){.v2048-overlay{backdrop-filter:none}}


/* ===== student-flow-20.54.css ===== */
/* ITPlugg v20.54 LEARN1 – elevflöde + tillgänglighetslager */
.v2055-skip-link{position:fixed;left:14px;top:10px;z-index:2147483000;transform:translateY(-180%);background:var(--txt);color:var(--bg);border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none;box-shadow:0 8px 30px rgba(0,0,0,.28)}
.v2055-skip-link:focus{transform:translateY(0)}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--teal)!important;outline-offset:3px!important}
.v2055-student-flow{display:block!important;border:1px solid rgb(var(--accent-rgb) / .2);border-radius:18px;padding:15px;background:rgb(var(--accent-rgb) / .035);margin:0 0 24px}
.v2055-student-flow .v2055-flow-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.v2055-student-flow .v2055-flow-head>div{display:grid;gap:2px}.v2055-student-flow .v2055-flow-head span{font:700 10px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.v2055-student-flow .v2055-flow-head b{font-size:14px}
.v2055-next{border:1px solid rgb(var(--accent-rgb) / .45);background:rgb(var(--accent-rgb) / .11);color:var(--txt);border-radius:11px;padding:9px 12px;font:700 12px var(--f);cursor:pointer}
.v2055-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.v2055-student-flow .v2055-flow-step{min-width:0;text-align:left;display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);border-radius:12px;padding:11px;cursor:pointer;font:inherit}
.v2055-student-flow .v2055-flow-step>span:first-child{width:25px;height:25px;flex:none;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.05);font:800 11px var(--m);color:var(--mut)}
.v2055-student-flow .v2055-flow-step b{display:block;font-size:13px}.v2055-student-flow .v2055-flow-step small{display:block;margin-top:3px;color:var(--mut);font-size:11px;line-height:1.35}
.v2055-student-flow .v2055-flow-step[data-state="done"]{border-color:rgba(51,214,192,.26)}.v2055-student-flow .v2055-flow-step[data-state="done"]>span:first-child{background:rgba(51,214,192,.13);color:var(--teal)}
.v2055-student-flow .v2055-flow-step[data-state="next"]{border-color:var(--teal);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .12)}.v2055-student-flow .v2055-flow-step[data-state="next"]>span:first-child{background:var(--teal);color:#062d2a}
.v2055-help{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);color:var(--mut);font-size:12px}.v2055-help b{color:var(--txt)}.v2055-help>div{display:flex;gap:6px;flex-wrap:wrap}.v2055-help button{border:1px solid var(--line);background:transparent;color:var(--txt);border-radius:999px;padding:5px 9px;font:700 11px var(--f);cursor:pointer}
@media(max-width:760px){.v2055-student-flow .v2055-flow-head{align-items:flex-start;flex-direction:column}.v2055-next{width:100%;text-align:center}.v2055-flow-grid{grid-template-columns:1fr 1fr}.v2055-help{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.v2055-flow-grid{grid-template-columns:1fr}.v2055-student-flow .v2055-student-flow .v2055-flow-step small{font-size:11.5px}.v2055-help>div{width:100%}.v2055-help button{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}


/* ===== brand-20.69.css ===== */
/* ITPlugg v20.69 – varumärkeslager
   Emblemet är en bild, namnet är riktig text. Det gör att ordmärket följer
   temafärgerna, håller sig skarpt vid alla skalningar och går att läsa upp
   för skärmläsare. Lagret är rent visuellt: inga bootkrokar, ingen observer,
   inga nätverksanrop och ingenting som fångar pekare.
   Ersätter brand-20.68.css. */

:root {
  --itp-mark: url('./itplugg-emblem-2069.png');
  --itp-mark-glow: drop-shadow(0 6px 16px rgba(46, 196, 232, .28));
}

/* =========================================================================
   1. Emblemet som märke i sidebar, kompaktnavigering och Lärarstudio.
   Den gamla plattan med ram tas bort – emblemet har egen lyster och behöver
   ingen ruta runt sig.
   ========================================================================= */
html[data-v1919-theme] .v1919-dev-brand > span,
html[data-itplugg-navigation="desktop"] .v1919-dev-brand > span,
.v1919-dev-brand > span,
html[data-v1919-theme] .v1939-brand-mark,
.v1939-brand-mark {
  color: transparent !important;
  font-size: 0 !important;
  background: var(--itp-mark) center / contain no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  filter: var(--itp-mark-glow) !important;
  overflow: visible !important;
}

.v1919-dev-brand > span img,
.v1939-brand-mark img { display: none !important; }

.v2052-studio-mark {
  background: var(--itp-mark) center / contain no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: var(--itp-mark-glow) !important;
}
.v2052-studio-mark span { display: none !important; }

/* =========================================================================
   2. Sidebar – två lägen.
   Öppen: emblem till vänster, ITPlugg och studieportal till höger.
   Minimerad: bara emblemet, större och centrerat, eftersom det då är
   sidebarens enda identitetsbärare.
   ========================================================================= */

/* Öppet läge: visa ordmärket igen. Bastemat gömmer det alltid. */
html[data-itplugg-navigation="desktop"] body:not(.v1919-nav-collapsed):not(.v1923-auto-compact) .v1919-dev-brand > div {
  display: block !important;
  min-width: 0;
}
html[data-itplugg-navigation="desktop"] body:not(.v1919-nav-collapsed):not(.v1923-auto-compact) .v1919-dev-brand > span {
  flex: 0 0 34px !important;
  height: 34px !important;
}
.v1919-dev-brand b {
  letter-spacing: -.02em;
  font-size: 15.5px;
}
.v1919-dev-brand small {
  opacity: .8;
  letter-spacing: .14em;
}

/* Minimerat läge: emblemet ensamt, centrerat och något större. */
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-brand,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v1919-dev-brand {
  justify-content: center !important;
  gap: 0 !important;
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v1919-dev-brand > span,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v1919-dev-brand > span {
  flex: 0 0 40px !important;
  height: 40px !important;
  margin: 2px auto 4px !important;
  filter: drop-shadow(0 8px 20px rgba(46, 196, 232, .38)) !important;
}

/* Mobilen öppnar sidebaren som en låda – där ska hela lockupen synas. */
@media (max-width: 900px) {
  .v1919-dev-sidebar .v1919-dev-brand > div { display: block !important; }
  .v1919-dev-sidebar .v1919-dev-brand { justify-content: flex-start !important; gap: 10px !important; }
  .v1919-dev-sidebar .v1919-dev-brand > span { flex: 0 0 34px !important; height: 34px !important; margin: 0 !important; }
}

/* =========================================================================
   3. Sidhuvudets lockup: emblem till vänster, namnet som text till höger.
   Tidigare låg hela loggan som en enda bild och texten var dold. Nu bär
   texten namnet, vilket gör den skarp i alla storlekar och läsbar i alla teman.
   ========================================================================= */
.brand-lockup {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  min-width: 0;
}

.brand-logo-primary {
  display: block !important;
  flex: 0 0 auto !important;
  width: 62px !important;
  height: 62px !important;
  max-width: none !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  background: none !important;
  filter: drop-shadow(0 10px 24px rgba(46, 196, 232, .26)) !important;
}

/* Bastemat gömmer textblocket med clip. Här tas det fram igen. */
.brand-lockup > div {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  border: 0 !important;
  min-width: 0;
}

.brand-lockup .kick {
  margin: 0 0 3px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .17em !important;
  text-transform: uppercase !important;
  opacity: .72;
}

.brand-lockup h1 {
  margin: 0 !important;
  font-size: clamp(27px, 4.2vw, 35px) !important;
  line-height: .98 !important;
  letter-spacing: -.035em !important;
  font-weight: 800 !important;
}

@media (max-width: 640px) {
  .brand-lockup { gap: 12px !important; }
  .brand-logo-primary { width: 50px !important; height: 50px !important; }
  .brand-lockup h1 { font-size: 25px !important; }
  .brand-lockup .kick { font-size: 9.5px !important; letter-spacing: .14em !important; }
}

/* På desktop bor det riktiga varumärket i sidebaren. Undvik dubbel lockup. */
html[data-itplugg-navigation="desktop"] body.v1919-nav-active .site-header .brand-lockup,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .site-header .brand-lockup,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .site-header .brand-lockup {
  display: none !important;
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-active .site-header,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .site-header,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .site-header {
  min-height: 0 !important;
  padding-top: 4px !important;
  justify-content: flex-end !important;
}

/* =========================================================================
   4. Sidebarens snabbstatus (oförändrad från v20.68).
   ========================================================================= */
.v2068-sidebar-status {
  margin: 10px 4px 4px;
  padding: 10px 11px;
  border: 1px solid rgba(76, 224, 241, .14);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(11, 34, 49, .72), rgba(5, 16, 26, .72));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}
.v2068-sidebar-status > span { display: flex; align-items: center; gap: 7px; color: #b7cbd8; font-size: 10px; font-weight: 800; }
.v2068-sidebar-status > span i { width: 7px; height: 7px; border-radius: 50%; background: #49d9aa; box-shadow: 0 0 0 4px rgba(73, 217, 170, .10); }
.v2068-sidebar-status small { display: block; margin-top: 5px; color: #7591a4; font-size: 9px; line-height: 1.35; }
.v2068-sidebar-status[data-online="0"] > span i { background: #f1b955; box-shadow: 0 0 0 4px rgba(241, 185, 85, .10); }

html[data-itplugg-navigation="desktop"] body:not(.v1919-nav-collapsed):not(.v1923-auto-compact) .v1919-dev-sidebar {
  box-shadow: 16px 0 44px rgba(0, 0, 0, .12) !important;
}
html[data-itplugg-navigation="desktop"] .v1919-dev-sidebar nav button:focus-visible,
html[data-itplugg-navigation="desktop"] .v1919-dev-sidebar footer button:focus-visible {
  outline: 2px solid rgba(78, 218, 238, .72) !important;
  outline-offset: 2px !important;
}

/* Varumärket får aldrig blockera appen. */
.brand-logo-primary,
.v1919-dev-brand > span,
.v1939-brand-mark,
.v2052-studio-mark { pointer-events: none !important; }

@media (prefers-reduced-motion: reduce) {
  .brand-logo-primary, .v1919-dev-brand > span { transition: none !important; }
}

/* =========================================================================
   5. Marknadssidorna (produkt, demo, pilot, kvalitet …).
   Där låg hela loggan som en enda bild. Nu är emblemet en bild och namnet
   riktig text som ärver sidans textfärg.
   ========================================================================= */
.brand-logo {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  max-width: none !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 20px rgba(46, 196, 232, .24)) !important;
}

.brand-word {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: inherit;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .brand-logo { width: 38px !important; height: 38px !important; }
  .brand-word { font-size: 17.5px; }
}

/* =========================================================================
   6. Snabbstatusen i minimerat läge.
   I den smala kolumnen får texten inte plats och kortet klämdes ihop till en
   oläslig klump. Minimerat reduceras kortet till enbart statusprickan –
   samma information, utan att bryta layouten.
   ========================================================================= */
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v2068-sidebar-status,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v2068-sidebar-status {
  margin: 10px auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: center !important;
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v2068-sidebar-status > span b,
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v2068-sidebar-status small,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v2068-sidebar-status > span b,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v2068-sidebar-status small {
  display: none !important;
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v2068-sidebar-status > span,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v2068-sidebar-status > span {
  gap: 0 !important;
  justify-content: center !important;
}
html[data-itplugg-navigation="desktop"] body.v1919-nav-collapsed .v2068-sidebar-status > span i,
html[data-itplugg-navigation="desktop"] body.v1923-auto-compact .v2068-sidebar-status > span i {
  width: 9px !important;
  height: 9px !important;
}


/* ===== student-readiness-20.70.css ===== */
/* ITPlugg v20.70 – Kursberedskap. Isolerat elevlager. */
.v2070-readiness-inline{display:inline-flex;align-items:center;gap:8px;border:1px solid rgb(var(--accent-rgb)/.25);background:rgb(var(--accent-rgb)/.075);color:var(--txt);border-radius:999px;padding:8px 12px;font:800 10px var(--m);letter-spacing:.04em;cursor:pointer}.v2070-readiness-inline:hover{border-color:rgb(var(--accent-rgb)/.48);background:rgb(var(--accent-rgb)/.12)}
.v2070-readiness-inline i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgb(var(--accent-rgb)/.09)}
.v2070-readiness-dialog{width:min(900px,calc(100vw - 28px));max-height:min(820px,calc(100dvh - 28px));padding:0;border:1px solid rgb(var(--accent-rgb)/.22);border-radius:26px;background:linear-gradient(180deg,#0d2236,#081827);color:var(--txt);box-shadow:0 40px 110px rgba(0,0,0,.46);overflow:hidden}.v2070-readiness-dialog::backdrop{background:rgba(1,8,14,.68);backdrop-filter:blur(6px)}
.v2070-readiness-shell{display:grid;grid-template-rows:auto 1fr auto;max-height:inherit}.v2070-readiness-head{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 20px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 84% 8%,rgb(var(--accent-rgb)/.18),transparent 34%)}.v2070-readiness-head small{display:block;color:var(--teal);font:900 9px var(--m);letter-spacing:.15em}.v2070-readiness-head h2{margin:5px 0 5px;font-size:clamp(25px,4vw,38px);letter-spacing:-.04em}.v2070-readiness-head p{margin:0;color:var(--mut);max-width:66ch}.v2070-readiness-close{flex:0 0 40px;width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:var(--txt);font-size:24px;cursor:pointer}
.v2070-readiness-body{overflow:auto;padding:22px 26px}.v2070-readiness-summary{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;padding:18px;border:1px solid rgb(var(--accent-rgb)/.18);border-radius:20px;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.09),rgba(128,167,255,.025))}.v2070-readiness-score{width:126px;height:126px;border-radius:38px;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 35% 25%,rgb(var(--accent-rgb)/.26),transparent 40%),#0a263a;border:1px solid rgb(var(--accent-rgb)/.28)}.v2070-readiness-score b{font-size:38px;line-height:1}.v2070-readiness-score span{margin-top:5px;color:var(--mut);font:800 8px var(--m);letter-spacing:.13em}.v2070-readiness-summary h3{margin:0 0 7px;font-size:22px}.v2070-readiness-summary p{margin:0;color:var(--mut)}
.v2070-readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.v2070-readiness-step{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.v2070-readiness-step[data-state="done"]{border-color:rgb(var(--accent-rgb)/.24);background:rgb(var(--accent-rgb)/.055)}.v2070-readiness-step[data-state="next"]{border-color:rgb(var(--accent-rgb)/.48);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb)/.12)}.v2070-readiness-step>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.045);font-weight:900}.v2070-readiness-step b,.v2070-readiness-step small{display:block}.v2070-readiness-step small{margin-top:4px;color:var(--mut);line-height:1.45}.v2070-readiness-step em{display:inline-block;margin-top:8px;color:var(--teal);font:900 8px var(--m);letter-spacing:.12em;font-style:normal}
.v2070-readiness-note{margin:16px 0 0;padding:13px 14px;border-left:3px solid rgb(var(--accent-rgb)/.45);background:rgba(255,255,255,.02);color:var(--mut);font-size:12px;line-height:1.55}.v2070-readiness-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 26px;border-top:1px solid var(--line);background:rgba(0,0,0,.08)}.v2070-readiness-foot span{color:var(--mut);font-size:11px}.v2070-readiness-actions{display:flex;gap:8px}.v2070-readiness-actions button{min-height:40px}
@media(max-width:680px){.v2070-readiness-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.v2070-readiness-head,.v2070-readiness-body,.v2070-readiness-foot{padding-left:18px;padding-right:18px}.v2070-readiness-summary{grid-template-columns:1fr}.v2070-readiness-score{width:104px;height:104px;border-radius:30px}.v2070-readiness-grid{grid-template-columns:1fr}.v2070-readiness-foot{align-items:stretch;flex-direction:column}.v2070-readiness-actions{display:grid;grid-template-columns:1fr 1fr}.v2070-readiness-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.v2070-readiness-dialog::backdrop{backdrop-filter:none}}


/* ===== teacher-brief-20.70.css ===== */
/* ITPlugg v20.70 – 60-sekunders lärarbrief */
.v2070-brief-open{margin-left:auto;min-height:36px;padding:8px 12px;border-radius:12px;border:1px solid rgb(var(--accent-rgb)/.24);background:rgb(var(--accent-rgb)/.07);color:var(--txt);font-weight:800;cursor:pointer}.v2070-brief-open:hover{background:rgb(var(--accent-rgb)/.12);border-color:rgb(var(--accent-rgb)/.42)}
.v2070-teacher-brief{width:min(820px,calc(100vw - 28px));max-height:min(820px,calc(100dvh - 28px));padding:0;border:1px solid rgb(var(--accent-rgb)/.24);border-radius:24px;background:#0a1d2d;color:var(--txt);box-shadow:0 40px 110px rgba(0,0,0,.48);overflow:hidden}.v2070-teacher-brief::backdrop{background:rgba(1,8,14,.7);backdrop-filter:blur(6px)}.v2070-brief-shell{display:grid;grid-template-rows:auto 1fr auto;max-height:inherit}.v2070-brief-head{display:flex;justify-content:space-between;gap:18px;padding:23px 25px 18px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 0,rgb(var(--accent-rgb)/.17),transparent 38%)}.v2070-brief-head small{color:var(--teal);font:900 9px var(--m);letter-spacing:.15em}.v2070-brief-head h2{margin:5px 0 4px;font-size:30px;letter-spacing:-.04em}.v2070-brief-head p{margin:0;color:var(--mut)}.v2070-brief-close{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--txt);font-size:23px;cursor:pointer}.v2070-brief-body{overflow:auto;padding:20px 25px}.v2070-brief-priority{padding:17px;border:1px solid rgb(var(--accent-rgb)/.25);border-radius:18px;background:rgb(var(--accent-rgb)/.065)}.v2070-brief-priority span{color:var(--teal);font:900 8px var(--m);letter-spacing:.13em}.v2070-brief-priority h3{margin:5px 0 6px;font-size:22px}.v2070-brief-priority p{margin:0;color:var(--mut)}.v2070-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.v2070-brief-card{padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}.v2070-brief-card span{display:block;color:var(--mut);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.v2070-brief-card b{display:block;margin-top:5px;font-size:18px}.v2070-brief-text{margin-top:14px;padding:14px;border-radius:14px;background:rgba(0,0,0,.14);font:12px/1.6 var(--m);white-space:pre-wrap;color:#c9d6e0}.v2070-brief-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 25px;border-top:1px solid var(--line)}.v2070-brief-foot span{color:var(--mut);font-size:10px}.v2070-brief-actions{display:flex;gap:8px}
@media(max-width:650px){.v2070-teacher-brief{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.v2070-brief-head,.v2070-brief-body,.v2070-brief-foot{padding-left:17px;padding-right:17px}.v2070-brief-grid{grid-template-columns:1fr}.v2070-brief-foot{align-items:stretch;flex-direction:column}.v2070-brief-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.v2070-brief-actions button{min-width:0}}
@media print{body>*{display:none!important}.v2070-teacher-brief[open]{display:block!important;position:static!important;width:100%!important;max-height:none!important;border:0!important;box-shadow:none!important;background:white!important;color:black!important}.v2070-teacher-brief[open] *{color:black!important}.v2070-brief-foot,.v2070-brief-close{display:none!important}}


/* ===== mastery-engine-20.71.css ===== */
/* ITPlugg v20.71 – Mastery Engine */
.v2071-mastery-dialog{border:0;padding:0;background:transparent;color:var(--txt,#f6f8fb);width:min(980px,calc(100vw - 28px));max-height:min(90vh,920px)}
.v2071-mastery-dialog::backdrop{background:rgba(2,7,14,.72);backdrop-filter:blur(8px)}
.v2071-mastery-shell{overflow:hidden;border:1px solid rgba(105,220,236,.22);border-radius:28px;background:linear-gradient(180deg,#0c1828 0%,#101a2d 44%,#0b1322 100%);box-shadow:0 36px 120px rgba(0,0,0,.48)}
.v2071-mastery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid rgba(255,255,255,.08)}
.v2071-mastery-head small,.v2071-mastery-eyebrow{color:#58d9ed;font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}
.v2071-mastery-head h2{margin:7px 0 8px;font-size:clamp(25px,4vw,40px);letter-spacing:-.04em}.v2071-mastery-head p{margin:0;color:#a9b7c8;max-width:720px;line-height:1.55}
.v2071-mastery-close{border:1px solid rgba(255,255,255,.12);background:#111e31;color:#dce9f3;width:40px;height:40px;border-radius:13px;font-size:25px;cursor:pointer}
.v2071-mastery-body{padding:22px 26px 26px;overflow:auto;max-height:calc(90vh - 170px)}
.v2071-mastery-summary{display:grid;grid-template-columns:minmax(240px,1.1fr) repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.v2071-mastery-summary article{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.025);padding:16px}.v2071-mastery-summary article:first-child{background:linear-gradient(135deg,rgba(54,211,226,.12),rgba(74,101,255,.08));border-color:rgba(86,220,234,.25)}
.v2071-mastery-summary span{display:block;color:#8fa2b5;font-size:12px}.v2071-mastery-summary b{display:block;font-size:clamp(23px,4vw,36px);letter-spacing:-.04em;margin:5px 0}.v2071-mastery-summary small{color:#91a2b4}
.v2071-mastery-breakthrough{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:19px 20px;border:1px solid rgba(86,220,234,.24);border-radius:21px;background:linear-gradient(135deg,rgba(28,82,111,.32),rgba(29,43,76,.28));margin-bottom:18px}.v2071-mastery-breakthrough h3{margin:5px 0 6px;font-size:24px}.v2071-mastery-breakthrough p{margin:0;color:#aab7c9;line-height:1.5}.v2071-mastery-breakthrough button{white-space:nowrap}
.v2071-mastery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v2071-mastery-goal{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025);padding:16px}.v2071-mastery-goal[data-tone="priority"]{border-color:rgba(255,185,93,.28);background:linear-gradient(135deg,rgba(125,76,24,.16),rgba(255,255,255,.02))}.v2071-mastery-goal header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.v2071-mastery-goal h3{font-size:17px;margin:0}.v2071-mastery-goal header em{font-style:normal;font-size:11px;color:#8fa2b5;border:1px solid rgba(255,255,255,.1);padding:4px 7px;border-radius:999px}.v2071-mastery-meter{height:7px;border-radius:999px;background:#07111c;overflow:hidden;margin:12px 0}.v2071-mastery-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3dd5de,#5addec,#8ea1ff)}.v2071-mastery-signals{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.v2071-mastery-signals span{font-size:11px;color:#a9b7c8;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:5px 8px}.v2071-mastery-goal p{color:#9dacbe;font-size:13px;line-height:1.48;margin:10px 0 12px}.v2071-mastery-goal button{width:100%}
.v2071-mastery-note{margin:17px 0 0;color:#8295aa;font-size:12px;line-height:1.5}.v2071-mastery-launch{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:7px 10px;border-radius:999px;border:1px solid rgba(86,220,234,.22);background:rgba(31,75,101,.2);color:#8cecff;font-size:11px;font-weight:850;cursor:pointer}.v2071-mastery-launch i{width:7px;height:7px;border-radius:50%;background:#4edacc;box-shadow:0 0 0 5px rgba(78,218,204,.09)}
@media(max-width:760px){.v2071-mastery-dialog{width:calc(100vw - 18px)}.v2071-mastery-head,.v2071-mastery-body{padding-left:17px;padding-right:17px}.v2071-mastery-summary{grid-template-columns:1fr 1fr}.v2071-mastery-summary article:first-child{grid-column:1/-1}.v2071-mastery-breakthrough{grid-template-columns:1fr}.v2071-mastery-breakthrough button{width:100%}.v2071-mastery-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.v2071-mastery-dialog *{scroll-behavior:auto!important;transition:none!important}}


/* ===== teacher-intervention-20.71.css ===== */
/* ITPlugg v20.71 – Teacher Intervention Board */
.v2071-intervention{margin:16px 0;border:1px solid rgba(106,220,235,.18);border-radius:22px;background:linear-gradient(135deg,rgba(15,31,49,.92),rgba(19,27,50,.94));padding:18px}.v2071-intervention>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:13px}.v2071-intervention>header small{color:#59d9ee;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.v2071-intervention h3{margin:5px 0 5px;font-size:21px}.v2071-intervention p{margin:0;color:#93a5b9;line-height:1.45}.v2071-intervention-stat{white-space:nowrap;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 10px;color:#a8b8c8;font-size:11px}.v2071-intervention-priority{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid rgba(255,178,79,.2);background:rgba(113,67,18,.12);border-radius:17px;padding:14px;margin-bottom:12px}.v2071-intervention-priority small{color:#ffbd69;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.v2071-intervention-priority h4{margin:4px 0 4px;font-size:18px}.v2071-intervention-priority p{font-size:12px}.v2071-intervention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.v2071-intervention-row{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.02);padding:12px}.v2071-intervention-row b{display:block;font-size:14px}.v2071-intervention-row span{display:block;color:#8fa2b5;font-size:11px;margin:5px 0}.v2071-intervention-bar{height:6px;border-radius:999px;background:#07111c;overflow:hidden}.v2071-intervention-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffb75f,#56d8ea);border-radius:inherit}.v2071-intervention-empty{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px dashed rgba(255,255,255,.12);border-radius:16px;padding:14px}.v2071-intervention-note{font-size:11px!important;margin-top:11px!important;color:#73879b!important}
@media(max-width:800px){.v2071-intervention-grid{grid-template-columns:1fr}.v2071-intervention-priority,.v2071-intervention-empty{grid-template-columns:1fr}.v2071-intervention>header{flex-direction:column}.v2071-intervention-stat{white-space:normal}}


/* ===== skill-passport-20.72.css ===== */
/* ITPlugg v20.72 – Skill Passport */
.v2072-passport-dialog{width:min(1080px,calc(100vw - 28px));max-height:min(90vh,960px);padding:0;border:1px solid rgb(var(--accent-rgb)/.28);border-radius:26px;background:#0b1624;color:var(--txt);box-shadow:0 36px 120px rgba(0,0,0,.55);overflow:auto}.v2072-passport-dialog::backdrop{background:rgba(2,8,16,.72);backdrop-filter:blur(8px)}.v2072-passport-shell{padding:26px}.v2072-passport-head,.v2072-passport-identity,.v2072-passport-next,.v2072-passport-matrix>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.v2072-passport-head small,.v2072-passport-next small,.v2072-passport-matrix small{font:800 11px/1.2 var(--m);letter-spacing:.13em;color:var(--teal)}.v2072-passport-head h2{font-size:clamp(28px,4vw,46px);margin:8px 0}.v2072-passport-head p{max-width:720px;color:var(--mut)}.v2072-passport-close{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:transparent;color:var(--txt);font-size:24px;cursor:pointer}.v2072-passport-identity{margin:24px 0;padding:18px 20px;border:1px solid rgb(var(--accent-rgb)/.22);border-radius:18px;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.10),rgba(128,167,255,.04))}.v2072-passport-identity span{display:block;font:800 10px var(--m);letter-spacing:.12em;color:var(--mut)}.v2072-passport-identity b{display:block;font-size:22px;margin:4px 0}.v2072-passport-identity small{color:var(--mut)}.v2072-passport-actions{display:flex;gap:8px;flex-wrap:wrap}.v2072-passport-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v2072-passport-stats article{padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.v2072-passport-stats b{display:block;font-size:30px}.v2072-passport-stats span{color:var(--mut);font-size:13px}.v2072-passport-next{margin:18px 0;padding:20px;border:1px solid rgb(var(--accent-rgb)/.26);border-radius:20px;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.12),rgba(128,167,255,.05))}.v2072-passport-next h3{font-size:26px;margin:5px 0}.v2072-passport-next p{color:var(--mut);margin:0}.v2072-passport-matrix{margin-top:22px;border:1px solid var(--line);border-radius:20px;padding:20px;background:rgba(255,255,255,.018)}.v2072-passport-matrix h3{margin:5px 0}.v2072-passport-matrix>header>span{color:var(--mut);font-size:13px}.v2072-table-wrap{overflow:auto;margin-top:14px}.v2072-passport-matrix table{width:100%;border-collapse:collapse;min-width:720px}.v2072-passport-matrix th,.v2072-passport-matrix td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}.v2072-passport-matrix thead th{font:800 10px var(--m);letter-spacing:.09em;color:var(--mut)}.v2072-proof-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:#56616e}.v2072-proof-dot.on{background:var(--teal);box-shadow:0 0 14px rgb(var(--accent-rgb)/.6)}.v2072-strength{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid var(--line)}.v2072-strength[data-tone="strong"]{color:#7ff4c7;border-color:rgba(127,244,199,.28)}.v2072-strength[data-tone="growing"]{color:#ffd86b;border-color:rgba(255,216,107,.28)}.v2072-passport-types{margin:18px 0}.v2072-passport-types h3{font-size:15px}.v2072-passport-types>div{display:flex;gap:8px;flex-wrap:wrap}.v2072-passport-types span{padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:var(--mut);font-size:12px}.v2072-passport-note{padding:14px 16px;border-left:3px solid var(--teal);background:rgb(var(--accent-rgb)/.06);color:var(--mut);border-radius:0 12px 12px 0}.v2072-passport-inline{margin-top:12px;border:1px solid rgb(var(--accent-rgb)/.28);background:rgb(var(--accent-rgb)/.08);color:var(--teal);border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}@media(max-width:760px){.v2072-passport-shell{padding:18px}.v2072-passport-head,.v2072-passport-identity,.v2072-passport-next{flex-direction:column}.v2072-passport-stats{grid-template-columns:1fr 1fr}.v2072-passport-actions{width:100%}.v2072-passport-actions .btn,.v2072-passport-next .btn{width:100%}}@media(max-width:480px){.v2072-passport-stats{grid-template-columns:1fr}.v2072-passport-dialog{width:calc(100vw - 16px)}}


/* ===== teacher-strategy-20.72.css ===== */
/* ITPlugg v20.72 – Teacher Intelligence / Class Strategy */
.v2072-strategy{margin:18px 0;border:1px solid rgb(var(--accent-rgb)/.20);border-radius:22px;padding:20px;background:linear-gradient(145deg,rgba(12,29,44,.98),rgba(15,24,42,.97));box-shadow:0 18px 54px rgba(0,0,0,.16)}.v2072-strategy>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.v2072-strategy>header small{font:800 10px var(--m);letter-spacing:.12em;color:var(--teal)}.v2072-strategy h3{font-size:24px;margin:5px 0 7px}.v2072-strategy>header p{color:var(--mut);margin:0;max-width:760px}.v2072-strategy-confidence{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;white-space:nowrap;color:var(--mut);font-size:12px}.v2072-strategy-confidence i{width:8px;height:8px;border-radius:50%;background:#f4c85b}.v2072-strategy[data-confidence="high"] .v2072-strategy-confidence i{background:#61e7b4;box-shadow:0 0 12px rgba(97,231,180,.5)}.v2072-strategy[data-confidence="low"] .v2072-strategy-confidence i{background:#ff9d70}.v2072-strategy-context{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.v2072-strategy-context span{padding:6px 9px;border-radius:999px;border:1px solid var(--line);font-size:11px;color:var(--mut)}.v2072-strategy-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.v2072-strategy-timeline article{display:flex;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02);min-height:118px}.v2072-strategy-timeline article>div{width:38px;flex:0 0 38px;text-align:center}.v2072-strategy-timeline article>div b{display:block;font-size:21px;color:var(--teal)}.v2072-strategy-timeline article>div small{font-size:9px;color:var(--mut)}.v2072-strategy-timeline section small{font:800 9px var(--m);letter-spacing:.07em;color:var(--mut)}.v2072-strategy-timeline p{font-size:12px;color:var(--txt);margin:7px 0 0}.v2072-strategy>footer{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.v2072-strategy>footer b{font-size:12px}.v2072-strategy>footer p{font-size:11px;color:var(--mut);margin:3px 0;max-width:620px}.v2072-strategy-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:1080px){.v2072-strategy-timeline{grid-template-columns:1fr 1fr}.v2072-strategy-timeline article:last-child{grid-column:1/-1}}@media(max-width:700px){.v2072-strategy>header,.v2072-strategy>footer{flex-direction:column;align-items:stretch}.v2072-strategy-timeline{grid-template-columns:1fr}.v2072-strategy-timeline article:last-child{grid-column:auto}.v2072-strategy-actions{display:grid;justify-content:stretch}.v2072-strategy-actions .btn{width:100%}}


/* ===== learning-intelligence-20.73.css ===== */
.v2073-dialog{width:min(1060px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--txt);box-shadow:0 28px 90px rgba(0,0,0,.5)}.v2073-dialog::backdrop{background:rgba(1,8,15,.76);backdrop-filter:blur(8px)}.v2073-shell{display:flex;max-height:calc(100vh - 30px);flex-direction:column}.v2073-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgb(var(--accent-rgb)/.11),transparent)}.v2073-head small,.v2073-section header small,.v2073-next small,.v2073-signal-detail small,.v2073-mastery-bridge small{color:var(--teal);font:900 9px var(--m);letter-spacing:.13em}.v2073-head h2{margin:5px 0;font-size:clamp(22px,3.2vw,34px);letter-spacing:-.035em}.v2073-head p,.v2073-section p{margin:0;color:var(--mut);line-height:1.55}.v2073-head>button{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line);border-radius:13px;background:var(--bg2);color:var(--txt);font-size:23px;cursor:pointer}.v2073-shell>main{overflow:auto;padding:20px 24px}.v2073-next{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid rgb(var(--accent-rgb)/.36);border-radius:18px;background:linear-gradient(135deg,rgb(var(--accent-rgb)/.12),rgba(128,167,255,.045))}.v2073-next h3{margin:5px 0;font-size:20px}.v2073-section{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--bg2)}.v2073-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}.v2073-section>header h2{margin:4px 0 0;font-size:19px}.v2073-section>header>span{color:var(--mut);font:10px var(--m)}.v2073-signals{display:grid;gap:10px}.v2073-signal{border:1px solid var(--line);border-radius:15px;background:var(--bg);overflow:hidden}.v2073-signal[data-strength="strong"]{border-color:rgba(242,178,51,.42)}.v2073-signal>header{display:flex;justify-content:space-between;gap:12px;padding:15px 15px 0}.v2073-signal h3{margin:4px 0;font-size:17px}.v2073-signal>header>span{height:max-content;padding:5px 8px;border-radius:999px;background:rgb(var(--accent-rgb)/.1);color:var(--teal);font:9px var(--m)}.v2073-signal>p{padding:0 15px}.v2073-why{margin:12px 15px;padding:10px 12px;border-left:3px solid var(--amber);border-radius:0 9px 9px 0;background:rgba(242,178,51,.07);font-size:12px}.v2073-why p{margin-top:3px}.v2073-signal details{border-top:1px solid var(--line)}.v2073-signal summary{padding:12px 15px;cursor:pointer;font-weight:750}.v2073-signal-detail{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 15px 15px}.v2073-signal-detail section,.v2073-signal-detail footer{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}.v2073-signal-detail section p,.v2073-signal-detail footer p{margin:5px 0 0}.v2073-signal-detail footer{grid-column:1/-1}.v2073-check>div{display:grid;gap:6px;margin-top:10px}.v2073-check button{min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--txt);text-align:left;cursor:pointer}.v2073-check-result{min-height:20px;margin-top:8px!important;font-weight:700}.v2073-check-result[data-ok="true"]{color:var(--teal)}.v2073-check-result[data-ok="false"]{color:var(--rose)}.v2073-calibration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v2073-calibration-grid article{display:grid;gap:2px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.v2073-calibration-grid article[data-priority="1"]{border-color:rgba(242,114,111,.5);background:rgba(242,114,111,.07)}.v2073-calibration-grid b{font-size:23px}.v2073-calibration-grid span{color:var(--mut);font-size:11px}.v2073-calibration-copy{margin-top:11px!important}.v2073-retention-list{display:grid;gap:8px}.v2073-retention-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.v2073-retention-card>span{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgb(var(--accent-rgb)/.12);color:var(--teal);font:900 9px var(--m)}.v2073-retention-card h3{margin:0 0 3px;font-size:15px}.v2073-retention-card p{font-size:12px}.v2073-retention-card small{display:block;margin-top:4px;color:var(--mut);font-size:10px;line-height:1.4}.v2073-empty{padding:14px;border:1px dashed var(--line);border-radius:13px;color:var(--mut)}.v2073-empty b{color:var(--txt)}.v2073-empty p{margin:4px 0 0}.v2073-boundary{margin:16px 2px 0;color:var(--mut);font-size:10.5px;line-height:1.5}.v2073-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 24px;border-top:1px solid var(--line);color:var(--mut);font-size:10px}.v2073-confidence{margin:0 0 14px;padding:12px;border:1px solid rgb(var(--accent-rgb)/.35);border-radius:14px;background:rgb(var(--accent-rgb)/.065)}.v2073-confidence legend{padding:0 4px;font-weight:800}.v2073-confidence>div{display:flex;gap:7px;margin-top:4px}.v2073-confidence button{min-height:44px;flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--txt);cursor:pointer}.v2073-confidence button[aria-pressed="true"]{border-color:var(--teal);background:rgb(var(--accent-rgb)/.15);box-shadow:0 0 0 2px rgb(var(--accent-rgb)/.12)}.v2073-confidence small{display:block;margin-top:7px;color:var(--mut);font-size:10px}.v2073-calibration-alert{margin-top:12px;padding:11px 12px;border:1px solid rgb(var(--accent-rgb)/.3);border-radius:11px;background:rgb(var(--accent-rgb)/.07)}.v2073-calibration-alert[data-tone="priority"]{border-color:rgba(242,178,51,.45);background:rgba(242,178,51,.08)}.v2073-calibration-alert p{margin:4px 0 0}.v2073-inline,.v2071-mastery-launch,.v2070-readiness-inline{margin-top:7px;margin-right:6px}.v2073-inline{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgb(var(--accent-rgb)/.3);border-radius:999px;background:rgb(var(--accent-rgb)/.07);color:var(--txt);font:800 10px var(--m);cursor:pointer}.v2073-inline i{width:7px;height:7px;border-radius:50%;background:var(--amber)}.v2073-mastery-bridge{margin:14px 0;padding:15px;border:1px solid rgba(242,178,51,.35);border-radius:15px;background:rgba(242,178,51,.065)}.v2073-mastery-bridge header{display:flex;align-items:center;justify-content:space-between;gap:12px}.v2073-mastery-bridge h3{margin:4px 0;font-size:16px}.v2073-mastery-bridge p{margin:8px 0 0;color:var(--mut);font-size:12px}.v2073-mastery-bridge p b{color:var(--txt)}
@media(max-width:700px){.v2073-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:18px}.v2073-shell{max-height:calc(100vh - 18px)}.v2073-head,.v2073-shell>main,.v2073-shell>footer{padding-left:14px;padding-right:14px}.v2073-next,.v2073-section>header,.v2073-shell>footer,.v2073-mastery-bridge header{align-items:stretch;flex-direction:column}.v2073-signal-detail{grid-template-columns:1fr}.v2073-signal-detail footer{grid-column:auto}.v2073-calibration-grid{grid-template-columns:1fr 1fr}.v2073-retention-card{grid-template-columns:auto 1fr}.v2073-retention-card .btn{grid-column:1/-1;width:100%}.v2073-confidence>div{display:grid;grid-template-columns:1fr}.v2073-confidence button{width:100%}.v2073-next .btn{width:100%}.v2073-section>header>span{align-self:flex-start}.v2073-shell>footer .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.v2073-dialog::backdrop{backdrop-filter:none}.v2073-dialog *{scroll-behavior:auto!important;transition:none!important}}


/* ===== explain-prove-20.74.css ===== */
/* ITPlugg v20.74 – Teach-back, Evidence Pipeline och Learning Replay */
.v2074-dialog{width:min(1120px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #326273;border-radius:24px;background:#0b1f33;color:#e9f1f5;box-shadow:0 28px 90px #000b;overflow:hidden}.v2074-dialog::backdrop{background:#020812d9;backdrop-filter:blur(5px)}.v2074-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}.v2074-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px 18px;background:linear-gradient(135deg,#102e49,#0b1f33 62%);border-bottom:1px solid #24455e}.v2074-head small,.v2074-intro small,.v2074-prompt>small,.v2074-analysis header small,.v2074-passport-bridge small{display:block;color:#61e0cf;font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.v2074-head h1{margin:5px 0 4px;font-size:clamp(23px,3vw,35px);line-height:1.12}.v2074-head p,.v2074-intro p{margin:0;color:#a9bdcb;max-width:760px}.v2074-head>[data-v2074-close]{flex:none;width:44px;height:44px;border:1px solid #36546b;border-radius:14px;background:#132f47;color:#fff;font-size:28px;cursor:pointer}.v2074-tabs{display:flex;gap:6px;padding:10px 26px;background:#081a2b;border-bottom:1px solid #24455e;overflow-x:auto}.v2074-tabs button{min-height:44px;padding:9px 15px;border:1px solid transparent;border-radius:12px;background:transparent;color:#a9bdcb;font-weight:750;white-space:nowrap;cursor:pointer}.v2074-tabs button[aria-selected="true"]{background:#173c52;border-color:#2c6772;color:#fff}.v2074-shell>main{overflow:auto;padding:24px 26px 30px}.v2074-shell>footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 26px;border-top:1px solid #24455e;background:#081a2b;color:#91a8b8;font-size:13px}.v2074-panel{max-width:1000px;margin:auto}.v2074-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}.v2074-intro h2{margin:4px 0;font-size:clamp(21px,2.5vw,30px)}.v2074-intro label{display:grid;gap:6px;min-width:230px;color:#b9cbd6;font-size:13px}.v2074-intro select,.v2074-panel textarea{border:1px solid #36546b;border-radius:12px;background:#071827;color:#fff;font:inherit}.v2074-intro select{min-height:44px;padding:8px 12px}.v2074-prompt{padding:18px 20px;border:1px solid #2b6070;border-radius:18px;background:linear-gradient(135deg,#123a4a,#10283d)}.v2074-prompt h3{margin:6px 0;font-size:20px}.v2074-prompt p{margin:0;color:#a9bdcb}.v2074-panel form{display:grid;gap:9px;margin-top:18px}.v2074-panel form>label{font-weight:750}.v2074-panel textarea{width:100%;min-height:170px;padding:14px;resize:vertical;line-height:1.55}.v2074-form-actions{display:flex;align-items:center;gap:14px}.v2074-form-actions span{color:#91a8b8;font-size:12px}.v2074-analysis{margin-top:20px;border:1px solid #36546b;border-radius:18px;overflow:hidden;background:#0d273c}.v2074-analysis>header{display:flex;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid #2c465b}.v2074-analysis h3{margin:4px 0}.v2074-analysis header>span,.v2074-count{padding:5px 9px;border-radius:99px;background:#153e4c;color:#75eadb;font-size:12px}.v2074-analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.v2074-analysis-grid article{padding:15px;border:1px solid #2c465b;border-radius:14px;background:#0a1f31}.v2074-analysis-grid article[data-tone="included"]{border-color:#246a60}.v2074-analysis-grid article[data-tone="missing"]{border-color:#73542d}.v2074-analysis-grid h4{margin:0 0 8px}.v2074-analysis-grid ul{margin:0;padding-left:20px;color:#bfd0da}.v2074-analysis-grid li+li{margin-top:6px}.v2074-analysis>footer{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid #2c465b}.v2074-analysis>footer small{margin-left:auto;color:#91a8b8}.v2074-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0;list-style:none}.v2074-pipeline li{min-height:115px;padding:15px;border:1px solid #314b60;border-radius:15px;background:#0b2134;color:#91a8b8}.v2074-pipeline li[data-active="1"]{border-color:#27746b;background:#0f303e;color:#cce8e4}.v2074-pipeline b,.v2074-pipeline span{display:block}.v2074-pipeline span{margin-top:7px;font-size:13px}.v2074-evidence-list{display:grid;gap:11px;margin-top:20px}.v2074-evidence-list>article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #314b60;border-radius:15px;background:#0b2134}.v2074-evidence-list h3{margin:3px 0}.v2074-evidence-list p{margin:3px 0;color:#b4c7d2}.v2074-evidence-list small,.v2074-evidence-list span{color:#87a4b6;font-size:12px}.v2074-existing-actions{display:flex;gap:10px;margin-top:16px}.v2074-empty{padding:25px;border:1px dashed #466175;border-radius:16px;text-align:center;color:#abc0cc}.v2074-boundary{margin:20px 0 0;padding:13px 15px;border-radius:12px;background:#081a2b;color:#9bb1bf;font-size:13px}.v2074-replay{position:relative;display:grid;padding-left:8px}.v2074-replay:before{content:"";position:absolute;left:18px;top:16px;bottom:16px;width:2px;background:#294d61}.v2074-replay>article{position:relative;display:grid;grid-template-columns:22px 1fr;gap:14px;padding:12px 0}.v2074-replay>article>i{position:relative;z-index:1;width:14px;height:14px;margin-top:5px;border:3px solid #0b1f33;border-radius:50%;background:#55ddca;box-shadow:0 0 0 2px #2d6c70}.v2074-replay article[data-type="mastery"]>i{background:#f2b233}.v2074-replay article[data-type="teachback"]>i{background:#8ca8ff}.v2074-replay article[data-type="retention"]>i{background:#f2726f}.v2074-replay article>div{padding:13px 16px;border:1px solid #314b60;border-radius:14px;background:#0b2134}.v2074-replay h3{margin:3px 0}.v2074-replay p{margin:4px 0;color:#b6c9d4}.v2074-replay small{color:#78dccc}.v2074-replay details{margin-top:8px;color:#9fb6c4}.v2074-replay summary{cursor:pointer;font-weight:700}.v2074-passport-bridge{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:14px 0;padding:17px 18px;border:1px solid #2f6670;border-radius:16px;background:#102f40}.v2074-passport-bridge h3{margin:4px 0}.v2074-passport-bridge p{margin:0;color:#abc1cd}.v2074-inline{display:inline-flex;align-items:center;gap:8px;min-height:38px;margin:6px 0 0 8px;padding:7px 11px;border:1px solid #2d6570;border-radius:99px;background:#102f40;color:#eaf7f5;font:700 12px system-ui;cursor:pointer}.v2074-inline i{width:8px;height:8px;border-radius:50%;background:#7ce7d7}.v2073-next>[data-v2074-from-insights]{align-self:center;white-space:nowrap}
@media(max-width:760px){.v2074-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:18px}.v2074-shell{max-height:calc(100dvh - 20px)}.v2074-head{padding:18px 17px 14px}.v2074-head p{display:none}.v2074-tabs{padding:8px 14px}.v2074-shell>main{padding:18px 15px 25px}.v2074-shell>footer{padding:10px 15px}.v2074-shell>footer>span{display:none}.v2074-intro{align-items:stretch;flex-direction:column}.v2074-intro label{min-width:0}.v2074-analysis-grid,.v2074-pipeline{grid-template-columns:1fr}.v2074-analysis>header,.v2074-analysis>footer,.v2074-evidence-list>article,.v2074-passport-bridge{align-items:stretch;flex-direction:column}.v2074-analysis>footer small{margin-left:0}.v2074-form-actions,.v2074-existing-actions{align-items:stretch;flex-direction:column}.v2074-form-actions .btn,.v2074-existing-actions .btn,.v2074-evidence-list .btn{width:100%;min-height:44px}.v2074-pipeline li{min-height:0}.v2074-inline{margin-left:0}}
@media(prefers-reduced-motion:reduce){.v2074-dialog::backdrop{backdrop-filter:none}.v2074-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(pointer:coarse){.v2074-dialog button,.v2074-dialog select{min-height:44px}}


/* ===== career-missions-20.75.css ===== */
/* ITPlugg v20.75 – Career Missions & Scenario Campaigns */
.v2075-entry{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 22px;padding:22px 24px;border:1px solid #2c6871;border-radius:20px;background:linear-gradient(135deg,#123d49,#10283e);color:#eaf4f7}.v2075-entry small,.v2075-head small,.v2075-campaign header small,.v2075-detail header small,.v2075-context>small,.v2075-lab-link small{color:#65e3d2;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.v2075-entry h2{margin:5px 0}.v2075-entry p{margin:0;color:#b3c7d2}.v2075-entry>div:last-child{display:grid;justify-items:end;gap:8px}.v2075-dialog{width:min(1160px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #326273;border-radius:24px;background:#0b1f33;color:#e9f1f5;box-shadow:0 28px 90px #000b;overflow:hidden}.v2075-dialog::backdrop{background:#020812dc;backdrop-filter:blur(5px)}.v2075-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}.v2075-head{display:flex;justify-content:space-between;gap:22px;padding:21px 25px;background:linear-gradient(135deg,#112f49,#0b1f33);border-bottom:1px solid #27475d}.v2075-head h1{margin:5px 0 0;font-size:clamp(22px,3vw,34px)}.v2075-head>[data-v2075-close]{width:44px;height:44px;border:1px solid #3b5c72;border-radius:14px;background:#153149;color:#fff;font-size:27px}.v2075-shell>main{overflow:auto;padding:24px 26px 32px}.v2075-shell>footer{display:flex;align-items:center;justify-content:space-between;padding:11px 25px;border-top:1px solid #27475d;background:#081a2b;color:#91a9b8;font-size:13px}.v2075-campaign>header,.v2075-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.v2075-campaign>header h2,.v2075-detail>header h2{margin:5px 0;font-size:clamp(22px,3vw,32px)}.v2075-campaign>header p,.v2075-detail>header p{max-width:780px;margin:0;color:#b2c6d2}.v2075-campaign>header>div:last-child{min-width:100px;padding:15px;border:1px solid #326273;border-radius:16px;text-align:center;background:#102d41}.v2075-campaign>header>div:last-child b{display:block;font-size:26px}.v2075-campaign>header>div:last-child span{font-size:12px;color:#9db3c1}.v2075-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:22px 0}.v2075-flow span{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid #2d4d62;border-radius:12px;background:#0c2336;font-size:12px}.v2075-flow i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1c5660;color:#fff;font-style:normal}.v2075-missions{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.v2075-missions article{display:grid;gap:12px;padding:18px;border:1px solid #304e62;border-radius:17px;background:#0b2235}.v2075-missions article[data-state="done"]{border-color:#277469}.v2075-missions article[data-state="locked"]{opacity:.56}.v2075-missions h3{margin:4px 0}.v2075-missions p{margin:0;color:#adc1cd}.v2075-mission-meta{display:flex;flex-wrap:wrap;gap:7px}.v2075-mission-meta span{padding:4px 8px;border-radius:99px;background:#142f43;color:#9db5c4;font-size:11px}.v2075-missions .btn{justify-self:start}.v2075-campaign>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px;padding:14px 16px;border-radius:13px;background:#081a2b;color:#9db3c1}.v2075-campaign>footer p{margin:0;max-width:750px}.v2075-back{margin-bottom:14px;border:0;background:transparent;color:#77dfd1;font-weight:750;cursor:pointer}.v2075-process-score{min-width:120px;padding:16px;border:1px solid #326273;border-radius:16px;text-align:center;background:#102d41}.v2075-process-score b,.v2075-process-score span{display:block}.v2075-process-score b{font-size:26px}.v2075-process-score span{font-size:12px;color:#9db3c1}.v2075-context{margin:18px 0;padding:15px 17px;border:1px solid #64542e;border-radius:15px;background:#2a2518}.v2075-context>p{margin:7px 0 0;color:#c9bd9d}.v2075-context article{display:grid;grid-template-columns:200px 1fr auto;gap:12px;align-items:center;padding-top:9px}.v2075-context article+article{border-top:1px solid #5a4d2e;margin-top:8px}.v2075-context article p{margin:0;color:#d5c9ab}.v2075-context article span{font-size:11px;color:#ad9e7b}.v2075-lab-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid #2b6670;border-radius:16px;background:#0f303f}.v2075-lab-link h3{margin:4px 0}.v2075-lab-link p{margin:0;color:#abc1cc}.v2075-lab-link>div:last-child{display:flex;gap:8px}.v2075-steps{display:grid;gap:10px;margin:18px 0}.v2075-steps>label{display:grid;grid-template-columns:300px 1fr;gap:15px;padding:13px;border:1px solid #304e62;border-radius:14px;background:#0b2235}.v2075-steps>label[data-done="1"]{border-color:#277469}.v2075-steps label>span{display:grid;grid-template-columns:32px 1fr;column-gap:9px;align-content:start}.v2075-steps i{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1b4b58;font-style:normal}.v2075-steps b{align-self:end}.v2075-steps small{color:#94aebb}.v2075-steps textarea{min-height:82px;padding:10px 12px;border:1px solid #3a586d;border-radius:11px;background:#071827;color:#fff;font:inherit;resize:vertical}.v2075-decision{margin:18px 0;padding:17px;border:1px solid #38566c;border-radius:15px}.v2075-decision legend{padding:0 8px;font-weight:800}.v2075-decision>p{margin:0 0 10px;color:#a9bec9}.v2075-decision>label{display:flex;gap:10px;padding:11px;border-radius:11px;background:#0b2235}.v2075-decision>label+label{margin-top:8px}.v2075-decision label span,.v2075-decision label b,.v2075-decision label small{display:block}.v2075-decision label small{margin-top:3px;color:#93adba}.v2075-detail>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid #304e62;border-radius:15px;background:#081a2b}.v2075-detail>footer b,.v2075-detail>footer span{display:block}.v2075-detail>footer span{color:#9db3c1;font-size:13px}
@media(max-width:760px){.v2075-entry,.v2075-campaign>header,.v2075-detail>header,.v2075-campaign>footer,.v2075-lab-link,.v2075-detail>footer{align-items:stretch;flex-direction:column}.v2075-entry>div:last-child{justify-items:stretch}.v2075-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:18px}.v2075-shell{max-height:calc(100dvh - 20px)}.v2075-head{padding:17px}.v2075-shell>main{padding:18px 15px 25px}.v2075-shell>footer{padding:10px 15px}.v2075-shell>footer>span{display:none}.v2075-flow{grid-template-columns:repeat(2,1fr)}.v2075-missions{grid-template-columns:1fr}.v2075-context article{grid-template-columns:1fr}.v2075-lab-link>div:last-child{flex-direction:column}.v2075-steps>label{grid-template-columns:1fr}.v2075-detail .btn,.v2075-entry .btn{width:100%;min-height:44px}.v2075-process-score{min-width:0}.v2075-campaign>header>div:last-child{min-width:0}}
@media(prefers-reduced-motion:reduce){.v2075-dialog::backdrop{backdrop-filter:none}.v2075-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(pointer:coarse){.v2075-dialog button,.v2075-dialog textarea,.v2075-dialog input{min-height:44px}}


/* ===== ux-polish-20.70.css ===== */
/* ITPlugg v20.70 – låg-risk UX-finish. Ingen layoutmotor eller overlay. */
html{scrollbar-gutter:stable}::selection{background:rgba(70,215,235,.26);color:var(--txt)}
a,button{-webkit-tap-highlight-color:transparent}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgb(var(--accent-rgb)/.78);outline-offset:3px}
@media(hover:hover){.btn:not(:disabled),button:not(:disabled){transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.btn:not(:disabled):active,button:not(:disabled):active{transform:translateY(1px)}}
@media(max-width:760px){.btn{min-height:44px}.v1939-nav-button{min-height:46px}.version-footer{padding-inline:12px}.home-screen{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.btn,button{transition:none!important}}


/* ===== v20.95: kompakt kvitto vid rätt svar =====
   Rätt svar ska gå fort. Förklaringen finns kvar men hopfälld, så den som
   vill fördjupa sig kan, utan att alla andra tvingas scrolla förbi den. */
.answer-feedback.is-correct .feedback-title b{font-size:17px;color:#6fe3b4}
.answer-feedback.is-correct .fb-more{margin-top:10px;border-top:1px solid rgba(120,150,170,.18);padding-top:8px}
.answer-feedback.is-correct .fb-more>summary{cursor:pointer;list-style:none;font-size:13px;font-weight:600;
  opacity:.72;padding:4px 0;user-select:none}
.answer-feedback.is-correct .fb-more>summary::-webkit-details-marker{display:none}
.answer-feedback.is-correct .fb-more>summary::before{content:"▸ ";display:inline-block;transition:transform .15s ease}
.answer-feedback.is-correct .fb-more[open]>summary::before{content:"▾ "}
.answer-feedback.is-correct .fb-more>summary:hover{opacity:1}
.answer-feedback.is-correct .explanation-box,
.answer-feedback.is-correct .memory-rule{margin-top:8px}
@media(prefers-reduced-motion:reduce){.answer-feedback.is-correct .fb-more>summary::before{transition:none}}

/* ===== v21.00: sidfotens uppgraderingsbesked ===== */
.v1940-build[data-upgraded="1"]{color:#6fe3b4;font-weight:700}
.v1940-build[data-upgraded="1"] .v1940-dot{background:#6fe3b4;box-shadow:0 0 0 3px rgba(111,227,180,.16)}

/* v21.32 – hemskärmens terminal */
.v2132-term{margin:18px 0;padding:18px;border:1px solid var(--line,#22303a);border-radius:14px;background:var(--card,#0e1720)}
.v2132-kicker{font-size:11px;letter-spacing:.12em;color:var(--accent,#5eead4)}
.v2132-title{margin:6px 0 4px;font-size:20px;font-weight:600;color:var(--fg,#e8f1f5)}
.v2132-sub{margin:0 0 12px;font-size:14px;color:var(--muted,#93a7b4)}
.v2132-sub code{padding:1px 6px;border-radius:5px;background:#0a1219;color:var(--accent,#5eead4)}
.v2132-screen{max-height:190px;overflow:auto;padding:12px;border-radius:10px;background:#070d13;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;color:#cfe3ec}
.v2132-block{white-space:pre-wrap;margin:0 0 6px}
.v2132-echo{color:#7fd8c4}
.v2132-meta{color:#6f8797}
.v2132-warn{color:#f4b860}
.v2132-line{display:flex;align-items:center;gap:8px;margin-top:10px}
.v2132-prompt{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#7fd8c4}
.v2132-input{flex:1;min-width:0;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line,#22303a);
  background:#070d13;color:#e8f1f5;font-family:ui-monospace,Menlo,monospace;font-size:14px}
.v2132-input:focus{outline:2px solid var(--accent,#5eead4);outline-offset:1px}
.v2132-run{height:42px;min-width:64px;padding:0 16px;border-radius:10px;border:0;cursor:pointer;
  background:var(--accent,#5eead4);color:#04222c;font-size:14px;font-weight:600}
.v2132-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.v2132-hint{font-size:13px;color:var(--muted,#93a7b4)}
.v2132-open{min-height:44px;padding:0 14px;border-radius:10px;cursor:pointer;
  border:1px solid var(--line,#22303a);background:transparent;color:var(--fg,#e8f1f5);font-size:14px}
.v2132-open:hover{border-color:var(--accent,#5eead4)}
@media (max-width:560px){.v2132-run{min-width:56px;padding:0 12px}.v2132-foot{flex-direction:column;align-items:stretch}}

/* v21.33: hopfälld details klipper innehållet men tar inte bort det ur tab-ordningen.
   19 osynliga knappar kunde ta tangentbordsfokus. display:none löser båda. */
.v2019-more-panel:not([open]) .v2019-more-grid{display:none}


/* ===== v21.34 – ikonrail =====
   Bygger på det befintliga hopfällda läget .v1919-nav-collapsed, som ägs av
   launch-stability. Ingen egen collapse-mekanism och inget eget tillstånd.
   Basreglerna använder id/klass-kombinationer, så railen måste matcha den
   specificiteten – annars ser den ut att inte fungera alls. */
@media (min-width:900px){
  body.v1919-nav-collapsed{padding-left:66px}
  body.v1919-nav-collapsed #v1919DevSidebar{box-sizing:border-box;width:66px;min-width:66px;max-width:66px;padding-left:6px;padding-right:6px;overflow:visible}
  body.v1919-nav-collapsed #v1919DevSidebar>header{justify-content:center;padding-left:0;padding-right:0}
  body.v1919-nav-collapsed #v1919DevSidebar nav button,
  body.v1919-nav-collapsed #v1919DevSidebar footer>button{
    display:flex;align-items:center;justify-content:center;
    width:48px;min-width:48px;height:48px;min-height:48px;
    margin:3px auto;padding:0;gap:0;border-radius:12px;grid-template-columns:none;grid-template-areas:none}
  body.v1919-nav-collapsed #v1919DevSidebar nav button>span,
  body.v1919-nav-collapsed #v1919DevSidebar footer>button>span{margin:0;font-size:18px;line-height:1;grid-area:auto}
  /* Aktiv destination måste vara omedelbart tydlig när etiketten är borta. */
  body.v1919-nav-collapsed #v1919DevSidebar nav button[aria-current="page"],
  body.v1919-nav-collapsed #v1919DevSidebar nav button.is-active,
  body.v1919-nav-collapsed #v1919DevSidebar nav button[data-active="1"]{
    background:var(--teal-soft,#132832);box-shadow:inset 2px 0 0 var(--teal,#5eead4)}
  /* Grupprubriker blir avdelare i stället för avhuggen text. */
  body.v1919-nav-collapsed #v1919DevSidebar .v1919-nav-group{
    display:block;height:1px;margin:9px 12px;padding:0;overflow:hidden;
    text-indent:-9999px;background:var(--line,#22303a)}
}
/* Tooltip: hover OCH tangentbordsfokus. En hover-bara tooltip vore otillgänglig. */
#v2134Tip{position:fixed;z-index:9999;transform:translateY(-50%);pointer-events:none;
  padding:6px 10px;border-radius:8px;font-size:13px;line-height:1;white-space:nowrap;
  background:#0a1219;color:#e8f1f5;border:1px solid var(--line,#22303a);box-shadow:0 6px 20px rgba(0,0,0,.45)}
#v2134Tip[hidden]{display:none!important}

/* v21.35 – siffror på railens ikoner */
#v1919DevSidebar .v2135-badge{position:absolute;top:4px;right:4px;min-width:17px;height:17px;padding:0 4px;
  border-radius:9px;background:#f4b860;color:#3d2405;font-family:ui-monospace,Menlo,monospace;font-size:10px;
  font-style:normal;line-height:17px;text-align:center;font-weight:600;pointer-events:none}
body:not(.v1919-nav-collapsed) #v1919DevSidebar .v2135-badge{position:static;margin-left:auto}


/* ===== v21.36 =====
   1) Inställningar var dolt i sidomenyns footer sedan v21.19, så tema och
      anpassning bara gick att nå via Mer-lådan. Den återställs, för det är en
      av de vanligaste sakerna en elev vill ändra. Regeln ligger efter den som
      döljer, så den vinner utan !important. */
body.v2019-fresh-nav #v1919DevSidebar footer [data-dev-nav="settings"]{
  display:flex!important;visibility:visible!important;opacity:1!important;
  position:static!important;width:auto;height:auto;pointer-events:auto}
@media (min-width:900px){
  body.v1919-nav-collapsed #v1919DevSidebar footer [data-dev-nav="settings"]{
    width:48px!important;min-width:48px;height:48px;min-height:48px;margin:3px auto;padding:0;
    align-items:center;justify-content:center;border-radius:12px}
}
/* 2) Gruppradrubriker utan synliga poster ska inte lämna en tom sektion.
      Sätts av railmodulen som räknar faktiskt synliga knappar. */
#v1919DevSidebar .v1919-nav-group[data-v2136-empty="1"]{display:none!important}

/* 3) Lektionsvyn låg som position:fixed;inset:0 och hamnade UNDER sidomenyn,
      så vänsterkanten av innehållet doldes. Overlayen respekterar nu menyns
      bredd på desktop. Variabeln speglar det läge sidomenyn faktiskt har. */
body{--itp-nav-w:0px}
@media (min-width:900px){
  body.v1919-nav-active{--itp-nav-w:252px}
  body.v1919-nav-collapsed{--itp-nav-w:66px}
  body.v1923-auto-compact.v1919-nav-active{--itp-nav-w:78px}
  .v2039-overlay{inset:0 0 0 var(--itp-nav-w,0px)}
}

/* v21.37 – tydligt låst läge */
.v2137-locked{margin:16px 0;padding:16px 18px;border-radius:14px;
  border:1px solid #6b4d16;background:linear-gradient(180deg,#2a2110,#1c1a13)}
.v2137-locked-kicker{margin:0 0 4px;font-size:11px;letter-spacing:.12em;color:#f4b860}
.v2137-locked-title{margin:0 0 6px;font-size:19px;font-weight:600;color:#f6ecd9}
.v2137-locked-body{margin:0 0 12px;font-size:14px;line-height:1.5;color:#d6c9b2}
.v2137-locked-action{min-height:44px;padding:0 16px;border-radius:10px;cursor:pointer;
  border:1px solid #6b4d16;background:#f4b860;color:#3d2405;font-size:14px;font-weight:600}
.v2137-locked-action:focus-visible{outline:2px solid #f4b860;outline-offset:2px}


/* ===== account-ux-20.88.css =====
   v21.38: filen fanns men länkades varken från index eller låg i bundlen.
   Sex klasser användes av laddad kod utan en enda stilregel, så kontokortet
   som visas efter ett antal besvarade frågor renderades helt ostilat. */
/* ITPlugg v20.88 – kontoflöde */
.v2088-notice{display:grid;gap:5px;margin:0 0 16px;padding:14px 16px;border-radius:13px;
  border:1px solid rgba(241,185,85,.32);background:rgba(46,32,12,.5)}
.v2088-notice b{color:#f5cd8b;font-size:14px}
.v2088-notice span{color:#c3b596;font-size:13px;line-height:1.55}
.v2088-locked input,.v2088-locked button[type="submit"]{opacity:.42;cursor:not-allowed}

.v2088-offer{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:9998;
  width:min(520px,calc(100vw - 32px));display:grid;gap:12px;padding:16px 18px;border-radius:16px;
  border:1px solid rgba(76,224,241,.3);background:linear-gradient(150deg,#0e2c40,#071a28);
  box-shadow:0 20px 50px rgba(0,0,0,.45);animation:v2088-in .28s cubic-bezier(.2,.9,.3,1.15) both}
.v2088-offer b{display:block;margin-bottom:4px;font-size:15px;color:#eaf4fa}
.v2088-offer span{display:block;font-size:13px;line-height:1.55;color:#9fbccd}
.v2088-offer-actions{display:flex;gap:9px;flex-wrap:wrap}
.v2088-offer button{padding:9px 16px;border-radius:9px;border:1px solid rgba(76,224,241,.24);
  background:rgba(4,14,24,.6);color:#cfe3ee;font:600 13px inherit;cursor:pointer}
.v2088-offer button[data-v2088="account"]{background:#2fb6e8;border-color:#2fb6e8;color:#03151f;font-weight:700}
.v2088-offer button:hover{filter:brightness(1.08)}
@keyframes v2088-in{from{opacity:0;transform:translateX(-50%) translateY(12px)}}
@media(prefers-reduced-motion:reduce){.v2088-offer{animation:none}}
@media(max-width:640px){.v2088-offer{bottom:82px}}

/* ITPlugg v21.21 – conflict-safe account sync */
.v2121-sync-conflict{display:grid;gap:14px;margin:16px 0;padding:16px;border:1px solid rgba(245,185,66,.38);border-radius:16px;background:linear-gradient(145deg,rgba(66,43,10,.72),rgba(20,31,45,.88));box-shadow:0 14px 36px rgba(0,0,0,.2)}
.v2121-sync-conflict>div:first-child small{display:block;color:#ffd486;font-size:11px;font-weight:800;letter-spacing:.12em}.v2121-sync-conflict h3{margin:4px 0 6px;color:#fff;font-size:17px}.v2121-sync-conflict p{margin:0;color:#c8d7e3;line-height:1.55;font-size:13px}
.v2121-sync-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v2121-sync-compare article{display:grid;gap:4px;padding:12px;border:1px solid rgba(145,180,205,.17);border-radius:12px;background:rgba(7,20,32,.46)}.v2121-sync-compare b{color:#e9f4fb;font-size:13px}.v2121-sync-compare span{color:#9fb4c4;font-size:12px;line-height:1.45}
.v2121-sync-actions{display:flex;gap:9px;flex-wrap:wrap}.v2121-sync-note{color:#95a9b8;line-height:1.45}
@media(max-width:640px){.v2121-sync-compare{grid-template-columns:1fr}.v2121-sync-actions .btn{flex:1 1 100%;min-height:44px}}
.v1919-dev-sidebar [data-dev-nav="account"][data-sync-conflict="1"]{border-color:rgba(245,185,66,.52)!important;background:linear-gradient(135deg,rgba(245,185,66,.14),rgba(245,185,66,.04))!important}.v1919-dev-sidebar [data-dev-nav="account"][data-sync-conflict="1"]>span{color:#ffd486!important}.v1919-dev-sidebar [data-dev-nav="account"][data-sync-conflict="1"]>small{color:#ffd486!important;font-weight:700}
.v2121-sync-conflict-list{display:grid;gap:5px;margin:10px 0 0;padding-left:19px;color:#e5c88f;font-size:12px;line-height:1.45}.v2121-sync-conflict-list li::marker{color:#f5b942}

/* ITPlugg v21.22 – tydlig synkstatus och cross-device recovery */
.v2122-sync-health{display:grid;gap:12px;margin:16px 0;padding:16px;border:1px solid rgba(103,196,230,.22);border-radius:17px;background:linear-gradient(145deg,rgba(10,31,47,.78),rgba(7,19,31,.9));box-shadow:0 14px 34px rgba(0,0,0,.16)}
.v2122-sync-health>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v2122-sync-health>header small{display:block;color:#7fa5bb;font-size:10px;font-weight:800;letter-spacing:.12em}.v2122-sync-health>header h3{margin:4px 0 0;color:#edf7fb;font-size:17px}.v2122-sync-health>p{margin:0;color:#b9cbd6;font-size:13px;line-height:1.55}
.v2122-sync-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 10px;border:1px solid rgba(97,214,171,.28);border-radius:999px;background:rgba(47,178,131,.11);color:#9be3c5;font-size:11px;font-weight:800;white-space:nowrap}.v2122-sync-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}
.v2122-sync-health[data-state="pending"] .v2122-sync-badge,.v2122-sync-health[data-state="ready"] .v2122-sync-badge{border-color:rgba(245,185,66,.3);background:rgba(245,185,66,.1);color:#ffd486}.v2122-sync-health[data-state="offline"] .v2122-sync-badge{border-color:rgba(145,171,190,.28);background:rgba(145,171,190,.09);color:#b8c9d5}.v2122-sync-health[data-state="syncing"] .v2122-sync-badge{border-color:rgba(76,196,241,.32);background:rgba(76,196,241,.1);color:#8fdcf6}.v2122-sync-health[data-state="conflict"] .v2122-sync-badge,.v2122-sync-health[data-state="error"] .v2122-sync-badge{border-color:rgba(245,185,66,.38);background:rgba(245,185,66,.12);color:#ffd486}
.v2122-sync-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v2122-sync-meta>span{display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(137,178,202,.14);border-radius:12px;background:rgba(5,17,28,.4)}.v2122-sync-meta small{color:#7897aa;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.v2122-sync-meta b{color:#dfeef5;font-size:12px}
.v2122-sync-primary{display:flex;gap:9px;flex-wrap:wrap}.v2122-sync-primary .btn{min-height:40px}.v2122-sync-explain{color:#809dad;line-height:1.45}.v2122-sync-advanced{margin:12px 0;padding:12px 14px;border:1px solid rgba(137,178,202,.13);border-radius:13px;background:rgba(4,16,26,.28)}.v2122-sync-advanced>summary{cursor:pointer;color:#c7dce7;font-size:12px;font-weight:750}.v2122-sync-advanced>p{margin:10px 0 4px;color:#8fa8b7;font-size:12px;line-height:1.5}.v2122-account-bottom{justify-content:space-between}.v2122-account-bottom .btn{max-width:100%}
.v1919-dev-sidebar [data-dev-nav="account"][data-sync-state="pending"]>span,.v1919-dev-sidebar [data-dev-nav="account"][data-sync-state="syncing"]>span{color:#8fdcf6!important}.v1919-dev-sidebar [data-dev-nav="account"][data-sync-state="offline"]>small{color:#aebfca!important}
@media(max-width:640px){.v2122-sync-health{padding:14px}.v2122-sync-health>header{display:grid}.v2122-sync-badge{justify-self:start}.v2122-sync-meta{grid-template-columns:1fr}.v2122-sync-primary .btn,.v2122-account-bottom .btn{flex:1 1 100%;min-height:44px}.v2122-account-bottom{display:grid}}
