:root{--bg:#f6f7fb;--card:#fff;--ink:#172033;--muted:#667085;--line:#d9deea;--accent:#2346f0;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}.top{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-weight:800;font-size:18px}.top nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.top a,.button{color:var(--accent);text-decoration:none}.who{color:var(--muted);font-size:14px}.container{max-width:1180px;margin:0 auto;padding:24px}h1{margin:0 0 18px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin:16px 0;box-shadow:0 8px 24px rgba(20,32,64,.04)}.narrow{max-width:520px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none;color:var(--ink);box-shadow:0 8px 24px rgba(20,32,64,.04)}.tile b{display:block;font-size:20px;margin-bottom:10px}.tile span,.muted{color:var(--muted)}label{display:block;font-weight:600;margin:12px 0 6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}textarea{resize:vertical}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;font-weight:700;text-decoration:none}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.rowform{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.flash{padding:12px 14px;border-radius:12px;margin:12px 0}.flash.ok{background:#ecfdf3;color:var(--ok);border:1px solid #abefc6}.flash.error{background:#fef3f2;color:var(--danger);border:1px solid #fecdca}.flash.info{background:#eff8ff;color:#175cd3;border:1px solid #b2ddff}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}pre{white-space:pre-wrap;background:#f2f4f7;padding:12px;border-radius:10px;border:1px solid var(--line);overflow:auto}.tabs{display:flex;gap:8px;margin:10px 0}.tab.active,.toolbar button.active{background:#dbe4ff;border-color:#9eb3ff;color:#1732b8}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.toolbar label{display:flex;gap:8px;margin:0;align-items:center}.toolbar input{width:140px}#mathCanvas{width:100%;height:min(68vh,650px);background:#fff;border:2px solid #b8c1d9;border-radius:14px;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;cursor:crosshair;box-shadow:inset 0 0 0 1px rgba(0,0,0,.02)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.submission-img{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff}@media(max-width:800px){.top{align-items:flex-start;flex-direction:column}.split{grid-template-columns:1fr}.container{padding:14px}#mathCanvas{height:56vh}}
button.danger { border-color: #b42318; color: #b42318; }
button.danger:hover { background: #fee4e2; }
.actions { white-space: nowrap; }
.muted { color: #667085; font-size: 0.92rem; }
.math-content{line-height:1.65;overflow-x:auto;white-space:pre-wrap}.math-content mjx-container{overflow-x:auto;overflow-y:hidden;max-width:100%}.math-content p{margin:.35rem 0}.math-hint{font-size:.92rem;color:var(--muted);margin-top:4px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.cards>.card{margin:0}.status-pill{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef2ff;color:#253ea7;font-size:.85rem;font-weight:700}

.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2ff;color:#253ea7;font-size:.85rem;font-weight:700;margin:2px 4px 2px 0}

.flash-popup-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.flash-popup{max-width:560px;width:min(560px,100%);background:#fff;border-radius:18px;border:1px solid var(--line);padding:22px;box-shadow:0 24px 80px rgba(15,23,42,.22)}.flash-popup h2{margin:0 0 10px}.flash-popup p{line-height:1.5}.flash-popup-error{border-color:#fecdca}.flash-popup-ok{border-color:#abefc6}.danger-zone{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}

.rubric-builder{border:1px solid var(--line);border-radius:14px;padding:14px;margin:14px 0;background:#fbfcff}.rubric-builder legend{font-weight:800;padding:0 6px}.rubric-rows{display:flex;flex-direction:column;gap:10px}.rubric-row{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:10px;align-items:end}.rubric-row label{margin:0}.rubric-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.rubric-json-details{margin-top:12px}.rubric-json-details summary{cursor:pointer;color:var(--accent);font-weight:700}.rubric-remove{white-space:nowrap}@media(max-width:700px){.rubric-row{grid-template-columns:1fr}.rubric-remove{width:100%}}
.rag-list{display:grid;grid-template-columns:1fr;gap:12px}.mini-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfcff}.mini-card p{margin:.4rem 0}

/* ------------------------------------------------------------
   MathLoop v0.9.9 — Modern UI polish layer
   Visual-only layer: no workflow, route, DB, AI or submit logic changes.
   ------------------------------------------------------------ */
:root{
  color-scheme:light;
  --bg:#f7f9fc;
  --card:rgba(255,255,255,.86);
  --ink:#172033;
  --muted:#64748b;
  --line:#e2e8f0;
  --accent:#4f46e5;
  --accent-2:#0f766e;
  --danger:#dc2626;
  --ok:#047857;
  --warn:#b45309;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --soft:#eef2ff;
  --shadow-sm:0 4px 14px rgba(15,23,42,.06);
  --shadow:0 18px 55px rgba(15,23,42,.09);
  --radius:22px;
  --radius-sm:14px;
  --focus:0 0 0 4px rgba(79,70,229,.16);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#090f1d;
  --card:rgba(17,24,39,.86);
  --ink:#e5edf8;
  --muted:#9aa8bd;
  --line:#283447;
  --accent:#8b8cff;
  --accent-2:#2dd4bf;
  --danger:#fb7185;
  --ok:#34d399;
  --warn:#fbbf24;
  --surface:#101827;
  --surface-2:#0f172a;
  --soft:#1e1b4b;
  --shadow-sm:0 4px 14px rgba(0,0,0,.22);
  --shadow:0 22px 70px rgba(0,0,0,.36);
  --focus:0 0 0 4px rgba(139,140,255,.22);
}
*{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.55) transparent}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 0 0, rgba(99,102,241,.17), transparent 34rem),
    radial-gradient(circle at 100% 8%, rgba(20,184,166,.12), transparent 28rem),
    linear-gradient(180deg, var(--bg), var(--surface-2));
  letter-spacing:-.01em;
}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 0 0, rgba(99,102,241,.18), transparent 34rem),
    radial-gradient(circle at 100% 8%, rgba(45,212,191,.10), transparent 28rem),
    linear-gradient(180deg, #07101f, #090f1d 52%, #070b14);
}
a{color:var(--accent);font-weight:760;text-decoration:none;text-underline-offset:3px}
a:hover{text-decoration:underline}
.top{
  min-height:70px;
  padding:12px clamp(14px,2.5vw,28px);
  background:rgba(255,255,255,.72);
  border-bottom:1px solid rgba(226,232,240,.85);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 8px 30px rgba(15,23,42,.06);
}
html[data-theme="dark"] .top{background:rgba(15,23,42,.72);border-bottom-color:rgba(40,52,71,.9)}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:900;letter-spacing:-.03em}
.brand:hover{text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#14b8a6);color:#fff;font-size:23px;box-shadow:0 12px 30px rgba(79,70,229,.24)}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:18px}.brand-copy small{font-size:12px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:3px}.main-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.main-nav a,.theme-toggle{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.62);color:var(--ink);box-shadow:0 2px 8px rgba(15,23,42,.035);font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}.main-nav a::before{content:attr(data-icon);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:12px;line-height:1}.main-nav a:hover,.theme-toggle:hover{border-color:var(--line);background:var(--surface);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-sm)}html[data-theme="dark"] .main-nav a,html[data-theme="dark"] .theme-toggle{background:rgba(15,23,42,.70);color:var(--ink)}.theme-toggle{cursor:pointer;font:inherit}.theme-symbol{font-size:15px;color:var(--accent)}.theme-text{font-size:13px}.who{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:rgba(248,250,252,.78);color:var(--muted);font-weight:780}.who-dot{width:8px;height:8px;border-radius:999px;background:var(--ok);box-shadow:0 0 0 4px rgba(4,120,87,.12)}html[data-theme="dark"] .who{background:rgba(15,23,42,.72)}
.container{max-width:1260px;padding:clamp(16px,2.6vw,32px)}
h1{font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:-.055em;margin:4px 0 22px;color:var(--ink)}h2{letter-spacing:-.03em}h3{letter-spacing:-.02em}.card,.tile,.panel,.mini-card,.rubric-builder,.field{background:var(--card);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card,.tile{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.card:hover,.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:rgba(79,70,229,.22);text-decoration:none}.tile{display:block;background:linear-gradient(180deg,var(--card),rgba(248,250,252,.78))}.tile b{font-size:21px;letter-spacing:-.035em}.grid3,.cards{gap:18px}.muted,.small,.tiny{color:var(--muted)}
input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 1px 2px rgba(15,23,42,.03);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}input[type="checkbox"],input[type="radio"]{accent-color:var(--accent);box-shadow:none}input[type="range"]{accent-color:var(--accent)}label{color:var(--ink)}
button,.button{gap:8px;border-color:var(--line);background:var(--surface);color:var(--ink);border-radius:999px;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease}button:hover,.button:hover{transform:translateY(-1px);box-shadow:var(--shadow);text-decoration:none}button:focus-visible,.button:focus-visible{outline:none;box-shadow:var(--focus)}button.primary,.button.primary,.primary{background:linear-gradient(135deg,var(--accent),#6366f1);border-color:transparent;color:#fff}.primary:hover{filter:saturate(1.05)}button.danger,.button.danger{border-color:rgba(220,38,38,.32);color:var(--danger);background:rgba(254,242,242,.78)}button.danger:hover,.button.danger:hover{background:#fee2e2}html[data-theme="dark"] button.danger,html[data-theme="dark"] .button.danger{background:rgba(127,29,29,.20);border-color:rgba(251,113,133,.32)}html[data-theme="dark"] button.danger:hover,html[data-theme="dark"] .button.danger:hover{background:rgba(127,29,29,.32)}button:not(.tab):not(.theme-toggle)::before,.button::before{content:"✦";font-size:.86em;line-height:1;opacity:.86}button.primary:not(.tab)::before,.button.primary::before{content:"✓"}button.danger:not(.tab)::before,.button.danger::before{content:"!"}#penBtn::before{content:"✎"}#eraserBtn::before{content:"⌫"}#undoBtn::before{content:"↶"}#clearBtn::before{content:"⌧"}#addPageBtn::before{content:"+"}#deletePageBtn::before{content:"−"}button[name="format"]::before{content:"⇩"}.rubric-remove::before{content:"×"}
.flash{border-radius:18px;box-shadow:var(--shadow-sm)}.flash.ok{background:rgba(236,253,245,.86);color:var(--ok);border-color:rgba(52,211,153,.42)}.flash.error{background:rgba(254,242,242,.88);color:var(--danger);border-color:rgba(251,113,133,.42)}.flash.info{background:rgba(239,246,255,.90);color:#2563eb;border-color:rgba(147,197,253,.48)}html[data-theme="dark"] .flash.ok{background:rgba(6,78,59,.28)}html[data-theme="dark"] .flash.error{background:rgba(127,29,29,.26)}html[data-theme="dark"] .flash.info{background:rgba(30,58,138,.25);color:#93c5fd}.flash-popup{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 30px 100px rgba(0,0,0,.24)}.flash-popup-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.status-pill,.badge,.pill{background:var(--soft);color:var(--accent);border:1px solid rgba(79,70,229,.16)}.tabs{gap:9px;flex-wrap:wrap}.tab{border-radius:999px;background:var(--surface);color:var(--muted)}.tab.active,.toolbar button.active{background:linear-gradient(135deg,var(--accent),#6366f1);border-color:transparent;color:#fff;box-shadow:0 12px 24px rgba(79,70,229,.22)}.toolbar{padding:10px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.50);box-shadow:var(--shadow-sm)}html[data-theme="dark"] .toolbar{background:rgba(15,23,42,.54)}.toolbar label{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:14px}.toolbar input{width:130px}
#mathCanvas{border-color:rgba(79,70,229,.35);border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 18px 50px rgba(15,23,42,.10);background:#fff}.submission-page{margin:18px 0}.submission-page h3{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--soft);color:var(--accent);padding:7px 12px;font-size:14px}.submission-img{border-radius:18px;border-color:var(--line);box-shadow:var(--shadow-sm)}
table{border-collapse:separate;border-spacing:0}th{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.045em;background:rgba(248,250,252,.82)}th:first-child{border-top-left-radius:14px}th:last-child{border-top-right-radius:14px}td,th{border-bottom-color:var(--line)}tr:hover td{background:rgba(248,250,252,.72)}html[data-theme="dark"] th{background:rgba(15,23,42,.76)}html[data-theme="dark"] tr:hover td{background:rgba(15,23,42,.52)}pre{background:var(--surface-2);color:var(--ink);border-radius:18px}.split{gap:20px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rowform{gap:12px}.check{border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:var(--surface);font-weight:760}.math-content{line-height:1.72}.math-hint{color:var(--muted)}.danger-zone{border-top-color:var(--line)}
@media(max-width:900px){.top{align-items:stretch;flex-direction:column;gap:12px}.main-nav{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.main-nav a,.theme-toggle,.who{flex:0 0 auto}.brand-mark{width:38px;height:38px}.container{padding:16px}.split{grid-template-columns:1fr}.rowform{grid-template-columns:1fr}.grid3,.cards{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar label{width:100%;justify-content:space-between}.toolbar input{width:min(180px,45vw)}}
@media(max-width:620px){h1{font-size:32px}.card,.tile,.panel,.mini-card,.rubric-builder{border-radius:18px;padding:16px}.main-nav a,.theme-toggle,.who{font-size:13px;padding:8px 10px}.brand-copy small{display:none}button,.button{width:100%;min-height:42px}.top button,.top .button,.toolbar button,.tabs button{width:auto}.actions{white-space:normal}.actions button,.actions .button,.actions a{width:auto}.tabs{overflow-x:auto;flex-wrap:nowrap}.tab{flex:0 0 auto}table{font-size:14px}th,td{padding:8px}.card:has(table){overflow-x:auto}#mathCanvas{height:58vh;border-radius:18px}}
@supports not selector(:has(*)){@media(max-width:620px){.card{overflow-x:auto}}}

/* v1.0.0 — Multi-target alignment UI */
.alignment-target-picker{grid-column:1/-1;border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:linear-gradient(180deg,var(--card),rgba(248,250,252,.62));box-shadow:var(--shadow-sm);margin:8px 0}.alignment-target-picker legend{font-weight:900;padding:0 8px;letter-spacing:-.02em}.target-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.target-actions button,.target-group-title button{min-height:34px;padding:7px 11px;font-size:13px}.target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.target-group{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.48);display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto}html[data-theme="dark"] .target-group{background:rgba(15,23,42,.44)}.target-group-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:900;color:var(--ink);position:sticky;top:0;background:var(--card);padding-bottom:6px;z-index:1}.target-check{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);font-weight:700;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.target-check:hover{border-color:rgba(79,70,229,.35);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.target-check input{width:auto;margin-top:3px;flex:0 0 auto}.target-check span{display:grid;gap:2px}.target-check small{color:var(--muted);font-weight:650;line-height:1.3}.target-check:has(input:checked){border-color:rgba(79,70,229,.55);background:var(--soft)}html[data-theme="dark"] .target-check:has(input:checked){background:rgba(79,70,229,.20)}
@media(max-width:620px){.target-grid{grid-template-columns:1fr}.target-actions button{width:auto}.target-group{max-height:300px}}


/* v1.1.4 — Knowledge Pack authoring and bulk item tools */
.knowledge-filter-bar,.knowledge-bulk-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.50);box-shadow:var(--shadow-sm)}
html[data-theme="dark"] .knowledge-filter-bar,html[data-theme="dark"] .knowledge-bulk-bar{background:rgba(15,23,42,.48)}
.knowledge-bulk-bar button,.knowledge-filter-bar button,.knowledge-filter-bar .button{min-height:42px}
.bulk-authoring{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--card),rgba(248,250,252,.60));box-shadow:var(--shadow-sm)}
html[data-theme="dark"] .bulk-authoring{background:rgba(15,23,42,.45)}
.bulk-authoring>summary{cursor:pointer;font-weight:900;color:var(--ink);letter-spacing:-.02em}
.knowledge-items-card table input[type="checkbox"]{width:auto;min-width:18px;min-height:18px}
@media(max-width:620px){.knowledge-filter-bar,.knowledge-bulk-bar{grid-template-columns:1fr}.knowledge-bulk-bar button,.knowledge-filter-bar button,.knowledge-filter-bar .button{width:100%}}

/* v1.1.5 — Knowledge Pack export / import preview diagnostics */
.knowledge-import-preview{border-color:rgba(79,70,229,.30)}
.knowledge-import-preview details{margin-top:14px}
.knowledge-import-preview summary{cursor:pointer;font-weight:900;color:var(--ink)}
.item-diagnostics{margin:8px 0 10px;padding-left:0;list-style:none;display:grid;gap:6px}
.item-diagnostics li{border:1px solid var(--line);border-radius:14px;padding:7px 9px;background:rgba(248,250,252,.72);font-size:.92rem}
.item-diagnostics .diag-error{border-color:rgba(220,38,38,.35);background:rgba(254,242,242,.80)}
.item-diagnostics .diag-warn{border-color:rgba(180,83,9,.35);background:rgba(255,251,235,.82)}
.item-diagnostics .diag-info{border-color:rgba(37,99,235,.25);background:rgba(239,246,255,.82)}
html[data-theme="dark"] .item-diagnostics li{background:rgba(15,23,42,.55)}
html[data-theme="dark"] .item-diagnostics .diag-error{background:rgba(127,29,29,.24)}
html[data-theme="dark"] .item-diagnostics .diag-warn{background:rgba(120,53,15,.22)}
html[data-theme="dark"] .item-diagnostics .diag-info{background:rgba(30,58,138,.22)}

/* MathLoop v1.1.6.1 — Knowledge Pack activation/import safety hotfix */
.activation-review-card h4{margin:18px 0 10px}.activation-review-form{margin-top:16px}.activation-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:12px 0}.activation-checklist section{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(248,250,252,.64)}html[data-theme="dark"] .activation-checklist section{background:rgba(15,23,42,.52)}.activation-checklist h4{margin:0 0 8px}.activation-checklist ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.activation-checklist li{border:1px solid var(--line);border-radius:14px;padding:8px 10px;background:var(--surface);font-size:.94rem}.activation-checklist .check-pass{border-color:rgba(4,120,87,.28)}.activation-checklist .check-warn{border-color:rgba(180,83,9,.36);background:rgba(255,251,235,.78)}.activation-checklist .check-error{border-color:rgba(220,38,38,.36);background:rgba(254,242,242,.82)}.activation-checklist .check-info{border-color:rgba(37,99,235,.24);background:rgba(239,246,255,.78)}html[data-theme="dark"] .activation-checklist .check-warn{background:rgba(120,53,15,.22)}html[data-theme="dark"] .activation-checklist .check-error{background:rgba(127,29,29,.24)}html[data-theme="dark"] .activation-checklist .check-info{background:rgba(30,58,138,.22)}.compact-table{font-size:.94rem}.activation-type-breakdown .empty-type{opacity:.58}.activation-type-breakdown .has-items td:first-child{font-weight:800}.activation-review-form textarea{min-height:110px}

/* ------------------------------------------------------------
   MathLoop v1.1.6.2 — Index-inspired professional UI layer
   Visual-only polish inspired by the uploaded index.html interface.
   No route, DB, AI-provider, submit, assessment, export or KB logic changes.
   ------------------------------------------------------------ */
:root{
  --ml-bg:#eef4f8;
  --ml-panel:rgba(253,254,255,.86);
  --ml-panel-strong:#ffffff;
  --ml-ink:#263244;
  --ml-muted:#6d7a8c;
  --ml-line:#d7e1ec;
  --ml-soft:#edf5ff;
  --ml-accent:#4f6fb8;
  --ml-accent-2:#14847c;
  --ml-danger:#d94b4b;
  --ml-ok:#14847c;
  --ml-warn:#b86a22;
  --ml-shadow:0 18px 55px -28px rgba(55,72,94,.34);
  --ml-shadow-card:0 16px 38px -30px rgba(55,72,94,.36);
  --ml-radius-xl:30px;
  --ml-radius-lg:22px;
  --ml-radius-md:16px;
  --ml-focus:0 0 0 4px rgba(79,111,184,.16);
  --bg:var(--ml-bg);
  --card:var(--ml-panel);
  --ink:var(--ml-ink);
  --muted:var(--ml-muted);
  --line:var(--ml-line);
  --accent:var(--ml-accent);
  --accent-2:var(--ml-accent-2);
  --danger:var(--ml-danger);
  --ok:var(--ml-ok);
  --warn:var(--ml-warn);
  --surface:var(--ml-panel-strong);
  --surface-2:#f5f9fc;
  --soft:var(--ml-soft);
  --shadow:var(--ml-shadow);
  --shadow-sm:var(--ml-shadow-card);
  --radius:var(--ml-radius-lg);
  --radius-sm:var(--ml-radius-md);
  --focus:var(--ml-focus);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --ml-bg:#050505;
  --ml-panel:rgba(16,16,16,.96);
  --ml-panel-strong:#101010;
  --ml-ink:#f2f2f2;
  --ml-muted:#b8b8b8;
  --ml-line:#303030;
  --ml-soft:#171717;
  --ml-accent:#31d0ff;
  --ml-accent-2:#3ddc97;
  --ml-danger:#ff6b86;
  --ml-ok:#3ddc97;
  --ml-warn:#f6b73c;
  --ml-shadow:0 22px 64px rgba(0,0,0,.52);
  --ml-shadow-card:0 18px 54px rgba(0,0,0,.34);
  --ml-focus:0 0 0 3px rgba(49,208,255,.16);
  --bg:var(--ml-bg);
  --card:var(--ml-panel);
  --ink:var(--ml-ink);
  --muted:var(--ml-muted);
  --line:var(--ml-line);
  --accent:var(--ml-accent);
  --accent-2:var(--ml-accent-2);
  --danger:var(--ml-danger);
  --ok:var(--ml-ok);
  --warn:var(--ml-warn);
  --surface:var(--ml-panel-strong);
  --surface-2:#0a0a0a;
  --soft:var(--ml-soft);
  --shadow:var(--ml-shadow);
  --shadow-sm:var(--ml-shadow-card);
  --focus:var(--ml-focus);
}
body{
  background-color:var(--ml-bg)!important;
  background-image:
    radial-gradient(circle at 8% -10%, rgba(200,218,240,.75) 0, transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(212,238,235,.55) 0, transparent 30%),
    linear-gradient(180deg,#f8fbfe 0%,#eef4f8 55%,#e9f0f6 100%)!important;
  color:var(--ml-ink)!important;
  letter-spacing:-.01em;
}
html[data-theme="dark"] body{
  background-color:#050505!important;
  background-image:
    linear-gradient(90deg, rgba(49,208,255,.045) 0, transparent 1px),
    linear-gradient(180deg, rgba(167,139,250,.035) 0, transparent 1px),
    radial-gradient(circle at 12% -6%, rgba(49,208,255,.09) 0, transparent 30%),
    radial-gradient(circle at 88% 0%, rgba(61,220,151,.055) 0, transparent 28%),
    linear-gradient(180deg,#070707 0%,#050505 55%,#030303 100%)!important;
  background-size:72px 72px,72px 72px,auto,auto,auto!important;
  color:var(--ml-ink)!important;
}
.top{
  min-height:76px!important;
  padding:12px clamp(14px,2vw,36px)!important;
  background:rgba(253,254,255,.78)!important;
  border-bottom:1px solid rgba(215,225,236,.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 12px 38px -28px rgba(55,72,94,.36)!important;
}
html[data-theme="dark"] .top{
  background:rgba(8,8,8,.94)!important;
  border-bottom-color:#262626!important;
  box-shadow:0 16px 44px rgba(0,0,0,.28)!important;
}
.brand-mark{
  width:44px!important;height:44px!important;border-radius:17px!important;
  background:linear-gradient(135deg,var(--ml-accent),var(--ml-accent-2))!important;
  box-shadow:0 14px 32px rgba(79,111,184,.24)!important;
}
html[data-theme="dark"] .brand-mark{box-shadow:0 0 0 1px rgba(49,208,255,.20),0 16px 38px rgba(0,0,0,.45)!important;}
.brand-copy strong{font-weight:850!important;letter-spacing:-.03em!important;}
.main-nav{gap:8px!important;}
.main-nav a,.theme-toggle,.who{
  min-height:40px!important;
  border-radius:999px!important;
  border:1px solid rgba(215,225,236,.72)!important;
  background:rgba(255,255,255,.72)!important;
  color:var(--ml-ink)!important;
  box-shadow:0 4px 14px rgba(55,72,94,.045)!important;
  font-weight:680!important;
}
.main-nav a::before{
  background:rgba(79,111,184,.12)!important;
  color:var(--ml-accent)!important;
  border:1px solid rgba(79,111,184,.10)!important;
}
.main-nav a:hover,.theme-toggle:hover{
  transform:translateY(-1px)!important;
  border-color:#c7d2fe!important;
  background:#fff!important;
  box-shadow:0 10px 26px -18px rgba(55,72,94,.45)!important;
}
html[data-theme="dark"] .main-nav a,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .who{
  background:#151515!important;
  border-color:#343434!important;
  color:#eeeeee!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .main-nav a::before{background:#101010!important;border-color:#383838!important;color:var(--ml-accent)!important;}
html[data-theme="dark"] .main-nav a:hover,
html[data-theme="dark"] .theme-toggle:hover{background:#202020!important;border-color:#555!important;color:#fff!important;}
.container{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:24px clamp(14px,2vw,36px) 36px!important;
}
.page-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin:0 0 20px;
  padding:24px 28px;
  border:1px solid rgba(215,225,236,.88);
  border-radius:var(--ml-radius-xl);
  background:rgba(253,254,255,.84);
  box-shadow:var(--ml-shadow);
  overflow:hidden;
  position:relative;
}
.page-hero::after{
  content:"";
  position:absolute;
  width:260px;height:260px;right:-90px;top:-120px;border-radius:50%;
  background:radial-gradient(circle,rgba(79,111,184,.17),transparent 68%);
  pointer-events:none;
}
.page-hero-main{min-width:0;position:relative;z-index:1;}
.page-kicker{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--ml-soft);
  color:var(--ml-accent);
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(79,111,184,.12);
  font-size:12px;
  font-weight:820;
}
.page-hero h1{
  margin:10px 0 0!important;
  font-size:clamp(30px,4vw,52px)!important;
  line-height:1.07!important;
  letter-spacing:-.05em!important;
  font-weight:850!important;
  color:var(--ml-ink)!important;
  background:linear-gradient(135deg,#1e293b 10%,var(--ml-accent) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  overflow-wrap:anywhere;
}
.page-hero-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1;}
.page-chip{
  display:inline-flex;align-items:center;min-height:34px;
  border:1px solid var(--ml-line);
  border-radius:999px;
  padding:7px 11px;
  background:rgba(255,255,255,.72);
  color:var(--ml-muted);
  font-size:12px;
  font-weight:720;
  white-space:nowrap;
}
html[data-theme="dark"] .page-hero{
  background:rgba(16,16,16,.96)!important;
  border-color:var(--ml-line)!important;
  box-shadow:var(--ml-shadow-card)!important;
}
html[data-theme="dark"] .page-hero::after{background:radial-gradient(circle,rgba(49,208,255,.12),transparent 68%);}
html[data-theme="dark"] .page-hero h1{
  background:linear-gradient(135deg,#f5f5f5 10%,var(--ml-accent) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
html[data-theme="dark"] .page-kicker,
html[data-theme="dark"] .page-chip{background:#181818!important;border-color:#383838!important;color:#d8d8d8!important;}
.card,.tile,.mini-card,.rubric-builder,.alignment-target-picker,.bulk-authoring,.knowledge-filter-bar,.knowledge-bulk-bar,.activation-checklist section{
  background:var(--ml-panel)!important;
  border-color:var(--ml-line)!important;
  border-radius:var(--ml-radius-lg)!important;
  box-shadow:var(--ml-shadow-card)!important;
}
.tile,.card{transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1)!important;}
.tile{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:14px;
  row-gap:4px;
  align-items:start;
  min-height:132px;
  background:linear-gradient(180deg,#fbfdff 0%,#f5f9fc 100%)!important;
}
.tile::before{
  content:"↗";
  grid-row:1/3;
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:16px;
  background:rgba(79,111,184,.10);
  color:var(--ml-accent);
  border:1px solid rgba(79,111,184,.12);
  font-weight:900;
}
.tile b{font-weight:780!important;letter-spacing:-.025em!important;color:var(--ml-ink)!important;line-height:1.25!important;}
.tile span{line-height:1.45!important;}
.tile:hover,.card:hover{
  transform:translateY(-3px)!important;
  border-color:#cfdcea!important;
  box-shadow:0 18px 44px -28px rgba(55,72,94,.42)!important;
  text-decoration:none!important;
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .tile,
html[data-theme="dark"] .mini-card,
html[data-theme="dark"] .rubric-builder,
html[data-theme="dark"] .alignment-target-picker,
html[data-theme="dark"] .bulk-authoring,
html[data-theme="dark"] .knowledge-filter-bar,
html[data-theme="dark"] .knowledge-bulk-bar,
html[data-theme="dark"] .activation-checklist section{
  background:linear-gradient(180deg,#141414 0%,#0d0d0d 100%)!important;
  border-color:var(--ml-line)!important;
  color:var(--ml-ink)!important;
  box-shadow:var(--ml-shadow-card)!important;
}
html[data-theme="dark"] .tile::before{background:#101010!important;border-color:#383838!important;color:var(--ml-accent)!important;}
html[data-theme="dark"] .tile b{color:#f5f5f5!important;}
html[data-theme="dark"] .tile:hover,
html[data-theme="dark"] .card:hover{border-color:#555!important;box-shadow:0 20px 60px rgba(0,0,0,.42)!important;}
.grid3,.cards{gap:16px!important;}
.grid3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;}
.cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;}
button,.button,input,select,textarea{border-radius:var(--ml-radius-md)!important;}
input,select,textarea{
  background:#fcfeff!important;
  border-color:#d5e0eb!important;
  color:var(--ml-ink)!important;
  box-shadow:0 2px 8px rgba(55,72,94,.025)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#8da0ee!important;
  box-shadow:var(--ml-focus)!important;
  outline:0!important;
}
button,.button{
  border-color:#d6e1ec!important;
  background:#fbfdff!important;
  color:var(--ml-ink)!important;
  box-shadow:0 4px 14px rgba(55,72,94,.045)!important;
  font-weight:650!important;
  gap:8px!important;
}
button:hover,.button:hover{transform:translateY(-1px);box-shadow:0 10px 26px -18px rgba(55,72,94,.45)!important;text-decoration:none!important;}
.primary,button.primary,.button.primary{background:var(--ml-accent)!important;border-color:var(--ml-accent)!important;color:#fff!important;}
button.danger,.button.danger{background:#fff8f8!important;border-color:#f0bbbb!important;color:var(--ml-danger)!important;}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:#090909!important;
  border-color:#343434!important;
  color:#f3f3f3!important;
  box-shadow:none!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#7d7d7d!important;}
html[data-theme="dark"] button,
html[data-theme="dark"] .button{
  background:#151515!important;
  border-color:#3a3a3a!important;
  color:#eeeeee!important;
  box-shadow:none!important;
}
html[data-theme="dark"] button:hover,
html[data-theme="dark"] .button:hover{background:#202020!important;border-color:#555!important;color:#fff!important;}
html[data-theme="dark"] .primary,
html[data-theme="dark"] button.primary,
html[data-theme="dark"] .button.primary{background:#16232a!important;border-color:var(--ml-accent)!important;color:#eafcff!important;}
html[data-theme="dark"] button.danger,
html[data-theme="dark"] .button.danger{background:#2a1116!important;border-color:var(--ml-danger)!important;color:#ffe4e8!important;}
.tabs{
  display:flex!important;gap:8px!important;flex-wrap:wrap!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid var(--ml-line)!important;
  border-radius:24px!important;
  padding:8px!important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.02)!important;
}
.tab{
  border:none!important;
  border-radius:15px!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--ml-muted)!important;
  font-weight:650!important;
}
.tab:hover:not(.active){background:rgba(0,0,0,.04)!important;color:var(--ml-ink)!important;}
.tab.active,.toolbar button.active{
  background:#fff!important;
  color:var(--ml-ink)!important;
  box-shadow:0 2px 10px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.1)!important;
  font-weight:760!important;
}
html[data-theme="dark"] .tabs{background:#080808!important;border-color:#262626!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)!important;}
html[data-theme="dark"] .tab{background:#111!important;color:#d7d7d7!important;}
html[data-theme="dark"] .tab:hover:not(.active){background:#1b1b1b!important;color:#fff!important;}
html[data-theme="dark"] .tab.active,
html[data-theme="dark"] .toolbar button.active{background:linear-gradient(180deg,#172326,#101010)!important;border-color:var(--ml-accent)!important;color:#ecfeff!important;box-shadow:inset 0 -3px 0 rgba(49,208,255,.55)!important;}
.toolbar{
  background:rgba(253,254,255,.74)!important;
  border-color:var(--ml-line)!important;
  border-radius:22px!important;
  box-shadow:var(--ml-shadow-card)!important;
}
html[data-theme="dark"] .toolbar{background:rgba(16,16,16,.96)!important;border-color:#303030!important;box-shadow:0 16px 44px rgba(0,0,0,.28)!important;}
.flash{border-radius:18px!important;box-shadow:var(--ml-shadow-card)!important;}
.status-pill,.badge,.pill{
  border:1px solid rgba(79,111,184,.14)!important;
  background:var(--ml-soft)!important;
  color:var(--ml-accent)!important;
  font-weight:750!important;
}
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .pill{background:#181818!important;border-color:#383838!important;color:#d8d8d8!important;}
table{border-collapse:separate!important;border-spacing:0!important;}
th{
  background:#eef3f8!important;
  color:#56657a!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.045em;
}
td{border-bottom-color:#e8eef5!important;}
tr:hover td{background:rgba(248,251,255,.74)!important;}
html[data-theme="dark"] th{background:#151515!important;color:#d5d5d5!important;border-bottom-color:#3a3a3a!important;}
html[data-theme="dark"] td{border-bottom-color:#252525!important;}
html[data-theme="dark"] tr:hover td{background:rgba(49,208,255,.04)!important;}
pre,.math-content{border-radius:18px!important;}
#mathCanvas{
  border-radius:24px!important;
  border-color:rgba(79,111,184,.28)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 18px 50px rgba(15,23,42,.10)!important;
}
html[data-theme="dark"] #mathCanvas{border-color:#303030!important;box-shadow:0 18px 54px rgba(0,0,0,.34)!important;}
html[data-theme="dark"] *{scrollbar-color:#5a5a5a #090909;}
html[data-theme="dark"] ::-webkit-scrollbar{width:12px;height:12px;}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:#090909;}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#4b4b4b;border:3px solid #090909;border-radius:999px;}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:#686868;}
@media(max-width:980px){
  .top{align-items:stretch!important;flex-direction:column!important;gap:12px!important;}
  .main-nav{justify-content:flex-start!important;width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;}
  .main-nav a,.theme-toggle,.who{flex:0 0 auto!important;}
  .page-hero{grid-template-columns:1fr!important;padding:22px!important;}
  .page-hero-meta{justify-content:flex-start!important;}
  .cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;}
}
@media(max-width:640px){
  .container{padding:14px!important;}
  .page-hero{border-radius:22px!important;padding:18px!important;margin-bottom:14px!important;}
  .page-hero h1{font-size:clamp(28px,8vw,40px)!important;}
  .page-hero-meta{display:none!important;}
  .grid3,.cards{grid-template-columns:1fr!important;}
  .tile{grid-template-columns:1fr!important;min-height:0!important;}
  .tile::before{margin-bottom:4px;}
  .tabs{overflow-x:auto!important;flex-wrap:nowrap!important;}
  .tab{flex:0 0 auto!important;}
  .actions{white-space:normal!important;}
  button,.button{min-height:42px!important;}
  .top button,.top .button,.toolbar button,.tabs button{width:auto!important;}
}

/* v1.1.7 — Knowledge Pack authoring templates / unsaved item preview */
.knowledge-template-picker,
.knowledge-authoring-preview{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.92))!important;
  border:1px solid rgba(79,111,184,.16)!important;
}
.knowledge-template-preview{
  margin-top:12px!important;
  padding:14px!important;
  border:1px dashed rgba(79,111,184,.28)!important;
  border-radius:20px!important;
  background:rgba(247,251,255,.82)!important;
}
.template-body-preview{
  white-space:pre-wrap!important;
  overflow:auto!important;
  max-height:360px!important;
  padding:14px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid var(--ml-line)!important;
  border-radius:18px!important;
}
.knowledge-authoring-preview h3{margin-top:14px!important;}
html[data-theme="dark"] .knowledge-template-picker,
html[data-theme="dark"] .knowledge-authoring-preview{
  background:linear-gradient(180deg,#151515,#101010)!important;
  border-color:#303030!important;
}
html[data-theme="dark"] .knowledge-template-preview{
  background:#111!important;
  border-color:#3a3a3a!important;
}
html[data-theme="dark"] .template-body-preview{
  background:#090909!important;
  border-color:#303030!important;
  color:#eeeeee!important;
}

/* v1.1.9 — Knowledge Pack external authoring workflow / quality gate */
.quality-gate{
  margin:12px 0 18px!important;
  padding:14px!important;
  border:1px solid rgba(79,111,184,.18)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.88))!important;
}
.quality-gate .quality-checklist{margin-top:12px!important;}
.quality-gate.quality-ready{border-color:rgba(4,120,87,.30)!important;}
.quality-gate.quality-review{border-color:rgba(180,83,9,.34)!important;}
.quality-gate.quality-blocked{border-color:rgba(220,38,38,.36)!important;}
html[data-theme="dark"] .quality-gate{
  background:linear-gradient(180deg,#151515,#101010)!important;
  border-color:#303030!important;
}
html[data-theme="dark"] .quality-gate.quality-ready{border-color:rgba(52,211,153,.30)!important;}
html[data-theme="dark"] .quality-gate.quality-review{border-color:rgba(251,191,36,.34)!important;}
html[data-theme="dark"] .quality-gate.quality-blocked{border-color:rgba(248,113,113,.36)!important;}

/* v1.2.0 — Knowledge Pack source traceability / content production pipeline */
.source-trace-summary{margin:10px 0 16px!important;}
.source-trace{
  margin:8px 0!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  border:1px solid rgba(79,111,184,.16)!important;
  background:rgba(247,251,255,.72)!important;
  font-size:.92rem!important;
}
.source-trace.trace-ok{border-color:rgba(4,120,87,.24)!important;}
.source-trace.trace-missing{border-color:rgba(180,83,9,.22)!important;color:var(--ml-muted)!important;}
html[data-theme="dark"] .source-trace{
  background:#111!important;
  border-color:#303030!important;
}
html[data-theme="dark"] .source-trace.trace-ok{border-color:rgba(52,211,153,.28)!important;}
html[data-theme="dark"] .source-trace.trace-missing{border-color:rgba(251,191,36,.26)!important;}

/* v1.2.1 — Knowledge Pack manual source-batch worksheet UX */
.worksheet-guide,.source-batch-fields{border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0;background:var(--surface-2)}
.worksheet-guide summary,.source-batch-fields summary{cursor:pointer;font-weight:900;color:var(--accent)}
.worksheet-guide table{margin-top:10px}.worksheet-guide code{font-weight:800;color:var(--accent)}
html[data-theme="dark"] .worksheet-guide,html[data-theme="dark"] .source-batch-fields{background:rgba(15,23,42,.55)}

/* v1.2.2 — Knowledge Pack source manifest editor / missing trace review filters */
.source-manifest-editor{
  margin:12px 0 18px!important;
  padding:14px!important;
  border:1px solid rgba(79,111,184,.18)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.88))!important;
}
.source-manifest-editor table{margin:12px 0!important;}
.source-manifest-editor details{margin-top:12px!important;}
.source-manifest-editor summary{cursor:pointer;font-weight:900;color:var(--ml-accent, var(--accent));}
.source-manifest-form{margin-top:10px!important;}
.trace-review-links{margin:8px 0 16px!important;}
.trace-missing-row td{background:rgba(255,251,235,.46)!important;}
.trace-missing-row:hover td{background:rgba(255,251,235,.72)!important;}
html[data-theme="dark"] .source-manifest-editor{
  background:linear-gradient(180deg,#151515,#101010)!important;
  border-color:#303030!important;
}
html[data-theme="dark"] .trace-missing-row td{background:rgba(251,191,36,.055)!important;}
html[data-theme="dark"] .trace-missing-row:hover td{background:rgba(251,191,36,.085)!important;}

/* v1.2.3 — Knowledge Pack item trace fill helper / manifest source picker */
.trace-fill-helper{
  margin:10px 0!important;
  padding:12px!important;
  border:1px dashed rgba(79,111,184,.26)!important;
  border-radius:18px!important;
  background:rgba(247,251,255,.72)!important;
}
.trace-fill-helper summary{cursor:pointer;font-weight:900;color:var(--ml-accent, var(--accent));}
.trace-fill-form{margin-top:10px!important;display:grid;gap:10px!important;}
.knowledge-bulk-bar .trace-fill-helper{grid-column:1/-1;margin-top:8px!important;}
.trace-fill-helper textarea{min-height:58px!important;}
html[data-theme="dark"] .trace-fill-helper{
  background:rgba(15,23,42,.48)!important;
  border-color:rgba(148,163,184,.24)!important;
}

/* v1.2.4 — Knowledge Pack trace consistency validator / orphan source audit */
.trace-consistency-audit{
  margin:12px 0 18px!important;
  padding:14px!important;
  border:1px solid rgba(79,111,184,.18)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.88))!important;
}
.trace-consistency-audit details{margin-top:12px!important;}
.trace-consistency-audit summary{cursor:pointer;font-weight:900;color:var(--ml-accent, var(--accent));}
.trace-consistency-audit .rowform{margin:10px 0!important;}
.trace-audit-ready{border-color:rgba(4,120,87,.28)!important;}
.trace-audit-review{border-color:rgba(180,83,9,.30)!important;}
.trace-audit-blocked{border-color:rgba(220,38,38,.34)!important;}
.trace-issue-error td{background:rgba(254,226,226,.42)!important;}
.trace-issue-warn td{background:rgba(255,251,235,.48)!important;}
.trace-issue-info td{background:rgba(239,246,255,.42)!important;}
html[data-theme="dark"] .trace-consistency-audit{
  background:linear-gradient(180deg,#151515,#101010)!important;
  border-color:#303030!important;
}
html[data-theme="dark"] .trace-audit-ready{border-color:rgba(52,211,153,.28)!important;}
html[data-theme="dark"] .trace-audit-review{border-color:rgba(251,191,36,.30)!important;}
html[data-theme="dark"] .trace-audit-blocked{border-color:rgba(248,113,113,.34)!important;}
html[data-theme="dark"] .trace-issue-error td{background:rgba(248,113,113,.08)!important;}
html[data-theme="dark"] .trace-issue-warn td{background:rgba(251,191,36,.075)!important;}
html[data-theme="dark"] .trace-issue-info td{background:rgba(96,165,250,.075)!important;}


/* v1.2.8 tabular import review UX */
.tabular-preview-summary { margin-top: 1rem; padding: .9rem; border: 1px solid var(--line); border-radius: 16px; background: var(--surface-soft); }
.preview-repair-tools { margin-top: 1rem; border: 1px solid var(--line); border-radius: 16px; padding: .75rem .9rem; background: var(--surface); }
.preview-repair-tools summary { cursor: pointer; font-weight: 700; }
.table-scroll { overflow-x: auto; }
.preview-repair-table { min-width: 1120px; }
.preview-repair-table input, .preview-repair-table textarea, .preview-repair-table select { width: 100%; min-width: 0; margin: .15rem 0; }
.preview-repair-table textarea { font-family: inherit; resize: vertical; }

/* v1.2.9 — Knowledge Pack review dashboard / activation checklist */
.knowledge-review-dashboard{border-color:rgba(37,99,235,.18)!important;}
.review-kpi-grid{margin:12px 0 16px!important;}
.review-dashboard-table td{vertical-align:top!important;}
.review-gate-blocked td{background:rgba(254,242,242,.56)!important;}
.review-gate-review td{background:rgba(255,251,235,.48)!important;}
.review-gate-ready td{background:rgba(240,253,244,.44)!important;}
.review-queue-links{margin:12px 0 18px!important;}
.review-state-line{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px!important;align-items:center;}
.review-state-line .badge{font-size:.78rem!important;}
html[data-theme="dark"] .knowledge-review-dashboard{border-color:rgba(96,165,250,.20)!important;}
html[data-theme="dark"] .review-gate-blocked td{background:rgba(248,113,113,.075)!important;}
html[data-theme="dark"] .review-gate-review td{background:rgba(251,191,36,.070)!important;}
html[data-theme="dark"] .review-gate-ready td{background:rgba(52,211,153,.060)!important;}

/* v1.3.0 — Runtime Knowledge Selection Audit */
.runtime-audit{
  margin:14px 0 18px!important;
  padding:14px!important;
  border:1px solid rgba(37,99,235,.18)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.86))!important;
}
.runtime-audit h3{margin-top:0!important;}
.runtime-audit details{margin-top:12px!important;}
.runtime-audit summary{cursor:pointer;font-weight:900;color:var(--ml-accent, var(--accent));}
.runtime-audit table td{vertical-align:top!important;}
html[data-theme="dark"] .runtime-audit{
  background:linear-gradient(180deg,#151515,#101010)!important;
  border-color:#303030!important;
}

/* v1.3.1 — Teacher-facing assessment trace / KB influence panel */
.assessment-trace-panel{
  margin:16px 0 20px!important;
  padding:14px!important;
  border:1px solid rgba(37,99,235,.18)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,252,.88))!important;
}
.assessment-trace-panel h3{margin-top:0!important;}
.trace-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px!important;}
.trace-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px!important;}
.trace-chip{display:inline-flex;gap:6px;align-items:center;border:1px solid rgba(37,99,235,.16);border-radius:999px;padding:7px 10px;background:rgba(239,246,255,.74);font-size:.92rem;}
.trace-chip b{font-size:1rem;}
.trace-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:10px!important;}
.trace-group-card{border:1px solid var(--line);border-radius:16px;padding:10px;background:rgba(255,255,255,.72);}
.assessment-trace-panel summary{cursor:pointer;font-weight:900;color:var(--ml-accent, var(--accent));}
.assessment-trace-panel details{margin-top:10px!important;}
.assessment-trace-panel table td{vertical-align:top!important;}
.trace-map-table td:first-child{white-space:nowrap;}
html[data-theme="dark"] .assessment-trace-panel{
  background:linear-gradient(180deg,#151515,#101010)!important;
  border-color:#303030!important;
}
html[data-theme="dark"] .trace-chip{background:rgba(30,58,138,.22);border-color:rgba(96,165,250,.24);}
html[data-theme="dark"] .trace-group-card{background:rgba(15,23,42,.48);border-color:rgba(148,163,184,.22);}

/* v1.3.2 — Teacher decision analytics */
.teacher-decision-panel{
  margin:16px 0 20px!important;
  padding:14px!important;
  border:1px solid rgba(15,118,110,.20)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(240,253,250,.92),rgba(248,250,252,.88))!important;
}
.teacher-decision-panel h3{margin-top:0!important;}
.teacher-decision-panel table td{vertical-align:top!important;}
.decision-delta-table td:first-child{white-space:nowrap;}
html[data-theme="dark"] .teacher-decision-panel{
  background:linear-gradient(180deg,rgba(19,78,74,.30),#101010)!important;
  border-color:rgba(45,212,191,.20)!important;
}

/* v1.3.3 — Teacher review history / decision timeline */
.teacher-history-panel{
  margin:16px 0 20px!important;
  padding:14px!important;
  border:1px solid rgba(124,58,237,.20)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(250,245,255,.94),rgba(248,250,252,.88))!important;
}
.teacher-history-panel h3{margin-top:0!important;}
.teacher-history-panel details{margin-top:12px!important;}
.teacher-history-panel summary{cursor:pointer;font-weight:900;color:var(--ml-accent, var(--accent));}
.teacher-history-panel table td{vertical-align:top!important;}
.teacher-timeline-table td:first-child,.teacher-review-history-table td:first-child{white-space:nowrap;}
html[data-theme="dark"] .teacher-history-panel{
  background:linear-gradient(180deg,rgba(88,28,135,.26),#101010)!important;
  border-color:rgba(196,181,253,.22)!important;
}

/* v1.3.5 — canvas ink smoothing + teacher queue triage */
#mathCanvas{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;image-rendering:auto!important;}
.triage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin-top:12px}.triage-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 8px 24px rgba(20,32,64,.04)}.triage-card b{font-size:22px}.triage-card.active{outline:2px solid rgba(35,70,240,.35);border-color:rgba(35,70,240,.45)}.triage-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap}.triage-pending-ai{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.triage-ai-error{background:#fef3f2;border-color:#fecdca;color:#b42318}.triage-human-review{background:#fffaeb;border-color:#fedf89;color:#b54708}.triage-pending-teacher{background:#f4f3ff;border-color:#d9d6fe;color:#5925dc}.triage-feedback-ready{background:#ecfdf3;border-color:#abefc6;color:#067647}.triage-all{background:#f2f4f7;border-color:#d0d5dd;color:#344054}html[data-theme="dark"] .triage-card{background:#111!important;border-color:#303030!important;color:#f1f1f1!important}html[data-theme="dark"] .triage-card.active{outline-color:rgba(49,208,255,.35)!important;border-color:rgba(49,208,255,.45)!important}html[data-theme="dark"] .triage-badge{border-color:#303030!important}

/* v1.3.6 — AI provider diagnostics */
.ai-diagnostics code,.ai-diagnostics-results code{font-size:.88rem}.diag-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;border:1px solid var(--line);font-weight:800;font-size:.82rem}.diag-ok{background:#ecfdf3;border-color:#abefc6;color:#067647}.diag-missing{background:#fffaeb;border-color:#fedf89;color:#b54708}.diag-error{background:#fef3f2;border-color:#fecdca;color:#b42318}.diag-check{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#ecfdf3;color:#067647;font-weight:900}.diag-x{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#fef3f2;color:#b42318;font-weight:900}.diag-details{border:1px solid var(--line);border-radius:16px;padding:10px 12px;margin:10px 0;background:var(--surface)}.diag-details summary{cursor:pointer;font-weight:800}html[data-theme="dark"] .diag-details{background:#111!important;border-color:#303030!important}

/* v1.3.7 — UX modernization / navigation + accordion refresh
   Visual-only layer: no DB, AI provider, assessment or student.submit logic changes. */
:root{
  --radius:10px;
  --radius-sm:8px;
  --ml-radius-xl:12px;
  --ml-radius-lg:10px;
  --ml-radius-md:8px;
  --shadow-sm:0 8px 22px rgba(15,23,42,.06);
  --shadow:0 18px 44px rgba(15,23,42,.08);
}
.card,.tile,.mini-card,.rubric-builder,.alignment-target-picker,.bulk-authoring,.knowledge-filter-bar,.knowledge-bulk-bar,.activation-checklist section,.runtime-audit,.assessment-trace-panel,.teacher-decision-panel,.teacher-history-panel,.diag-details,.triage-card,.flash,.flash-popup,.page-hero{
  border-radius:10px!important;
}
button,.button,input,select,textarea,.status-pill,.badge,.triage-badge,.diag-pill,.trace-chip,.who,.theme-toggle,.main-nav a{
  border-radius:8px!important;
}
.brand-mark{border-radius:10px!important;}
.card,.tile,.mini-card{box-shadow:0 10px 28px rgba(15,23,42,.055)!important;}
.card:hover,.tile:hover{transform:none!important;}
.page-hero{padding:18px 20px!important;margin-bottom:18px!important;}
.page-hero-meta{display:none!important;}

/* Role-aware dropdown navigation. */
.top{align-items:center!important;gap:16px!important;}
.main-nav{gap:8px!important;position:relative!important;}
.nav-dropdown{position:relative;display:inline-flex;align-items:center;}
.nav-dropdown>summary{list-style:none;min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:rgba(255,255,255,.72);font-size:14px;font-weight:850;cursor:pointer;user-select:none;color:var(--ink);box-shadow:0 2px 8px rgba(15,23,42,.035);}
.nav-dropdown>summary::-webkit-details-marker{display:none;}
.nav-dropdown>summary::after{content:'⌄';font-size:12px;color:var(--muted);margin-left:2px;transition:transform .16s ease;}
.nav-dropdown[open]>summary{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow-sm);}
.nav-dropdown[open]>summary::after{transform:rotate(180deg);}
.nav-dropdown-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:230px;display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 22px 60px rgba(15,23,42,.15);}
.nav-dropdown-panel a{justify-content:flex-start!important;width:100%;background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding:9px 10px!important;}
.nav-dropdown-panel a:hover{background:var(--surface-2)!important;border-color:var(--line)!important;}
html[data-theme="dark"] .nav-dropdown>summary{background:rgba(15,23,42,.70);border-color:transparent;color:var(--ink);}
html[data-theme="dark"] .nav-dropdown[open]>summary,html[data-theme="dark"] .nav-dropdown-panel{background:#111827;border-color:#303a4d;}
html[data-theme="dark"] .nav-dropdown-panel a:hover{background:#0f172a!important;}

/* Generic accordions: compact by default, readable when opened. */
.section-accordion{border:1px solid var(--line);border-radius:10px!important;background:rgba(255,255,255,.62);margin:10px 0!important;overflow:hidden;}
.section-accordion>summary{cursor:pointer;font-weight:900;color:var(--ink);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.section-accordion>summary::after{content:'+';width:22px;height:22px;border:1px solid var(--line);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900;}
.section-accordion[open]>summary{border-bottom:1px solid var(--line);background:rgba(248,250,252,.82);}
.section-accordion[open]>summary::after{content:'−';}
.section-accordion>*:not(summary){margin-left:14px;margin-right:14px;}
.section-accordion>table,.section-accordion>.table-scroll,.section-accordion>.rag-list{margin:12px 14px 14px!important;width:calc(100% - 28px)!important;}
html[data-theme="dark"] .section-accordion{background:rgba(15,23,42,.46);border-color:#303a4d;}
html[data-theme="dark"] .section-accordion[open]>summary{background:rgba(17,24,39,.88);border-bottom-color:#303a4d;}

/* Teacher review: summary-first, fewer always-open technical blocks. */
.review-shell{display:grid;gap:14px;}
.review-summary-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.9fr) auto;gap:16px;align-items:center;margin-top:0!important;}
.review-summary-card h2{margin:4px 0 6px!important;font-size:clamp(22px,2.6vw,32px);line-height:1.1;}
.review-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.review-kpis span{border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:10px 11px;min-width:0;}
.review-kpis b{display:block;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.review-kpis small{display:block;color:var(--muted);font-weight:800;margin-top:2px;}
.review-summary-actions{display:flex;justify-content:flex-end;align-items:center;}
.review-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:14px;align-items:start;}
.review-student-card,.review-ai-card{margin:0!important;}
.review-ai-card h2,.review-action-card h2{margin-top:0!important;}
.review-kpis-inline{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:12px 0 14px;}
.review-action-card{position:sticky;bottom:12px;z-index:3;border-color:rgba(79,70,229,.22)!important;}
.review-action-card form{display:grid;gap:10px;}
.review-action-card label{margin-top:4px!important;}
.assessment-trace-panel,.teacher-decision-panel,.teacher-history-panel{margin:12px 0!important;padding:12px!important;border-radius:10px!important;}
.trace-chip-row{gap:6px!important;}
.trace-chip{padding:6px 8px!important;font-size:.88rem!important;}
.trace-group-card{border-radius:10px!important;}
.compact-grid>.card{margin:10px 0!important;}

/* Tables: less visually heavy in dense pages. */
table{font-size:.95rem;}
th{font-size:.8rem;text-transform:uppercase;letter-spacing:.035em;color:var(--muted);}
th,td{padding:9px 10px;}
.table-scroll{overflow-x:auto;}

@media(max-width:980px){
  .top{align-items:stretch!important;flex-direction:column!important;}
  .main-nav{justify-content:flex-start!important;overflow-x:visible!important;flex-wrap:wrap!important;}
  .nav-dropdown{position:static;}
  .nav-dropdown-panel{left:0;right:auto;width:min(520px,calc(100vw - 28px));}
  .review-summary-card{grid-template-columns:1fr;}
  .review-summary-actions{justify-content:flex-start;}
  .review-main-grid{grid-template-columns:1fr;}
  .review-action-card{position:static;}
}
@media(max-width:640px){
  .review-kpis{grid-template-columns:1fr;}
  .nav-dropdown-panel{position:static;width:100%;box-shadow:none;margin-top:6px;}
  .nav-dropdown{width:100%;display:block;}
  .nav-dropdown>summary{width:100%;justify-content:space-between;}
}

/* v1.3.7.1 — UI bugfix / compact professional shape pass
   Fixes visual regressions from v1.3.7 without touching workflows, DB or AI calls. */
:root{
  --ml-radius-xl:12px;
  --ml-radius-lg:10px;
  --ml-radius-md:8px;
}

/* Remove remaining “pill/oval” feeling from structural UI elements. */
.card,.tile,.mini-card,.page-hero,.flash,.flash-popup,.toolbar,.tabs,
.rubric-builder,.alignment-target-picker,.knowledge-filter-bar,.knowledge-bulk-bar,
.bulk-authoring,.worksheet-guide,.source-batch-fields,.runtime-audit,
.assessment-trace-panel,.teacher-decision-panel,.teacher-history-panel,.diag-details,
.triage-card,.activation-checklist section,.target-group,.target-check,
.tabular-preview-summary,.preview-repair-tools{
  border-radius:10px!important;
}
button,.button,input,select,textarea,.tab,.toolbar label,.check,
.status-pill,.badge,.pill,.triage-badge,.diag-pill,.trace-chip,
.main-nav a,.theme-toggle,.who,.submission-page h3{
  border-radius:8px!important;
}
.brand-mark,.tile::before{border-radius:10px!important;}
#mathCanvas,.submission-img,pre,.math-content{border-radius:10px!important;}

/* The final review form is too large to be sticky; sticky positioning made it cover content. */
.review-action-card{position:static!important;bottom:auto!important;z-index:auto!important;}
.review-action-card form{max-width:920px;}

/* Dropdowns should feel like menus, not floating oversized pills. */
.nav-dropdown>summary{border-radius:8px!important;}
.nav-dropdown-panel{border-radius:10px!important;max-height:min(70vh,520px);overflow:auto;}
.nav-dropdown-panel a{border-radius:8px!important;}
.nav-dropdown-panel a::before{border-radius:7px!important;}

/* Keep dense pages usable on small screens: accordions and cards can scroll horizontally instead of clipping tables. */
.section-accordion{overflow-x:auto!important;overflow-y:visible!important;}
.card:has(table),.section-accordion:has(table){overflow-x:auto!important;}
@media(max-width:760px){
  table{min-width:640px;}
  .card,.section-accordion{max-width:100%;}
  .rowform{grid-template-columns:1fr!important;}
  .toolbar{align-items:stretch!important;}
  .toolbar label{width:100%;justify-content:space-between;}
  .toolbar input,.toolbar select{width:100%!important;}
}

/* Teacher review: avoid cramped summary overflow and keep action buttons readable. */
.review-summary-card{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr) auto!important;}
.review-summary-card,.review-kpis span,.review-summary-actions{min-width:0;}
.review-summary-actions .button{white-space:nowrap;}
.review-kpis b{font-size:.95rem!important;}
@media(max-width:1100px){
  .review-summary-card{grid-template-columns:1fr!important;}
  .review-summary-actions{justify-content:flex-start!important;}
}
@media(max-width:640px){
  .review-summary-actions .button{white-space:normal;width:100%!important;}
}

/* Reduce accidental visual noise from auto-generated button icons in form-heavy pages. */
.review-action-card button::before,
.ai-diagnostics button::before,
.ai-diagnostics-results button::before{
  content:none!important;
}

/* v1.3.8 — Model routing presets
   Teacher-facing presets resolve to provider/model IDs without changing DB schema. */
.model-routing-control{border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:12px;margin:10px 0;display:grid;gap:8px;}
.model-routing-control label{margin:0!important;}
.model-routing-hint{margin:0!important;font-size:.9rem;}
.model-routing-advanced{border:1px dashed var(--line);border-radius:8px;background:var(--surface);padding:8px 10px;margin-top:2px;}
.model-routing-advanced>summary{cursor:pointer;font-weight:850;color:var(--ink);}
.model-routing-advanced label{margin-top:8px!important;}
.model-routing-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(79,70,229,.20);background:rgba(79,70,229,.08);color:var(--ink);padding:4px 7px;border-radius:8px;font-size:.82rem;font-weight:900;}
html[data-theme="dark"] .model-routing-control{background:rgba(15,23,42,.46);border-color:#303a4d;}
html[data-theme="dark"] .model-routing-advanced{background:#111827;border-color:#303a4d;}
html[data-theme="dark"] .model-routing-badge{background:rgba(129,140,248,.16);border-color:rgba(129,140,248,.32);}

/* v1.3.9 usage / cost dashboard */
.usage-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:16px 0;}
.usage-kpi{border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow-sm);padding:14px;min-width:0;}
.usage-kpi b{display:block;font-size:clamp(1.25rem,2.2vw,2rem);letter-spacing:-.045em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.usage-kpi span{display:block;color:var(--ink);font-weight:900;margin-top:5px;}
.usage-kpi small{display:block;color:var(--muted);font-weight:750;margin-top:5px;line-height:1.35;}
html[data-theme="dark"] .usage-kpi{background:rgba(15,23,42,.78);border-color:#303a4d;}

/* v1.3.9.6.2 — inline action forms for destructive profile actions */
.inline-form{display:inline-flex;margin:0;gap:8px;align-items:center;}
.actions .inline-form button{width:auto;}


/* v1.3.9.7 — Knowledge backup ZIP preview / restore draft MVP */
.knowledge-backup-preview .compact-list{margin:6px 0 0 18px;padding:0;display:grid;gap:4px;}
.knowledge-backup-preview .compact-list li{line-height:1.35;}
.knowledge-backup-preview table td{vertical-align:top;}

/* v1.3.9.8 — Backup import mapping / conflict resolution UI */
.knowledge-backup-preview .backup-pack-stack{display:grid;gap:14px;margin:14px 0;}
.knowledge-backup-preview .backup-pack-card{border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow-sm);padding:14px;display:grid;gap:12px;}
.knowledge-backup-preview .backup-pack-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.knowledge-backup-preview .backup-pack-head h3{margin:0 0 4px;font-size:1.05rem;}
.knowledge-backup-preview .backup-pack-head p{margin:0;}
.knowledge-backup-preview .backup-pack-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;}
.knowledge-backup-preview .backup-pack-body{align-items:start;}
.knowledge-backup-preview .backup-pack-body h4{margin:0 0 8px;font-size:.95rem;}
.knowledge-backup-preview .backup-target-mapping,.knowledge-backup-preview .backup-comparison{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:10px;}
.knowledge-backup-preview .backup-target-mapping label{margin-top:8px!important;}
.knowledge-backup-preview .backup-diagnostics,.knowledge-backup-preview .backup-item-selector{border:1px dashed var(--line);border-radius:12px;background:var(--surface);padding:10px;}
.knowledge-backup-preview .backup-diagnostics>summary,.knowledge-backup-preview .backup-item-selector>summary{cursor:pointer;font-weight:900;}
.knowledge-backup-preview .backup-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin-top:10px;max-height:440px;overflow:auto;padding-right:4px;}
.knowledge-backup-preview .backup-item-check{display:flex!important;gap:8px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:8px;margin:0!important;}
.knowledge-backup-preview .backup-item-check input{margin-top:3px;width:auto!important;}
.knowledge-backup-preview .backup-item-check span{display:grid;gap:3px;min-width:0;}
.knowledge-backup-preview .backup-item-check small{color:var(--muted);font-weight:800;}
.knowledge-backup-preview .backup-item-check em{color:var(--muted);font-style:normal;font-size:.86rem;line-height:1.35;}
.knowledge-backup-preview .sticky-actions{position:sticky;bottom:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--shadow-sm);z-index:2;}
html[data-theme="dark"] .knowledge-backup-preview .backup-pack-card,
html[data-theme="dark"] .knowledge-backup-preview .backup-item-check,
html[data-theme="dark"] .knowledge-backup-preview .sticky-actions{background:rgba(15,23,42,.78);border-color:#303a4d;}
html[data-theme="dark"] .knowledge-backup-preview .backup-target-mapping,
html[data-theme="dark"] .knowledge-backup-preview .backup-comparison{background:rgba(15,23,42,.46);border-color:#303a4d;}
@media(max-width:760px){
  .knowledge-backup-preview .backup-pack-head{display:grid;}
  .knowledge-backup-preview .backup-pack-status{justify-content:flex-start;}
  .knowledge-backup-preview .backup-item-grid{grid-template-columns:1fr;max-height:none;}
}

/* v1.3.9.9 — Imported draft review workflow polish */
.imported-draft-review-queue,.restore-import-review-panel{border-color:rgba(14,165,233,.24)!important;background:linear-gradient(180deg,rgba(240,249,255,.72),rgba(255,255,255,.80));}
html[data-theme="dark"] .imported-draft-review-queue,html[data-theme="dark"] .restore-import-review-panel{background:linear-gradient(180deg,rgba(12,74,110,.18),rgba(15,23,42,.56));border-color:rgba(56,189,248,.24)!important;}
.imported-draft-table td{vertical-align:top;}
.restore-import-meta{border:1px solid var(--line);border-radius:18px;padding:12px;margin:10px 0;background:rgba(255,255,255,.62);box-shadow:var(--shadow-sm);}
html[data-theme="dark"] .restore-import-meta{background:rgba(15,23,42,.52);}
.restore-import-meta h4{margin:0 0 10px;}
.restore-import-facts{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;gap:8px 12px;margin:12px 0 0;}
.restore-import-facts dt{font-weight:800;color:var(--muted);}
.restore-import-facts dd{margin:0;}
.restore-ready-checklist{margin-top:14px;}
.knowledge-items-card .restore-import-meta{font-size:.94rem;margin:8px 0 12px;padding:10px;}
.knowledge-items-card .restore-import-meta .grid3{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;}
@media(max-width:680px){.restore-import-facts{grid-template-columns:1fr}.imported-draft-table td{display:block;width:100%;}}

/* v1.3.10 — Knowledge import QA / hardening diagnostics */
.knowledge-backup-preview .backup-import-qa-panel{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:12px;margin:12px 0;box-shadow:var(--shadow-sm);}
.knowledge-backup-preview .backup-import-qa-panel h3{margin:0 0 6px;font-size:1rem;}
.knowledge-backup-preview .backup-import-qa-panel.qa-blocked{border-color:rgba(239,68,68,.45);}
.knowledge-backup-preview .backup-import-qa-panel.qa-ok{border-color:rgba(34,197,94,.35);}
html[data-theme="dark"] .knowledge-backup-preview .backup-import-qa-panel{background:rgba(15,23,42,.52);border-color:#303a4d;}
html[data-theme="dark"] .knowledge-backup-preview .backup-import-qa-panel.qa-blocked{border-color:rgba(248,113,113,.55);}
html[data-theme="dark"] .knowledge-backup-preview .backup-import-qa-panel.qa-ok{border-color:rgba(74,222,128,.45);}

/* v1.3.11 — Backup import result summary / duplicate detection */
.backup-preview-expiry{border-color:rgba(14,165,233,.32)!important;}
.knowledge-backup-preview .backup-possible-duplicate{border-color:rgba(245,158,11,.42)!important;}
.knowledge-backup-preview .duplicate-badge{border-color:rgba(245,158,11,.38);background:rgba(245,158,11,.12);}
.knowledge-backup-preview .duplicate-import-warning{margin:0;}
.backup-import-result-panel{border-color:rgba(34,197,94,.30)!important;background:linear-gradient(180deg,rgba(240,253,244,.72),rgba(255,255,255,.82));}
.backup-import-result-panel table td{vertical-align:top;}
html[data-theme="dark"] .backup-import-result-panel{background:linear-gradient(180deg,rgba(20,83,45,.18),rgba(15,23,42,.56));border-color:rgba(74,222,128,.28)!important;}
html[data-theme="dark"] .knowledge-backup-preview .backup-possible-duplicate{border-color:rgba(251,191,36,.45)!important;}
html[data-theme="dark"] .knowledge-backup-preview .duplicate-badge{background:rgba(251,191,36,.16);border-color:rgba(251,191,36,.36);}

/* v1.3.12 — Backup import history / cleanup management MVP */
.backup-import-history-cleanup{border-color:rgba(14,165,233,.26)!important;background:linear-gradient(180deg,rgba(240,249,255,.70),rgba(255,255,255,.84));}
.backup-import-history-cleanup details{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px;margin-top:12px;}
.backup-import-history-cleanup details>summary{cursor:pointer;font-weight:900;}
.backup-import-history-cleanup table td{vertical-align:top;}
.backup-import-history-cleanup .inline-form{display:inline-flex;}
html[data-theme="dark"] .backup-import-history-cleanup{background:linear-gradient(180deg,rgba(12,74,110,.16),rgba(15,23,42,.58));border-color:rgba(56,189,248,.24)!important;}
html[data-theme="dark"] .backup-import-history-cleanup details{background:rgba(15,23,42,.58);border-color:#303a4d;}
@media(max-width:780px){.backup-import-history-cleanup table.compact-table td{display:block;width:100%;}.backup-import-history-cleanup table.compact-table th{display:none;}}

/* v1.3.13 — Import/review audit timeline MVP */
.json-preview{white-space:pre-wrap;max-height:320px;overflow:auto;font-size:.85rem}.compact-list{list-style:none;padding:0;margin:.5rem 0}.compact-list li{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px solid var(--line)}


/* v1.3.14 — Lifecycle docs / research manual UX */
.lifecycle-guide-card,.lifecycle-manual{border-color:rgba(99,102,241,.24)!important;background:linear-gradient(180deg,rgba(238,242,255,.70),rgba(255,255,255,.86));}
html[data-theme="dark"] .lifecycle-guide-card,html[data-theme="dark"] .lifecycle-manual{background:linear-gradient(180deg,rgba(49,46,129,.18),rgba(15,23,42,.58));border-color:rgba(129,140,248,.24)!important;}
.lifecycle-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0;}
.lifecycle-steps-wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.lifecycle-step{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px;box-shadow:var(--shadow-sm);min-width:0;}
.lifecycle-step b,.lifecycle-step h3{display:block;margin:0 0 6px;font-size:1rem;}
.lifecycle-step span,.lifecycle-step p,.lifecycle-step dd{color:var(--muted);font-weight:750;line-height:1.45;}
.lifecycle-step dl{margin:8px 0 0;display:grid;gap:5px;}
.lifecycle-step dt{font-weight:900;color:var(--ink);}
.lifecycle-step dd{margin:0;}
.lifecycle-help{border:1px dashed var(--line);border-radius:14px;background:var(--surface);padding:10px;margin:12px 0;}
.lifecycle-help>summary{cursor:pointer;font-weight:900;}
html[data-theme="dark"] .lifecycle-step{background:rgba(15,23,42,.78);border-color:#303a4d;}
html[data-theme="dark"] .lifecycle-help{background:rgba(15,23,42,.52);border-color:#303a4d;}
@media(max-width:760px){.lifecycle-steps,.lifecycle-steps-wide{grid-template-columns:1fr;}}


/* v1.3.16 — External QA security/methodology hotfix UX */
.qa-checklist-card .qa-checklist li { margin-bottom: 0.45rem; }
.qa-checklist-card h2 { display: flex; align-items: center; gap: 0.45rem; }
.qa-checklist-card h2::before { content: '☑'; font-size: 0.9em; opacity: 0.8; }

/* v1.3.18 — Final UX / Research Manual Polish */
.field-help{display:block;margin:.25rem 0 .45rem;color:var(--muted);font-size:.88rem;font-weight:750;line-height:1.35;}
.canvas-draft-status{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:var(--surface-2);font-size:.86rem;font-weight:850;}
#mathCanvas{background:linear-gradient(180deg,#fff,#fff 97%,#fafafa);}
.review-flow-card{border-color:rgba(20,184,166,.25)!important;background:linear-gradient(180deg,rgba(240,253,250,.72),rgba(255,255,255,.86));}
.review-flow-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;list-style:none;margin:0;padding:0;counter-reset:review-step;}
.review-flow-list li{counter-increment:review-step;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:12px 12px 12px 46px;box-shadow:var(--shadow-sm);position:relative;min-height:96px;}
.review-flow-list li::before{content:counter(review-step);position:absolute;left:12px;top:13px;width:24px;height:24px;border-radius:999px;background:var(--accent-2);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:.82rem;}
.review-flow-list b{display:block;margin-bottom:4px;line-height:1.25;}
.review-flow-list span{display:block;color:var(--muted);font-weight:760;line-height:1.38;font-size:.92rem;}
.review-method-note{border-color:rgba(14,165,233,.30)!important;}
.review-action-card{position:relative;}
.review-action-card form{display:grid;gap:8px;}
.review-action-card label{margin:4px 0;}
.lifecycle-manual .method-notes{display:grid;gap:8px;}
.lifecycle-manual .method-notes li{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card);line-height:1.45;}
.qa-checklist-card .compact-list li{display:list-item;border-bottom:0;padding:.2rem 0;}
@media(max-width:760px){
  .review-flow-list{grid-template-columns:1fr;}
  .toolbar .canvas-draft-status{width:100%;justify-content:center;}
  .review-summary-actions .button{width:100%;}
}
html[data-theme="dark"] .canvas-draft-status{background:rgba(15,23,42,.58);border-color:#303a4d;}
html[data-theme="dark"] .review-flow-card{background:linear-gradient(180deg,rgba(19,78,74,.16),rgba(15,23,42,.58));border-color:rgba(45,212,191,.24)!important;}
html[data-theme="dark"] .review-flow-list li,html[data-theme="dark"] .lifecycle-manual .method-notes li{background:rgba(15,23,42,.76);border-color:#303a4d;}


/* v1.4.1 — RC Deployment Smoke Test / Install Fixes */

/* MathLoop v1.4.2 — lightweight loading states for uploads and teacher-triggered AI waits */
.ml-loading-overlay[hidden]{display:none!important}
.ml-loading-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ml-loading-card{position:relative;display:flex;align-items:flex-start;gap:14px;width:min(680px,calc(100vw - 32px));padding:18px 52px 18px 20px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);color:var(--ink)}
.ml-loading-cancel{position:absolute;right:14px;top:12px;width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:rgba(15,23,42,.35);color:var(--ink);font-size:1.3rem;line-height:1;display:grid;place-items:center;cursor:pointer}.ml-loading-cancel:hover{border-color:var(--accent);background:rgba(96,165,250,.16)}.ml-loading-cancel-hint{margin-top:10px!important;color:var(--muted)!important}.ml-loading-cancel-hint[hidden]{display:none!important}.ml-loading-copy{min-width:0;flex:1}.ml-loading-card strong{display:block;font-size:1rem;letter-spacing:-.02em}.ml-loading-card small{display:block;margin-top:3px;color:var(--muted);line-height:1.35}.ml-loading-steps{margin:14px 0 0;padding-left:0;list-style:none;display:grid;gap:7px}.ml-loading-steps li{position:relative;padding-left:24px;color:var(--muted);font-size:.9rem;line-height:1.25}.ml-loading-steps li::before{content:"";position:absolute;left:0;top:.15rem;width:13px;height:13px;border-radius:50%;border:2px solid rgba(148,163,184,.45);background:transparent}.ml-loading-steps li.is-current{color:var(--ink);font-weight:700}.ml-loading-steps li.is-current::before{border-color:var(--accent);box-shadow:0 0 0 4px rgba(96,165,250,.15);background:var(--accent)}.ml-loading-steps li.is-done{color:var(--muted)}.ml-loading-steps li.is-done::before{border-color:rgba(34,197,94,.8);background:rgba(34,197,94,.75)}.ml-loading-elapsed{margin-top:12px!important;font-variant-numeric:tabular-nums}.ml-spinner{width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:4px solid rgba(100,116,139,.22);border-top-color:var(--accent);animation:ml-spin .8s linear infinite}.is-loading{position:relative;opacity:.78;cursor:progress!important}.is-loading::after{content:"";display:inline-block;width:1em;height:1em;margin-left:.55em;vertical-align:-.15em;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:ml-spin .8s linear infinite}@keyframes ml-spin{to{transform:rotate(360deg)}}
html.ml-loading-active body{cursor:progress}
@media (prefers-reduced-motion:reduce){.ml-spinner,.is-loading::after{animation:none}}
.multi-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}.multi-review-grid .mini-card{height:100%}

/* MathLoop v1.4.3 — optional 2+1 careful review controls */
.review-ai-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 12px 0;
}
.careful-review-cta form {
    display: inline-block;
}
.multi-review-grid .mini-card ul {
    margin: 8px 0 0;
    padding-left: 18px;
}

/* v1.4.4 — user lifecycle / multi-role admin controls */
.inline-fieldset{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:16px;padding:8px 12px;background:var(--surface);min-height:42px;}
.inline-fieldset legend{font-weight:800;padding:0 6px;color:var(--muted);font-size:.88rem;}
.check-inline{display:inline-flex;align-items:center;gap:6px;margin:2px 8px 2px 0;font-weight:760;white-space:nowrap;}
.check-inline input[type="checkbox"]{width:auto;min-width:16px;}
.pill.ok{background:#ecfdf3;border-color:#abefc6;color:#067647;}
.pill.warn{background:#fffaeb;border-color:#fedf89;color:#b54708;}
html[data-theme="dark"] .pill.ok{background:rgba(6,118,71,.18)!important;border-color:rgba(171,239,198,.35)!important;color:#abefc6!important;}
html[data-theme="dark"] .pill.warn{background:rgba(181,71,8,.18)!important;border-color:rgba(254,223,137,.35)!important;color:#fedf89!important;}
/* v1.4.5 maintenance reset polish */
.reset-mode-card{border-color:rgba(220,38,38,.18)}
.reset-confirm-form{display:grid;gap:14px;margin-top:16px}
.compact-table .strong-row td{font-weight:900;background:rgba(254,242,242,.72)}
html[data-theme="dark"] .compact-table .strong-row td{background:rgba(127,29,29,.22)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.pre-reset-backup-gate{border-color:rgba(35,70,240,.18)}.backup-scope-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface,#fff)}.check-grid{display:grid;gap:8px;margin-top:10px}.check-grid .check{align-items:flex-start;border-radius:14px}.loss-preview-list li{justify-content:flex-start}.reset-confirm-form.danger-zone{border:1px solid rgba(180,35,24,.22);border-radius:16px;padding:16px;background:rgba(254,243,242,.35)}html[data-theme="dark"] .reset-confirm-form.danger-zone{background:rgba(127,29,29,.16)}

/* v1.5.3 — Vector rebuild notifications / dry-run export */
.progress-mini{display:inline-block;width:120px;height:10px;border-radius:999px;background:var(--surface-2,#eef2f7);border:1px solid var(--line);overflow:hidden;vertical-align:middle;margin-right:8px;}
.progress-mini span{display:block;height:100%;background:var(--accent);border-radius:999px;}
.json-block{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface-2,#f8fafc);white-space:pre-wrap;font-size:.84rem;line-height:1.35;}
.card.subtle{background:linear-gradient(180deg,rgba(248,250,252,.72),rgba(255,255,255,.92));}
html[data-theme="dark"] .progress-mini{background:rgba(15,23,42,.7);border-color:#303a4d;}
html[data-theme="dark"] .json-block{background:rgba(15,23,42,.68);border-color:#303a4d;}
html[data-theme="dark"] .card.subtle{background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(15,23,42,.58));}

/* ------------------------------------------------------------
   MathLoop v2.1.6 — UI Simplification CSS-only polish
   Visual-only refinements: no route, form, JS, DB, upload,
   submission, review, AI-provider or runtime behavior changes.
   ------------------------------------------------------------ */
.container{padding-top:clamp(18px,3vw,30px);}
.card,.tile,.mini-card{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;}
.tile:hover{transform:translateY(-2px);box-shadow:0 18px 46px -32px rgba(55,72,94,.42);}
button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:0;box-shadow:var(--focus);}
.flash,.muted,label{line-height:1.45;}
button,.button{line-height:1.2;}
table tr:hover td{background:rgba(79,111,184,.035);}
html[data-theme="dark"] table tr:hover td{background:rgba(49,208,255,.045);}
@media(max-width:620px){.container{padding-left:16px;padding-right:16px}.card,.tile{padding:15px}}

/* ------------------------------------------------------------
   MyEClass v2.9.272 — Product-facing branding layer.
   UI-only: internal MathLoop names/routes/tables/helpers remain unchanged.
   ------------------------------------------------------------ */
.brand-logo-shell{
  width:64px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  overflow:hidden;
}
.brand-logo{
  max-width:64px;
  max-height:44px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}
.brand-logo-dark{display:none;}
html[data-theme="dark"] .brand-logo-light{display:none;}
html[data-theme="dark"] .brand-logo-dark{display:block;}
.brand .brand-mark{display:none!important;}
.brand-copy strong{font-size:20px!important;letter-spacing:-.035em!important;}
.brand-copy small{text-transform:none!important;letter-spacing:.01em!important;color:var(--muted)!important;}
@media(max-width:620px){
  .brand-logo-shell{width:52px;height:36px;}
  .brand-logo{max-width:52px;max-height:36px;}
  .brand-copy small{display:none!important;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.273 — LMS-style responsive navigation shell.
   UI-only shell foundation: no internal MathLoop route/table/helper rename,
   no schema/write/AI/OCR/notification/student.submit/publication/visibility change.
   ------------------------------------------------------------ */
.myeclass-body{min-height:100vh;}
.myeclass-app-shell{min-height:100vh;display:grid!important;grid-template-columns:minmax(235px,286px) minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;}
.myeclass-shell-guest{display:block!important;}
.myeclass-topbar{grid-column:1 / -1;min-height:74px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:11px clamp(14px,2vw,28px)!important;z-index:60!important;}
.myeclass-topbar-left{display:flex;align-items:center;gap:12px;min-width:0;}
.myeclass-brand{min-width:0;}
.shell-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
.shell-icon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.myeclass-nav-toggle{display:none;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:900;padding:9px 12px;box-shadow:var(--shadow-sm);cursor:pointer;}
.myeclass-user-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;}
.myeclass-top-action,.myeclass-user-pill{min-height:40px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid rgba(215,225,236,.74)!important;border-radius:999px!important;padding:8px 11px!important;background:rgba(255,255,255,.72)!important;color:var(--ink)!important;text-decoration:none!important;font-size:14px!important;font-weight:820!important;box-shadow:0 4px 14px rgba(55,72,94,.045)!important;white-space:nowrap;}
.myeclass-top-action:hover{border-color:rgba(79,111,184,.28)!important;background:var(--surface)!important;transform:translateY(-1px);}
.myeclass-user-pill{max-width:240px;overflow:hidden;}
.myeclass-user-pill span:last-child{overflow:hidden;text-overflow:ellipsis;}
html[data-theme="dark"] .myeclass-top-action,html[data-theme="dark"] .myeclass-user-pill{background:rgba(15,23,42,.70)!important;border-color:#303030!important;color:var(--ink)!important;}
.myeclass-sidebar{grid-column:1;grid-row:2;position:sticky;top:74px;align-self:start;height:calc(100vh - 74px);overflow:auto;padding:18px 14px 22px;border-right:1px solid rgba(215,225,236,.88);background:linear-gradient(180deg,rgba(253,254,255,.78),rgba(245,249,252,.72));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:45;}
html[data-theme="dark"] .myeclass-sidebar{background:linear-gradient(180deg,rgba(10,10,10,.96),rgba(8,8,8,.92));border-right-color:#262626;}
.myeclass-sidebar-inner{display:grid;gap:14px;}
.myeclass-sidebar-heading{display:grid;gap:2px;padding:5px 8px 10px;color:var(--ink);}
.myeclass-sidebar-heading span{font-size:13px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:950;}
.myeclass-sidebar-heading small{font-size:16px;font-weight:950;letter-spacing:-.03em;color:var(--ink);}
.myeclass-nav-section{display:grid;gap:8px;}
.myeclass-nav-section h2{font-size:12px;text-transform:uppercase;letter-spacing:.10em;color:var(--muted);font-weight:950;margin:2px 8px 0;}
.myeclass-nav-list,.myeclass-secondary-list{display:grid;gap:7px;}
.myeclass-nav-link{min-height:46px;display:flex!important;align-items:center;gap:11px;border:1px solid transparent;border-radius:16px;padding:10px 12px;background:transparent;color:var(--ink)!important;text-decoration:none!important;font-weight:880;letter-spacing:-.015em;}
.myeclass-nav-link .shell-icon{color:var(--accent);background:var(--soft);border:1px solid rgba(79,111,184,.11);border-radius:12px;width:30px;height:30px;}
.myeclass-nav-link .shell-icon svg{width:18px;height:18px;}
.myeclass-nav-link:hover{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-sm);transform:translateY(-1px);}
.myeclass-nav-link.is-active{background:linear-gradient(135deg,rgba(79,111,184,.14),rgba(20,132,124,.10));border-color:rgba(79,111,184,.30);box-shadow:var(--shadow-sm);}
.myeclass-nav-link.is-active .shell-icon{background:var(--accent);color:#fff;border-color:var(--accent);}
html[data-theme="dark"] .myeclass-nav-link .shell-icon{background:#101010;border-color:#303030;color:var(--ml-accent);}
html[data-theme="dark"] .myeclass-nav-link:hover{background:#111827;border-color:#303030;}
html[data-theme="dark"] .myeclass-nav-link.is-active{background:linear-gradient(135deg,rgba(49,208,255,.16),rgba(61,220,151,.10));border-color:rgba(49,208,255,.32);}
html[data-theme="dark"] .myeclass-nav-link.is-active .shell-icon{background:var(--ml-accent);border-color:var(--ml-accent);color:#020617;}
.myeclass-secondary-nav{border:1px solid var(--line);border-radius:18px;padding:8px;background:rgba(255,255,255,.54);box-shadow:var(--shadow-sm);}
.myeclass-secondary-nav>summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:950;color:var(--ink);padding:8px;border-radius:14px;}
.myeclass-secondary-nav>summary::-webkit-details-marker{display:none;}
.myeclass-secondary-nav>summary::after{content:'⌄';margin-left:auto;color:var(--muted);transition:transform .16s ease;}
.myeclass-secondary-nav[open]>summary::after{transform:rotate(180deg);}
.myeclass-secondary-list{margin-top:7px;}
.myeclass-secondary-list .myeclass-nav-link{min-height:40px;border-radius:13px;font-size:14px;padding:8px 10px;}
.myeclass-secondary-list .myeclass-nav-link .shell-icon{width:26px;height:26px;border-radius:10px;}
html[data-theme="dark"] .myeclass-secondary-nav{background:rgba(15,23,42,.58);border-color:#303030;}
.myeclass-sidebar-note{display:grid;gap:4px;border:1px solid rgba(20,132,124,.20);border-radius:18px;padding:13px;background:linear-gradient(180deg,rgba(240,253,250,.72),rgba(255,255,255,.70));color:var(--ink);}
.myeclass-sidebar-note b{font-size:14px;letter-spacing:-.02em;}
.myeclass-sidebar-note span{font-size:13px;color:var(--muted);line-height:1.35;font-weight:720;}
html[data-theme="dark"] .myeclass-sidebar-note{background:rgba(20,83,45,.18);border-color:rgba(61,220,151,.24);}
.myeclass-main{grid-column:2;grid-row:2;width:100%;max-width:1280px!important;margin:0 auto!important;padding:clamp(16px,2.2vw,28px)!important;}
.myeclass-shell-guest .myeclass-main{max-width:1180px!important;}
.myeclass-breadcrumbs{margin:0 0 12px;}
.myeclass-breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;}
.myeclass-breadcrumbs li{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:850;}
.myeclass-breadcrumbs li+li::before{content:'›';color:var(--muted);opacity:.72;font-weight:950;}
.myeclass-breadcrumbs a{color:var(--accent);text-decoration:none;border:1px solid transparent;border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.42);}
.myeclass-breadcrumbs a:hover{background:var(--surface);border-color:var(--line);text-decoration:none;}
.myeclass-breadcrumbs span[aria-current="page"]{color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--surface);}
html[data-theme="dark"] .myeclass-breadcrumbs a{background:rgba(15,23,42,.44);}
.myeclass-nav-backdrop[hidden]{display:none!important;}
.myeclass-nav-backdrop{position:fixed;inset:0;border:0;padding:0;background:rgba(15,23,42,.44);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:42;}
.myeclass-brand .brand-logo-shell{width:64px;height:44px;}
.myeclass-brand .brand-copy strong{font-size:20px!important;}
@media(max-width:1100px){
  .myeclass-user-pill{max-width:170px;}
  .myeclass-top-action span:not(.learning-loop-notification-badge){max-width:96px;overflow:hidden;text-overflow:ellipsis;}
}
@media(max-width:980px){
  .myeclass-app-shell{display:block!important;}
  .myeclass-topbar{position:sticky!important;top:0!important;flex-direction:row!important;align-items:center!important;gap:10px!important;}
  .myeclass-nav-toggle{display:inline-flex;}
  .myeclass-sidebar{position:fixed;top:0;bottom:0;left:0;height:100vh;width:min(86vw,318px);padding-top:86px;transform:translateX(-106%);transition:transform .22s ease;box-shadow:28px 0 70px rgba(15,23,42,.22);z-index:50;}
  .myeclass-app-shell.myeclass-nav-open .myeclass-sidebar{transform:translateX(0);}
  .myeclass-main{max-width:1180px!important;margin:0 auto!important;}
  .myeclass-user-nav{gap:6px;}
  .myeclass-user-pill{display:none!important;}
}
@media(max-width:720px){
  .myeclass-topbar{min-height:68px!important;padding:10px 12px!important;}
  .myeclass-brand .brand-logo-shell{width:52px;height:36px;}
  .myeclass-brand .brand-logo{max-width:52px;max-height:36px;}
  .myeclass-user-nav .myeclass-top-action span{display:none;}
  .myeclass-top-action,.myeclass-nav-toggle{min-width:40px!important;width:auto!important;padding:8px 10px!important;}
  .myeclass-nav-toggle span{display:none;}
  .myeclass-main{padding:14px!important;}
  .myeclass-breadcrumbs{overflow-x:auto;padding-bottom:2px;}
  .myeclass-breadcrumbs ol{flex-wrap:nowrap;width:max-content;max-width:100%;}
  .myeclass-breadcrumbs li{white-space:nowrap;}
}
@media(prefers-reduced-motion:reduce){.myeclass-sidebar,.myeclass-nav-link,.myeclass-top-action{transition:none!important;}}

/* ------------------------------------------------------------
   MyEClass v2.9.274 — LMS shell integration polish.
   Reference-informed by common LMS/Open eClass navigation patterns:
   soft course workspace surfaces, clearer active path state, compact
   breadcrumbs, mobile scroll lock. No copied external assets, fonts,
   webfonts, icon packs, routes, schema, writes, AI/OCR, notifications,
   student.submit, publication or visibility changes.
   ------------------------------------------------------------ */
.myeclass-app-shell{
  --myeclass-lms-blue:#2563eb;
  --myeclass-lms-blue-strong:#1d4ed8;
  --myeclass-lms-ink:#243447;
  --myeclass-lms-soft:#f7f9fe;
  --myeclass-lms-soft-2:#eff6ff;
  --myeclass-lms-line:#e8edf8;
}
.myeclass-topbar{
  border-bottom-color:rgba(232,237,248,.95)!important;
  box-shadow:1px 2px 10px rgba(36,52,71,.055)!important;
}
.myeclass-brand .brand-copy small{display:none!important;}
.myeclass-brand .brand-copy{line-height:1!important;}
.myeclass-sidebar{
  background:linear-gradient(180deg,rgba(247,249,254,.96),rgba(255,255,255,.90))!important;
  border-right-color:var(--myeclass-lms-line)!important;
}
.myeclass-sidebar-heading{
  border:1px solid var(--myeclass-lms-line);
  border-radius:16px;
  background:rgba(255,255,255,.66);
  box-shadow:0 4px 14px rgba(36,52,71,.035);
}
.myeclass-sidebar-heading span{color:#687da3;}
.myeclass-nav-section h2{color:#687da3;}
.myeclass-nav-link{
  min-height:44px;
  border-radius:13px;
  border-left:4px solid transparent!important;
  color:var(--myeclass-lms-ink)!important;
}
.myeclass-nav-link .shell-icon{
  color:var(--myeclass-lms-blue);
  background:var(--myeclass-lms-soft-2);
  border-color:rgba(37,99,235,.10);
}
.myeclass-nav-link:hover{
  background:#ffffff!important;
  border-color:var(--myeclass-lms-line)!important;
  border-left-color:rgba(37,99,235,.35)!important;
}
.myeclass-nav-link.is-in-path{
  background:rgba(239,246,255,.64)!important;
  border-color:rgba(37,99,235,.12)!important;
  border-left-color:rgba(37,99,235,.26)!important;
}
.myeclass-nav-link.is-in-path .shell-icon{
  background:#ffffff;
  color:var(--myeclass-lms-blue-strong);
}
.myeclass-nav-link.is-active{
  background:#e6f1ff!important;
  border-color:rgba(37,99,235,.26)!important;
  border-left-color:var(--myeclass-lms-blue)!important;
  color:#0f3f88!important;
}
.myeclass-nav-link.is-active .shell-icon{
  background:var(--myeclass-lms-blue)!important;
  border-color:var(--myeclass-lms-blue)!important;
  color:#ffffff!important;
}
.myeclass-secondary-nav{
  background:rgba(255,255,255,.66)!important;
  border-color:var(--myeclass-lms-line)!important;
}
.myeclass-sidebar-note{
  background:linear-gradient(180deg,#ffffff,rgba(247,249,254,.88))!important;
  border-color:rgba(37,99,235,.14)!important;
}
.myeclass-sidebar-note b{color:#0f3f88;}
.myeclass-breadcrumbs{
  border:1px solid rgba(232,237,248,.95);
  border-radius:16px;
  background:rgba(255,255,255,.62);
  padding:7px;
  box-shadow:0 4px 14px rgba(36,52,71,.035);
}
.myeclass-breadcrumbs ol{gap:4px;overflow-x:auto;scrollbar-width:thin;}
.myeclass-breadcrumbs a,
.myeclass-breadcrumbs span[aria-current="page"]{
  min-height:30px;
  display:inline-flex;
  align-items:center;
}
.myeclass-breadcrumbs a{color:var(--myeclass-lms-blue-strong);}
.myeclass-breadcrumbs span[aria-current="page"]{
  background:#f7f9fe;
  border-color:#e8edf8;
}
.myeclass-body.myeclass-nav-locked{overflow:hidden;}
html[data-theme="dark"] .myeclass-sidebar{background:linear-gradient(180deg,rgba(10,10,10,.96),rgba(15,23,42,.92))!important;border-right-color:#303030!important;}
html[data-theme="dark"] .myeclass-sidebar-heading,
html[data-theme="dark"] .myeclass-secondary-nav,
html[data-theme="dark"] .myeclass-breadcrumbs{background:rgba(15,23,42,.72)!important;border-color:#303030!important;}
html[data-theme="dark"] .myeclass-nav-link{color:var(--ink)!important;}
html[data-theme="dark"] .myeclass-nav-link:hover,
html[data-theme="dark"] .myeclass-nav-link.is-in-path{background:#111827!important;border-color:#303030!important;border-left-color:rgba(49,208,255,.35)!important;}
html[data-theme="dark"] .myeclass-nav-link.is-active{background:rgba(49,208,255,.16)!important;border-left-color:var(--ml-accent)!important;color:var(--ink)!important;}
html[data-theme="dark"] .myeclass-sidebar-note{background:rgba(17,24,39,.78)!important;border-color:#303030!important;}
html[data-theme="dark"] .myeclass-sidebar-note b{color:var(--ml-accent);}
@media(max-width:980px){
  .myeclass-sidebar{width:min(88vw,320px);outline:none;}
  .myeclass-app-shell.myeclass-nav-open .myeclass-sidebar{transform:translateX(0);}
  .myeclass-nav-backdrop{background:rgba(15,23,42,.48);}
}
@media(max-width:720px){
  .myeclass-breadcrumbs{margin-bottom:10px;}
  .myeclass-sidebar-heading{margin-top:2px;}
  .myeclass-nav-link{min-height:42px;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.275 — Course / assignment workspace visual structure.
   UI/read-only LMS-style surfaces around the canonical learning-loop paths.
   No copied Open eClass assets/fonts/icon packs; no schema/write/provider/OCR.
   ------------------------------------------------------------ */
.myeclass-workspace-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin:0 0 16px;
  padding:22px clamp(18px,3vw,30px);
  border:1px solid rgba(232,237,248,.96);
  border-radius:28px;
  background:
    radial-gradient(circle at 4% 0%,rgba(37,99,235,.10),transparent 32%),
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(247,249,254,.88));
  box-shadow:0 16px 44px -34px rgba(36,52,71,.42);
  overflow:hidden;
}
.myeclass-workspace-hero h1{margin:0;font-size:clamp(1.45rem,2.4vw,2.15rem);letter-spacing:-.04em;line-height:1.08;color:var(--ink);}
.myeclass-workspace-hero p{margin:8px 0 0;max-width:820px;color:var(--muted);font-weight:650;line-height:1.55;}
.myeclass-workspace-eyebrow{margin:0 0 7px!important;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:950;color:var(--myeclass-lms-blue-strong)!important;}
.myeclass-workspace-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;}
.myeclass-workspace-meta span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid rgba(37,99,235,.14);border-radius:999px;background:rgba(239,246,255,.78);color:#0f3f88;font-size:.84rem;font-weight:850;}
.myeclass-workspace-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:min(34vw,360px);}
.myeclass-workspace-action{white-space:nowrap;}
.myeclass-workspace-teacher{border-left:5px solid rgba(37,99,235,.72);}
.myeclass-workspace-student{border-left:5px solid rgba(20,132,124,.70);background:radial-gradient(circle at 4% 0%,rgba(20,132,124,.10),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.95),rgba(247,252,251,.88));}
.myeclass-workspace-student .myeclass-workspace-eyebrow{color:var(--accent-2)!important;}
.myeclass-workspace-student .myeclass-workspace-meta span{border-color:rgba(20,132,124,.18);background:rgba(236,253,245,.78);color:#0f766e;}
.myeclass-workspace-map{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:16px;align-items:center;margin-bottom:16px;}
.myeclass-workspace-map h2{margin:0 0 5px;font-size:1.05rem;}
.myeclass-path-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;list-style:none;margin:0;padding:0;counter-reset:pathstep;}
.myeclass-path-steps li{position:relative;min-height:96px;padding:13px 13px 12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--surface),rgba(248,250,252,.72));box-shadow:0 8px 24px -24px rgba(36,52,71,.40);}
.myeclass-path-steps li span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:10px;background:var(--soft);border:1px solid var(--line);font-size:.82rem;font-weight:950;color:var(--accent);}
.myeclass-path-steps li b{display:block;margin-top:10px;font-size:.95rem;letter-spacing:-.02em;color:var(--ink);}
.myeclass-path-steps li small{display:block;margin-top:4px;color:var(--muted);font-weight:650;line-height:1.32;}
.myeclass-path-steps li.is-current{border-color:rgba(37,99,235,.30);background:linear-gradient(180deg,#eff6ff,#ffffff);}
.myeclass-path-steps li.is-current span{background:var(--myeclass-lms-blue);border-color:var(--myeclass-lms-blue);color:#fff;}
.myeclass-path-steps li.is-done{border-color:rgba(20,132,124,.26);}
.myeclass-path-steps li.is-done span{background:rgba(236,253,245,.95);border-color:rgba(20,132,124,.25);color:var(--accent-2);}
.myeclass-workspace-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0 0 16px;}
.myeclass-workspace-stats article{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);}
.myeclass-workspace-stats span{display:block;color:var(--muted);font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;}
.myeclass-workspace-stats b{display:block;margin-top:7px;color:var(--ink);font-size:1.35rem;letter-spacing:-.03em;}
.myeclass-workspace-stats small{display:block;margin-top:4px;color:var(--muted);font-weight:650;}
html[data-theme="dark"] .myeclass-workspace-hero{border-color:#303030;background:radial-gradient(circle at 4% 0%,rgba(49,208,255,.08),transparent 32%),linear-gradient(135deg,rgba(17,24,39,.92),rgba(10,10,10,.88));}
html[data-theme="dark"] .myeclass-workspace-meta span{background:rgba(30,58,138,.24);border-color:rgba(49,208,255,.18);color:var(--ml-accent);}
html[data-theme="dark"] .myeclass-workspace-student .myeclass-workspace-meta span{background:rgba(6,78,59,.28);border-color:rgba(61,220,151,.18);color:var(--ml-accent-2);}
html[data-theme="dark"] .myeclass-path-steps li{background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(10,10,10,.86));}
html[data-theme="dark"] .myeclass-path-steps li.is-current{background:linear-gradient(180deg,rgba(30,58,138,.28),rgba(17,24,39,.86));}
html[data-theme="dark"] .myeclass-workspace-stats article{background:rgba(17,24,39,.82);}
@media(max-width:980px){.myeclass-workspace-hero{grid-template-columns:1fr}.myeclass-workspace-actions{justify-content:flex-start;min-width:0}.myeclass-workspace-map{grid-template-columns:1fr}}
@media(max-width:620px){.myeclass-workspace-hero{padding:18px;border-radius:22px}.myeclass-workspace-actions .button{width:100%;justify-content:center}.myeclass-path-steps{grid-template-columns:1fr}.myeclass-path-steps li{min-height:auto}.myeclass-workspace-stats{grid-template-columns:1fr}}

/* ------------------------------------------------------------
   MyEClass v2.9.276 — Minimal squared visual refinement.
   UI/read-only finish pass: flatter LMS shell, square surfaces and less
   decorative chrome. Internal MathLoop routes/tables/helpers stay unchanged;
   no schema/write/provider/OCR/notification/student.submit/publication change.
   ------------------------------------------------------------ */
:root{
  --radius:0px;
  --radius-sm:0px;
  --shadow-sm:none;
  --shadow:none;
  --focus:0 0 0 2px rgba(37,99,235,.22);
}
body{
  background:var(--bg)!important;
}
html[data-theme="dark"] body{
  background:#090f1d!important;
}
.top,
.myeclass-topbar,
.myeclass-sidebar,
.myeclass-main,
.card,
.tile,
.panel,
.mini-card,
.rubric-builder,
.field,
.flash,
.flash-popup,
.toolbar,
.knowledge-filter-bar,
.knowledge-bulk-bar,
.bulk-authoring,
.activation-checklist section,
.activation-checklist li,
.target-group,
.target-check,
.alignment-target-picker,
.item-diagnostics li,
pre,
#mathCanvas,
.submission-img,
.myeclass-sidebar-heading,
.myeclass-secondary-nav,
.myeclass-sidebar-note,
.myeclass-breadcrumbs,
.myeclass-workspace-hero,
.myeclass-path-steps li,
.myeclass-workspace-stats article{
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.card,
.tile,
.panel,
.mini-card,
.rubric-builder,
.field,
.myeclass-workspace-hero,
.myeclass-path-steps li,
.myeclass-workspace-stats article{
  background:var(--surface)!important;
  border-color:var(--line)!important;
}
.card:hover,
.tile:hover,
.myeclass-nav-link:hover,
.myeclass-top-action:hover,
button:hover,
.button:hover,
.target-check:hover{
  transform:none!important;
  box-shadow:none!important;
}
button,
.button,
input,
select,
textarea,
.tab,
.status-pill,
.badge,
.pill,
.check,
.toolbar label,
.main-nav a,
.theme-toggle,
.who,
.myeclass-nav-toggle,
.myeclass-top-action,
.myeclass-user-pill,
.myeclass-nav-link,
.myeclass-nav-link .shell-icon,
.myeclass-secondary-nav>summary,
.myeclass-secondary-list .myeclass-nav-link,
.myeclass-secondary-list .myeclass-nav-link .shell-icon,
.myeclass-breadcrumbs a,
.myeclass-breadcrumbs span[aria-current="page"],
.myeclass-workspace-meta span,
.myeclass-path-steps li span,
.submission-page h3{
  border-radius:0!important;
  box-shadow:none!important;
}
button,
.button,
.myeclass-top-action,
.myeclass-user-pill,
.myeclass-nav-toggle{
  background:var(--surface)!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
}
button.primary,
.button.primary,
.primary,
.tab.active,
.toolbar button.active{
  background:var(--accent)!important;
  border-color:var(--accent)!important;
  color:#fff!important;
}
button:not(#penBtn):not(#eraserBtn):not(#undoBtn):not(#clearBtn):not(#addPageBtn):not(#deletePageBtn):not([name="format"]):not(.theme-toggle):not(.tab)::before,
.button::before{
  content:none!important;
}
.myeclass-topbar{
  background:var(--surface)!important;
  border-bottom:1px solid var(--line)!important;
}
.myeclass-sidebar{
  background:var(--surface-2)!important;
  border-right:1px solid var(--line)!important;
}
.myeclass-sidebar-heading,
.myeclass-secondary-nav,
.myeclass-sidebar-note,
.myeclass-breadcrumbs{
  background:transparent!important;
}
.myeclass-sidebar-heading{
  border:0!important;
  padding:4px 8px 8px!important;
}
.myeclass-nav-section h2,
.myeclass-sidebar-heading span,
.myeclass-workspace-eyebrow,
.myeclass-workspace-stats span{
  letter-spacing:.06em!important;
}
.myeclass-nav-list,
.myeclass-secondary-list{
  gap:4px!important;
}
.myeclass-nav-link{
  min-height:40px!important;
  padding:9px 10px!important;
  border-left-width:3px!important;
  background:transparent!important;
}
.myeclass-nav-link .shell-icon{
  width:28px!important;
  height:28px!important;
  background:transparent!important;
}
.myeclass-nav-link:hover,
.myeclass-nav-link.is-in-path{
  background:#fff!important;
  border-color:var(--line)!important;
  border-left-color:rgba(37,99,235,.32)!important;
}
.myeclass-nav-link.is-active{
  background:#eff6ff!important;
  border-color:var(--line)!important;
  border-left-color:var(--myeclass-lms-blue,#2563eb)!important;
  color:#0f3f88!important;
}
.myeclass-nav-link.is-active .shell-icon{
  background:transparent!important;
  color:var(--myeclass-lms-blue,#2563eb)!important;
  border-color:transparent!important;
}
.myeclass-secondary-nav{
  padding:0!important;
  border:0!important;
}
.myeclass-sidebar-note{
  padding:11px 10px!important;
}
.myeclass-breadcrumbs{
  border:0!important;
  padding:0!important;
  margin:0 0 14px!important;
}
.myeclass-breadcrumbs a,
.myeclass-breadcrumbs span[aria-current="page"]{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.myeclass-workspace-hero{
  grid-template-columns:minmax(0,1fr) auto;
  padding:18px 20px!important;
  background:var(--surface)!important;
  border-left-width:4px!important;
  overflow:visible!important;
}
.myeclass-workspace-teacher{
  border-left-color:var(--myeclass-lms-blue,#2563eb)!important;
}
.myeclass-workspace-student{
  border-left-color:var(--accent-2,#14847c)!important;
}
.myeclass-workspace-hero h1{
  font-size:clamp(1.35rem,2.1vw,1.95rem)!important;
}
.myeclass-workspace-hero p{
  max-width:760px!important;
}
.myeclass-workspace-meta span{
  background:var(--surface-2)!important;
  color:var(--muted)!important;
  border-color:var(--line)!important;
}
.myeclass-workspace-map{
  grid-template-columns:minmax(140px,220px) minmax(0,1fr)!important;
}
.myeclass-path-steps{
  gap:8px!important;
}
.myeclass-path-steps li{
  min-height:84px!important;
  padding:11px 12px!important;
  background:var(--surface)!important;
}
.myeclass-path-steps li span{
  width:24px!important;
  height:24px!important;
  background:transparent!important;
}
.myeclass-path-steps li.is-current{
  border-left:4px solid var(--myeclass-lms-blue,#2563eb)!important;
  background:#f8fafc!important;
}
.myeclass-path-steps li.is-current span{
  background:transparent!important;
  border-color:var(--myeclass-lms-blue,#2563eb)!important;
  color:var(--myeclass-lms-blue,#2563eb)!important;
}
.myeclass-path-steps li.is-done{
  border-left:4px solid var(--accent-2,#14847c)!important;
}
.myeclass-path-steps li.is-done span{
  background:transparent!important;
}
.myeclass-workspace-stats{
  gap:8px!important;
}
.myeclass-workspace-stats article{
  padding:12px 14px!important;
  background:var(--surface)!important;
}
.brand-logo-shell,
.brand-logo{
  border-radius:0!important;
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .tile,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .mini-card,
html[data-theme="dark"] .myeclass-workspace-hero,
html[data-theme="dark"] .myeclass-path-steps li,
html[data-theme="dark"] .myeclass-workspace-stats article,
html[data-theme="dark"] .myeclass-sidebar,
html[data-theme="dark"] .myeclass-topbar{
  background:var(--surface)!important;
  border-color:#303030!important;
}
html[data-theme="dark"] .myeclass-nav-link:hover,
html[data-theme="dark"] .myeclass-nav-link.is-in-path,
html[data-theme="dark"] .myeclass-nav-link.is-active,
html[data-theme="dark"] .myeclass-path-steps li.is-current{
  background:#111827!important;
}
@media(max-width:980px){
  .myeclass-sidebar{
    box-shadow:none!important;
    border-right:1px solid var(--line)!important;
  }
  .myeclass-workspace-map{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:620px){
  .card,.tile,.panel,.mini-card,.rubric-builder,.myeclass-workspace-hero{
    border-radius:0!important;
  }
  .myeclass-workspace-hero{
    padding:16px!important;
  }
}


/* ------------------------------------------------------------
   MyEClass v2.9.277 — Calendar / deadline preview shell.
   Read-only LMS deadline surfaces from existing assignments.due_at.
   No event schema, notifications, publication, AI/OCR or submit mutation.
   ------------------------------------------------------------ */
.myeclass-calendar-preview{border-left:4px solid var(--accent);}
.myeclass-calendar-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.myeclass-calendar-head h2{margin:0 0 4px;letter-spacing:-.03em;}
.myeclass-deadline-list{display:grid;gap:8px;}
.myeclass-deadline-list.compact{gap:6px;}
.myeclass-deadline-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border:1px solid var(--line);
  background:var(--surface);
}
.myeclass-deadline-item h3{margin:8px 0 3px;font-size:1rem;letter-spacing:-.02em;}
.myeclass-deadline-item p{margin:0;color:var(--muted);font-weight:650;}
.myeclass-deadline-item small{display:block;margin-top:4px;color:var(--muted);font-weight:650;}
.deadline-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border:1px solid var(--line);
  background:var(--surface-2);
  color:var(--muted);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.02em;
}
.deadline-overdue{border-left:4px solid var(--danger);color:var(--danger);background:rgba(254,242,242,.56);}
.deadline-today{border-left:4px solid var(--warn);color:var(--warn);background:rgba(255,251,235,.72);}
.deadline-week{border-left:4px solid var(--accent);color:var(--accent);background:rgba(239,246,255,.70);}
.deadline-later{border-left:4px solid var(--accent-2);color:var(--accent-2);background:rgba(236,253,245,.62);}
.deadline-no_due{border-left:4px solid var(--line);}
.myeclass-calendar-board{display:grid;gap:12px;}
.myeclass-calendar-group h2{margin-top:0;}
html[data-theme="dark"] .myeclass-deadline-item{background:var(--surface);border-color:#303030;}
html[data-theme="dark"] .deadline-overdue{background:rgba(127,29,29,.18);}
html[data-theme="dark"] .deadline-today{background:rgba(120,53,15,.18);}
html[data-theme="dark"] .deadline-week{background:rgba(30,58,138,.18);}
html[data-theme="dark"] .deadline-later{background:rgba(6,78,59,.18);}
@media(max-width:720px){
  .myeclass-calendar-preview{border-left:4px solid var(--accent);}
.myeclass-calendar-head{display:grid;grid-template-columns:1fr;}
  .myeclass-calendar-head .button{width:100%;justify-content:center;}
  .myeclass-deadline-item{grid-template-columns:1fr;}
  .myeclass-deadline-item .button{width:100%;justify-content:center;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.278 — Today action center / progress command surface.
   Read-only dashboard synthesis from existing deadlines, submissions,
   feedback and next-practice rows. No writes, notifications or AI calls.
   ------------------------------------------------------------ */
.myeclass-action-center{
  border-left:4px solid var(--accent);
  margin-bottom:16px;
}
.myeclass-action-center-student{
  border-left-color:var(--accent-2);
}
.myeclass-action-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
  margin-bottom:14px;
}
.myeclass-action-head h2{margin:0 0 4px;letter-spacing:-.03em;}
.myeclass-action-kicker{
  margin:0 0 5px!important;
  color:var(--accent)!important;
  font-size:.75rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.myeclass-action-center-student .myeclass-action-kicker{color:var(--accent-2)!important;}
.myeclass-action-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.myeclass-action-columns>section{
  border:1px solid var(--line);
  background:var(--surface-2);
  padding:12px;
}
.myeclass-action-columns h3{margin:0 0 10px;font-size:1rem;letter-spacing:-.02em;}
.myeclass-action-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid var(--line);
  background:var(--surface);
}
.myeclass-action-item+ .myeclass-action-item{margin-top:8px;}
.myeclass-action-item span{
  display:inline-flex;
  min-height:22px;
  align-items:center;
  padding:2px 7px;
  border-left:3px solid var(--accent);
  background:var(--surface-2);
  color:var(--muted);
  font-size:.76rem;
  font-weight:900;
}
.myeclass-action-center-student .myeclass-action-item span{border-left-color:var(--accent-2);}
.myeclass-action-item h3{margin:7px 0 2px;font-size:1rem;}
.myeclass-action-item p{margin:0;color:var(--muted);font-weight:650;line-height:1.45;}
html[data-theme="dark"] .myeclass-action-columns>section,
html[data-theme="dark"] .myeclass-action-item{background:var(--surface);border-color:#303030;}
@media(max-width:820px){
  .myeclass-action-head{grid-template-columns:1fr;}
  .myeclass-action-head .button{width:100%;justify-content:center;}
  .myeclass-action-columns{grid-template-columns:1fr;}
  .myeclass-action-item{grid-template-columns:1fr;}
  .myeclass-action-item .button{width:100%;justify-content:center;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.279 — Assignment workspace completion pass.
   Read-only completion surface for teacher/student assignment pages.
   No schema/write, AI/OCR, notifications, publication or visibility change.
   ------------------------------------------------------------ */
.myeclass-assignment-workspace{
  border-left:4px solid var(--accent);
  margin-bottom:16px;
}
.myeclass-assignment-workspace-student{
  border-left-color:var(--accent-2);
}
.myeclass-assignment-workspace-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
  margin-bottom:14px;
}
.myeclass-assignment-workspace-head h2{margin:0 0 4px;letter-spacing:-.03em;}
.myeclass-assignment-stages{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.myeclass-assignment-stage{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  align-content:space-between;
  min-height:158px;
  padding:12px;
  border:1px solid var(--line);
  background:var(--surface);
}
.myeclass-assignment-stage span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  width:max-content;
  max-width:100%;
  padding:2px 7px;
  border-left:3px solid var(--line);
  background:var(--surface-2);
  color:var(--muted);
  font-size:.75rem;
  font-weight:950;
  letter-spacing:.02em;
}
.myeclass-assignment-stage h3{margin:8px 0 3px;font-size:1rem;letter-spacing:-.02em;}
.myeclass-assignment-stage p{margin:0;color:var(--muted);font-weight:650;line-height:1.45;}
.myeclass-assignment-stage.is-done span{border-left-color:var(--accent-2);color:var(--accent-2);}
.myeclass-assignment-stage.is-current span{border-left-color:var(--accent);color:var(--accent);}
.myeclass-assignment-stage.is-blocked span{border-left-color:var(--danger);color:var(--danger);}
.myeclass-assignment-stage.is-waiting span{border-left-color:var(--line);}
html[data-theme="dark"] .myeclass-assignment-stage{background:var(--surface);border-color:#303030;}
html[data-theme="dark"] .myeclass-assignment-stage span{background:#111827;}
@media(max-width:980px){
  .myeclass-assignment-stages{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:680px){
  .myeclass-assignment-workspace-head{grid-template-columns:1fr;}
  .myeclass-assignment-workspace-head .button{width:100%;justify-content:center;}
  .myeclass-assignment-stages{grid-template-columns:1fr;}
  .myeclass-assignment-stage{min-height:0;}
  .myeclass-assignment-stage .button{width:100%;justify-content:center;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.280 — Submissions cockpit / teacher triage polish.
   Read-only command surface for teacher corrections. Greek LMS labels,
   no new workflow, schema, AI/provider call, publication or visibility.
   ------------------------------------------------------------ */
.myeclass-submission-cockpit{
  border-left:4px solid var(--accent);
  margin-bottom:16px;
}
.myeclass-cockpit-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.myeclass-cockpit-columns>section{
  border:1px solid var(--line);
  background:var(--surface-2);
  padding:12px;
}
.myeclass-cockpit-columns h3{margin:0 0 5px;font-size:1rem;letter-spacing:-.02em;}
.myeclass-cockpit-link{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin-top:8px;
  padding:10px 11px;
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--text);
  text-decoration:none;
  font-weight:850;
}
.myeclass-cockpit-link:hover,
.myeclass-cockpit-link.is-active{
  border-left:4px solid var(--accent);
  background:var(--surface-2);
}
.myeclass-cockpit-link span{min-width:0;}
.myeclass-cockpit-link b{
  min-width:34px;
  text-align:center;
  padding:4px 7px;
  border:1px solid var(--line);
  background:var(--surface-2);
  font-size:.92rem;
}
html[data-theme="dark"] .myeclass-cockpit-columns>section,
html[data-theme="dark"] .myeclass-cockpit-link,
html[data-theme="dark"] .myeclass-cockpit-link b{background:var(--surface);border-color:#303030;}
@media(max-width:900px){
  .myeclass-cockpit-columns{grid-template-columns:1fr;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.281 — Student progress overview completion surface.
   Read-only feedback / next-practice overview on the student progress page.
   ------------------------------------------------------------ */
.myeclass-progress-overview{
  border-left:4px solid var(--accent-2);
  margin-bottom:16px;
}
.myeclass-progress-overview .myeclass-action-kicker{color:var(--accent-2)!important;}
.myeclass-progress-overview .myeclass-action-item span{border-left-color:var(--accent-2);}

/* ------------------------------------------------------------
   MyEClass v2.9.282-283 — Loop completion surfaces.
   Read-only teacher loop command surface and student feedback journey.
   Minimal squared UI; no writes, AI/provider calls, notifications or visibility.
   ------------------------------------------------------------ */
.myeclass-loop-command-surface,
.myeclass-feedback-journey{
  border-left:4px solid var(--accent);
  margin-bottom:16px;
}
.myeclass-feedback-journey{
  border-left-color:var(--accent-2);
}
.myeclass-loop-command-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
  margin-bottom:14px;
}
.myeclass-loop-command-head h2{margin:0 0 4px;letter-spacing:-.03em;}
.myeclass-loop-command-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:10px 0 14px;
}
.myeclass-loop-command-stats>div{
  border:1px solid var(--line);
  background:var(--surface-2);
  padding:10px 11px;
}
.myeclass-loop-command-stats b{display:block;font-size:1.35rem;letter-spacing:-.04em;}
.myeclass-loop-command-stats span{display:block;color:var(--muted);font-size:.82rem;font-weight:800;}
.myeclass-loop-command-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.myeclass-loop-command-columns>section{
  border:1px solid var(--line);
  background:var(--surface-2);
  padding:12px;
}
.myeclass-loop-command-columns h3{margin:0 0 5px;font-size:1rem;letter-spacing:-.02em;}
.myeclass-loop-command-item{
  display:block;
  margin-top:8px;
  padding:10px 11px;
  border:1px solid var(--line);
  border-left:4px solid var(--accent);
  background:var(--surface);
  color:var(--text);
  text-decoration:none;
}
.myeclass-loop-command-item:hover{background:var(--surface-2);}
.myeclass-loop-command-item span{
  display:inline-block;
  margin-bottom:6px;
  color:var(--accent);
  font-size:.75rem;
  font-weight:950;
  letter-spacing:.04em;
}
.myeclass-loop-command-item b{display:block;margin-bottom:3px;line-height:1.3;}
.myeclass-loop-command-item small{display:block;color:var(--muted);font-weight:650;line-height:1.4;}
.myeclass-feedback-journey .myeclass-action-kicker{color:var(--accent-2)!important;}
.myeclass-feedback-journey .myeclass-assignment-stage.is-current span,
.myeclass-feedback-journey .myeclass-assignment-stage.is-done span{border-left-color:var(--accent-2);color:var(--accent-2);}
html[data-theme="dark"] .myeclass-loop-command-stats>div,
html[data-theme="dark"] .myeclass-loop-command-columns>section,
html[data-theme="dark"] .myeclass-loop-command-item{background:var(--surface);border-color:#303030;}
.review-flow-list li{border-radius:0;}
.review-flow-list li::before{border-radius:0;}
@media(max-width:980px){
  .myeclass-loop-command-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .myeclass-loop-command-columns{grid-template-columns:1fr;}
}
@media(max-width:680px){
  .myeclass-loop-command-head{grid-template-columns:1fr;}
  .myeclass-loop-command-head .button{width:100%;justify-content:center;}
  .myeclass-loop-command-stats{grid-template-columns:1fr;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.284-285 — Loop drilldown and next-practice focus.
   Read-only linking surfaces; squared/minimal, no new mutation routes.
   ------------------------------------------------------------ */
.myeclass-loop-focus-panel,
.myeclass-next-practice-focus{
  border-left:4px solid var(--accent);
  margin:0 0 16px;
}
.myeclass-next-practice-focus{border-left-color:var(--accent-2);}
.myeclass-loop-focus-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
  margin-bottom:14px;
}
.myeclass-loop-focus-head h2{margin:0 0 4px;letter-spacing:-.03em;}
.myeclass-loop-focus-list,
.myeclass-next-practice-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.myeclass-loop-focus-item,
.myeclass-next-practice-item,
.myeclass-loop-empty-state,
.myeclass-loop-row-focus{
  border:1px solid var(--line);
  background:var(--surface-2);
  padding:12px;
}
.myeclass-loop-focus-item,
.myeclass-next-practice-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
.myeclass-loop-focus-item h3,
.myeclass-next-practice-item h3{margin:7px 0 4px;line-height:1.25;}
.myeclass-loop-focus-item p,
.myeclass-next-practice-item p{margin:.35rem 0;}
.myeclass-loop-empty-state b,
.myeclass-loop-empty-state span,
.myeclass-loop-row-focus b,
.myeclass-loop-row-focus span{display:block;}
.myeclass-loop-empty-state span,
.myeclass-loop-row-focus span{color:var(--muted);font-weight:650;margin-top:4px;}
.myeclass-loop-row-focus{margin-top:10px;border-left:4px solid var(--accent);}
.myeclass-loop-row-focus .button{margin-top:8px;}
.myeclass-next-practice-row:target{outline:2px solid var(--accent-2);outline-offset:2px;}
html[data-theme="dark"] .myeclass-loop-focus-item,
html[data-theme="dark"] .myeclass-next-practice-item,
html[data-theme="dark"] .myeclass-loop-empty-state,
html[data-theme="dark"] .myeclass-loop-row-focus{background:var(--surface);border-color:#303030;}
@media(max-width:900px){
  .myeclass-loop-focus-list,
  .myeclass-next-practice-list{grid-template-columns:1fr;}
}
@media(max-width:680px){
  .myeclass-loop-focus-head,
  .myeclass-loop-focus-item,
  .myeclass-next-practice-item{grid-template-columns:1fr;}
  .myeclass-loop-focus-head .button,
  .myeclass-loop-focus-item .button,
  .myeclass-next-practice-item .button{width:100%;justify-content:center;}
}
.triage-warn{background:#fffaeb;border-color:#fedf89;color:#b54708;}
.triage-ok{background:#ecfdf3;border-color:#abefc6;color:#067647;}

/* ------------------------------------------------------------
   MyEClass v2.9.286 — Teacher review readiness consolidation.
   Read-only review checklist on the existing teacher.review page.
   ------------------------------------------------------------ */
.myeclass-review-readiness{
  border-left:4px solid var(--accent);
  margin-bottom:16px;
}
.myeclass-review-readiness .myeclass-assignment-stage{
  min-height:142px;
}
#myeclass-review-student-answer:target,
#myeclass-review-ai-draft:target,
#myeclass-review-final-decision:target{
  outline:2px solid var(--accent);
  outline-offset:2px;
}

/* ------------------------------------------------------------
   MyEClass v2.9.287 — Pilot readiness checklist surface.
   Read-only teacher/admin checklist; no workflow activation.
   ------------------------------------------------------------ */
.myeclass-pilot-readiness{
  border-left:4px solid var(--accent-2);
  margin-bottom:16px;
}
.myeclass-pilot-readiness .myeclass-action-kicker{color:var(--accent-2)!important;}
.myeclass-pilot-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.myeclass-pilot-columns>section{
  border:1px solid var(--line);
  background:var(--surface-2);
  padding:12px;
}
.myeclass-pilot-columns h3{margin:0 0 10px;font-size:1rem;letter-spacing:-.02em;}
.myeclass-pilot-list{
  display:grid;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
}
.myeclass-pilot-list li{
  border:1px solid var(--line);
  border-left:4px solid var(--accent-2);
  background:var(--surface);
  padding:10px 11px;
}
.myeclass-pilot-list b{display:block;margin-bottom:3px;line-height:1.3;}
.myeclass-pilot-list span{display:block;color:var(--muted);font-weight:650;line-height:1.4;}
html[data-theme="dark"] .myeclass-pilot-columns>section,
html[data-theme="dark"] .myeclass-pilot-list li{background:var(--surface);border-color:#303030;}
@media(max-width:980px){
  .myeclass-pilot-columns{grid-template-columns:1fr;}
}

/* v2.9.288 — MyEClass AI draft feedback boundary preflight */
.myeclass-ai-preflight{
  border-left:4px solid var(--border-strong);
}
.myeclass-ai-preflight.ready{border-left-color:var(--ok);} 
.myeclass-ai-preflight.blocked{border-left-color:var(--warn);} 
.myeclass-ai-preflight-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.myeclass-ai-preflight-summary>div{
  border:1px solid var(--line);
  background:var(--surface-2);
  padding:12px;
}
.myeclass-ai-preflight-summary b{
  display:block;
  font-size:1.05rem;
  line-height:1.2;
  letter-spacing:-.02em;
}
.myeclass-ai-preflight-summary span{
  display:block;
  color:var(--muted);
  font-weight:650;
  margin-top:3px;
}
.myeclass-ai-preflight-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.myeclass-ai-preflight-check{
  border:1px solid var(--line);
  background:var(--surface);
  padding:12px;
}
.myeclass-ai-preflight-check.ok{border-left:3px solid var(--ok);} 
.myeclass-ai-preflight-check.attention{border-left:3px solid var(--warn);} 
.myeclass-ai-preflight-check b{display:block;margin-bottom:4px;}
.myeclass-ai-preflight-check span{display:block;color:var(--muted);font-weight:650;line-height:1.45;}
.myeclass-ai-preflight-safety{
  border:1px solid var(--line);
  background:var(--surface-2);
  padding:10px 12px;
  margin-top:12px;
}
@media (max-width: 720px){
  .myeclass-ai-preflight-summary,
  .myeclass-ai-preflight-grid{grid-template-columns:1fr;}
}

/* v2.9.322-v2.9.324 — MyEClass UX declutter / one-screen pilot pass.
   Presentation-only: no route, DB, AI-provider, OCR/PDF, notification,
   publication, upload/delete, schema, internal rename, or student.submit changes. */
.myeclass-action-hero{display:grid;gap:8px;margin:0 0 14px;padding:16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--surface),rgba(248,250,252,.70));box-shadow:var(--shadow-sm)}
html[data-theme="dark"] .myeclass-action-hero{background:linear-gradient(180deg,var(--surface),rgba(15,15,15,.78))}
.myeclass-action-hero h2{margin:0;font-size:clamp(22px,2.4vw,32px)}
.myeclass-action-hero p{margin:0;max-width:72ch}.myeclass-action-kicker{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.myeclass-status-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.myeclass-compact-details{margin:10px 0}.myeclass-compact-details>summary{cursor:pointer;font-weight:900;color:var(--ink);letter-spacing:-.02em}.myeclass-compact-details[open]>summary{margin-bottom:8px}.myeclass-table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.myeclass-table-scroll table{min-width:760px;margin:0}.myeclass-table-scroll th:first-child,.myeclass-table-scroll td:first-child{padding-left:14px}.myeclass-table-scroll th:last-child,.myeclass-table-scroll td:last-child{padding-right:14px}.myeclass-primary-table tbody tr:hover{background:rgba(79,111,184,.045)}.myeclass-declutter-surface-v2-9-322 .callout,.myeclass-student-receipts-v2-9-323 .callout{margin:10px 0}.myeclass-ai-loop-declutter-v2-9-324{border-style:dashed}.myeclass-ux-declutter-snapshot-v2-9-324{background:var(--surface)}
@media(max-width:720px){.myeclass-action-hero{padding:13px}.myeclass-table-scroll table{min-width:680px}.myeclass-status-strip .status-pill{font-size:.78rem}}

/* v2.9.325-v2.9.327 — accelerated MyEClass calm-mode UX pass.
   Read-only presentation cleanup: no route, DB, provider, OCR/PDF,
   notification, generated exercise, publication, upload/delete, schema,
   internal rename, or student.submit changes. */
.myeclass-calm-queue-v2-9-325,
.myeclass-action-card-grid-v2-9-326{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0 14px;
}
.myeclass-calm-queue-v2-9-325>section,
.myeclass-action-card-grid-v2-9-326>section{
  border:1px solid var(--line);
  background:var(--surface-2);
  padding:12px;
  border-radius:16px;
}
.myeclass-calm-queue-v2-9-325 b,
.myeclass-action-card-grid-v2-9-326 b{display:block;margin:4px 0 3px;line-height:1.25;letter-spacing:-.02em}
.myeclass-calm-queue-v2-9-325 p,
.myeclass-action-card-grid-v2-9-326 p{margin:.25rem 0 0}
.myeclass-action-card-grid-v2-9-326 .is-collapsed-hint{opacity:.78;border-style:dashed}
.myeclass-calm-mode-v2-9-327{border-left:4px solid var(--accent)}
.myeclass-student-calm-surface-v2-9-326 .myeclass-action-hero{border-left:4px solid var(--accent-2)}
@media(max-width:900px){
  .myeclass-calm-queue-v2-9-325,
  .myeclass-action-card-grid-v2-9-326{grid-template-columns:1fr;}
}

/* v2.9.328-v2.9.330 — MyEClass navigation/flow simplification safe batch.
   Presentation-only next-click cues: no route, DB, AI-provider, OCR/PDF,
   notification, generated exercise, publication, upload/delete, schema,
   internal rename, or student.submit changes. */
.myeclass-next-click-strip-v2-9-328{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 12px;
}
.myeclass-next-click-strip-v2-9-328>span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  color:var(--ink);
  font-weight:850;
  font-size:.88rem;
  box-shadow:var(--shadow-sm);
}
.myeclass-navigation-freeze-v2-9-330{border-left:4px solid var(--accent-2)}
.myeclass-flow-surface-v2-9-330 .myeclass-action-hero{margin-bottom:10px}
.myeclass-flow-table-v2-9-330 td{vertical-align:top}
.myeclass-flow-table-v2-9-330 .rowform{gap:8px}
@media(max-width:720px){
  .myeclass-next-click-strip-v2-9-328>span{width:100%;justify-content:flex-start;}
}

/* v2.9.331-v2.9.333 — MyEClass simplified workspace / table declutter safe batch.
   Presentation-only: no route, DB, provider, OCR/PDF, notification,
   generated exercise, publication, upload/delete, schema, internal rename,
   or student.submit changes. */
.myeclass-review-queue-v2-9-331,
.myeclass-workspace-shortcuts-v2-9-332{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:12px 0 14px;
}
.myeclass-review-queue-v2-9-331>article,
.myeclass-workspace-shortcuts-v2-9-332>section{
  border:1px solid var(--line);
  background:var(--surface-2);
  border-radius:16px;
  padding:12px;
}
.myeclass-review-queue-v2-9-331 b,
.myeclass-workspace-shortcuts-v2-9-332 b{display:block;margin:4px 0 4px;line-height:1.25;letter-spacing:-.02em}
.myeclass-review-queue-v2-9-331 p,
.myeclass-workspace-shortcuts-v2-9-332 p{margin:.2rem 0 0}
.myeclass-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.muted-card{opacity:.82;border-style:dashed!important}
.myeclass-table-declutter-v2-9-331{border-left:4px solid var(--accent)}
.myeclass-simplified-freeze-v2-9-333{border-left:4px solid var(--ok)}
@media(max-width:1080px){
  .myeclass-review-queue-v2-9-331,
  .myeclass-workspace-shortcuts-v2-9-332{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:720px){
  .myeclass-review-queue-v2-9-331,
  .myeclass-workspace-shortcuts-v2-9-332{grid-template-columns:1fr;}
  .myeclass-inline-actions>.button{width:100%;justify-content:center;}
}

/* v2.9.334-v2.9.336 — MyEClass final pilot UX polish safe batch.
   Presentation-only: no route, DB, provider, OCR/PDF, notification,
   generated exercise, publication, upload/delete, schema, internal rename,
   or student.submit changes. */
.myeclass-focus-tray-v2-9-334,
.myeclass-student-next-step-v2-9-335{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  border:1px solid var(--line);
  border-left:4px solid var(--accent);
  border-radius:18px;
  background:var(--surface);
  padding:14px;
  margin:12px 0 14px;
  box-shadow:var(--shadow-sm);
}
.myeclass-focus-tray-v2-9-334 b,
.myeclass-student-next-step-v2-9-335 b{display:block;margin:4px 0 3px;font-size:1.05rem;line-height:1.25;letter-spacing:-.02em}
.myeclass-focus-tray-v2-9-334 p,
.myeclass-student-next-step-v2-9-335 p{margin:.25rem 0 0}
.myeclass-focus-metrics-v2-9-334{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.myeclass-focus-metrics-v2-9-334 span{display:grid;place-items:center;min-width:84px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:9px 10px;text-align:center}
.myeclass-focus-metrics-v2-9-334 b{margin:0;font-size:1.25rem}.myeclass-focus-metrics-v2-9-334 small{font-weight:820;color:var(--muted);line-height:1.15}.myeclass-student-next-step-v2-9-335{border-left-color:var(--accent-2)}.myeclass-final-ux-freeze-v2-9-336{border-left:4px solid var(--ok);background:var(--surface)}
@media(max-width:820px){
  .myeclass-focus-tray-v2-9-334,
  .myeclass-student-next-step-v2-9-335{grid-template-columns:1fr;}
  .myeclass-focus-metrics-v2-9-334{justify-content:stretch;}
  .myeclass-focus-metrics-v2-9-334 span{flex:1;min-width:0;}
}

/* v2.9.337-339 MyEClass final pilot closeout polish */
.myeclass-pilot-closeout-v2-9-337{border-color:rgba(20,132,124,.22)!important;background:linear-gradient(135deg,rgba(240,253,250,.84),rgba(255,255,255,.94));}
.myeclass-pilot-closeout-v2-9-337 .myeclass-status-strip{margin-top:12px;}
.myeclass-final-boundary-strip-v2-9-338{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);}
.myeclass-final-boundary-strip-v2-9-338 span{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:var(--surface);font-size:13px;font-weight:850;color:var(--muted);}
.myeclass-pilot-closeout-freeze-v2-9-339{border-color:rgba(20,132,124,.24)!important;background:linear-gradient(180deg,rgba(240,253,250,.62),rgba(255,255,255,.86));}
html[data-theme="dark"] .myeclass-pilot-closeout-v2-9-337,html[data-theme="dark"] .myeclass-pilot-closeout-freeze-v2-9-339{background:linear-gradient(135deg,rgba(20,83,45,.18),rgba(15,23,42,.74));border-color:rgba(61,220,151,.22)!important;}
html[data-theme="dark"] .myeclass-final-boundary-strip-v2-9-338 span{background:#111827;border-color:#303030;}


/* v2.9.340 — initial solution AI/OCR readiness preflight.
   Teacher-only metadata surface: no OCR/PDF extraction, provider call, draft persistence,
   student visibility, publication, notification, generated exercise, upload/delete,
   schema rewrite, internal rename, or student.submit change. */
.myeclass-initial-ai-ocr-preflight-v2-9-340{
  border-left:4px solid var(--accent-2);
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,252,.9));
  margin:12px 0 14px;
}
.myeclass-initial-ai-ocr-preflight-v2-9-340 h3{margin:.15rem 0 .25rem;letter-spacing:-.02em;}
.myeclass-initial-ai-ocr-metrics-v2-9-340{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;}
.myeclass-initial-ai-ocr-metrics-v2-9-340 span{display:grid;place-items:center;min-width:78px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:8px 10px;text-align:center;}
.myeclass-initial-ai-ocr-metrics-v2-9-340 b{font-size:1.2rem;line-height:1;}
.myeclass-initial-ai-ocr-metrics-v2-9-340 small{font-weight:820;color:var(--muted);line-height:1.15;}
.myeclass-initial-ai-ocr-rowlist-v2-9-340{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0;}
.myeclass-initial-ai-ocr-rowlist-v2-9-340 article{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:10px;}
.myeclass-initial-ai-ocr-rowlist-v2-9-340 b,.myeclass-initial-ai-ocr-rowlist-v2-9-340 small,.myeclass-initial-ai-ocr-rowlist-v2-9-340 span{display:block;line-height:1.2;}
.myeclass-initial-ai-ocr-rowlist-v2-9-340 small{color:var(--muted);margin:3px 0 6px;}
.myeclass-initial-ai-ocr-rowlist-v2-9-340 span{font-size:12px;font-weight:800;color:var(--muted);}
html[data-theme="dark"] .myeclass-initial-ai-ocr-preflight-v2-9-340{background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(17,24,39,.72));}
@media(max-width:1080px){.myeclass-initial-ai-ocr-rowlist-v2-9-340{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.myeclass-initial-ai-ocr-rowlist-v2-9-340{grid-template-columns:1fr;}.myeclass-initial-ai-ocr-metrics-v2-9-340 span{flex:1;min-width:0;}}
.myeclass-initial-ai-ocr-auth-form-v2-9-341{margin-top:8px;gap:6px;align-items:center;}
.myeclass-initial-ai-ocr-auth-form-v2-9-341 small{display:inline-block;font-size:11px;}

/* v2.9.348 — initial-solution AI/OCR decision audit surface.
   Read-only teacher lineage: no OCR/AI call, no database write, no publication,
   notification, generated exercises, recommendation generation, or student.submit change. */
.myeclass-initial-audit-surface-v2-9-348{margin-top:8px;}
.myeclass-initial-audit-chain-v2-9-348{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:9px 0;}
.myeclass-initial-audit-chain-v2-9-348 article{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:8px;}
.myeclass-initial-audit-chain-v2-9-348 b{display:block;margin-bottom:4px;line-height:1.2;}
.myeclass-initial-audit-chain-v2-9-348 p{margin:5px 0;}
@media(max-width:720px){.myeclass-initial-audit-chain-v2-9-348{grid-template-columns:1fr;}}


/* v2.9.353 Open-eClass-like assignments/submissions alignment */
.myeclass-openeclass-assignments-v2-9-353 table td:first-child {
  min-width: 260px;
}
.myeclass-assignment-title-link-v2-9-353 {
  font-weight: 800;
  text-decoration: none;
}
.myeclass-assignment-title-link-v2-9-353:hover {
  text-decoration: underline;
}
.myeclass-section-heading-v2-9-353 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.myeclass-openeclass-flow-hint-v2-9-353 {
  border-left: 4px solid var(--accent, #67a7e8);
}
.myeclass-openclass-steps-v2-9-353 {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .75rem;
}
.myeclass-openclass-steps-v2-9-353 span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .35rem .55rem;
  border: 1px solid rgba(103,167,232,.35);
  border-radius: 999px;
  font-size: .9rem;
}
.myeclass-openclass-steps-v2-9-353 span:not(:last-child)::after {
  content: "→";
  opacity: .7;
  margin-left: .25rem;
}

/* v2.9.354 — Open-eClass-like correction side-panel/modal UX shell.
   UX-only shell on existing teacher review action: no new route, no new write path,
   no AI provider call, no OCR/PDF extraction, no notification, no generated
   exercises, no publication, no student visibility change, no student.submit change. */
.myeclass-correction-launch-card-v2-9-354{border-left:4px solid var(--accent)}
.myeclass-correction-shell-launch-v2-9-354{white-space:nowrap}
.myeclass-correction-panel-v2-9-354{display:none;position:fixed;inset:0;z-index:9999;}
.myeclass-correction-panel-v2-9-354:target{display:block;}
.myeclass-correction-panel-backdrop-v2-9-354{position:absolute;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(2px);}
.myeclass-correction-panel-sheet-v2-9-354{position:absolute;top:18px;right:18px;bottom:18px;width:min(980px,calc(100vw - 36px));overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 24px 80px rgba(0,0,0,.32);padding:18px;}
.myeclass-correction-panel-header-v2-9-354{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px;}
.myeclass-correction-panel-header-v2-9-354 h2{margin:.15rem 0 .15rem;letter-spacing:-.03em;}
.myeclass-correction-panel-grid-v2-9-354{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:14px;align-items:start;}
.myeclass-correction-submission-card-v2-9-354,
.myeclass-correction-decision-card-v2-9-354,
.myeclass-correction-helper-v2-9-354{border:1px solid var(--line);border-radius:18px;background:var(--surface-2);padding:14px;}
.myeclass-correction-submission-card-v2-9-354 h3,
.myeclass-correction-decision-card-v2-9-354 h3{margin:.05rem 0 .8rem;letter-spacing:-.02em;}
.myeclass-correction-facts-v2-9-354{display:grid;grid-template-columns:115px minmax(0,1fr);gap:8px 12px;margin:0 0 14px;}
.myeclass-correction-facts-v2-9-354 dt{font-weight:900;color:var(--muted)}
.myeclass-correction-facts-v2-9-354 dd{margin:0;}
.myeclass-correction-files-v2-9-354 li{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:8px 0;}
.myeclass-correction-files-v2-9-354 li:last-child{border-bottom:0;}
.myeclass-correction-grade-shell-v2-9-354{border:1px dashed var(--line);border-radius:14px;padding:10px;margin:8px 0 12px;background:var(--surface);}
.myeclass-correction-grade-shell-v2-9-354 input[disabled]{opacity:.76;cursor:not-allowed;}
.myeclass-correction-form-v2-9-354{display:grid;gap:10px;margin-top:10px;}
.myeclass-correction-form-v2-9-354 textarea{min-height:110px;}
.myeclass-correction-form-v2-9-354 fieldset{border:1px solid var(--line);border-radius:14px;padding:10px;}
.myeclass-correction-helper-v2-9-354{margin-top:14px;border-left:4px solid var(--accent-2);}
.myeclass-correction-helper-v2-9-354>summary{cursor:pointer;font-weight:900;color:var(--ink);}
html[data-theme="dark"] .myeclass-correction-panel-sheet-v2-9-354{background:#1f2d37;border-color:#46637f;box-shadow:0 24px 80px rgba(0,0,0,.65);}
html[data-theme="dark"] .myeclass-correction-submission-card-v2-9-354,
html[data-theme="dark"] .myeclass-correction-decision-card-v2-9-354,
html[data-theme="dark"] .myeclass-correction-helper-v2-9-354{background:#2b3944;border-color:#46637f;}
@media(max-width:900px){
  .myeclass-correction-panel-sheet-v2-9-354{left:12px;right:12px;top:12px;bottom:12px;width:auto;padding:14px;border-radius:18px;}
  .myeclass-correction-panel-grid-v2-9-354{grid-template-columns:1fr;}
  .myeclass-correction-panel-header-v2-9-354{flex-direction:column;}
  .myeclass-correction-files-v2-9-354 li{align-items:flex-start;flex-direction:column;}
}

/* v2.9.356 — MyEClass course tool menu alignment shell.
   Course-first LMS navigation only: no new route, no DB/write path, no AI/OCR/provider call,
   no notification, no student.submit/publication/student-visibility change. */
.myeclass-course-tools-v2-9-356{margin:0 0 18px;padding:14px 16px;border-left:4px solid var(--accent);}
.myeclass-course-tools-head-v2-9-356{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;}
.myeclass-course-tools-head-v2-9-356 h2{margin:.1rem 0 .2rem;letter-spacing:-.03em;}
.myeclass-course-tools-caption-v2-9-356{margin:.3rem 0 12px;}
.myeclass-course-tool-grid-v2-9-356{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;}
.myeclass-course-tool-link{display:flex!important;align-items:center;gap:10px;min-height:58px;padding:10px 11px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)!important;text-decoration:none!important;font-weight:900;box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .16s ease,background .16s ease;}
.myeclass-course-tool-link .shell-icon{width:30px;height:30px;border-radius:12px;flex:0 0 auto;background:var(--soft);border:1px solid rgba(79,111,184,.16);color:var(--accent);}
.myeclass-course-tool-link .shell-icon svg{width:17px;height:17px;}
.myeclass-course-tool-link span:not(.shell-icon){display:grid;line-height:1.1;}
.myeclass-course-tool-link small{display:block;color:var(--muted);font-size:11px;font-weight:760;line-height:1.18;margin-top:2px;}
.myeclass-course-tool-link:hover{transform:translateY(-1px);border-color:rgba(79,111,184,.34);background:linear-gradient(180deg,var(--surface),var(--soft));}
.myeclass-course-tool-link.is-active{border-color:rgba(79,111,184,.48);background:linear-gradient(135deg,rgba(79,111,184,.16),rgba(20,132,124,.08));}
.myeclass-course-tool-link.is-active .shell-icon{background:var(--accent);border-color:var(--accent);color:#fff;}
.myeclass-course-tool-link.is-disabled{opacity:.68;cursor:not-allowed;background:rgba(148,163,184,.08);box-shadow:none;}
.myeclass-course-tool-link.is-disabled:hover{transform:none;border-color:var(--line);}
.myeclass-course-tools-student .myeclass-course-tool-link.is-disabled{opacity:.58;}
@media(max-width:680px){.myeclass-course-tools-head-v2-9-356{display:grid}.myeclass-course-tool-grid-v2-9-356{grid-template-columns:1fr 1fr}.myeclass-course-tool-link{min-height:54px;padding:9px}.myeclass-course-tool-link small{display:none}}

/* v2.9.357 — Dark eClass-like theme token polish for the course tool shell and LMS sidebar.
   Visual-only CSS layer. It does not alter routes, forms, writes, AI/OCR, notifications or visibility. */
html[data-theme="dark"] .myeclass-course-tools-v2-9-356{background:linear-gradient(180deg,rgba(12,12,12,.98),rgba(17,24,39,.88));border-color:#303030;border-left-color:var(--ml-accent);box-shadow:0 18px 54px rgba(0,0,0,.28);}
html[data-theme="dark"] .myeclass-course-tool-link{background:#0b0b0b;border-color:#303030;color:#f2f2f2!important;box-shadow:none;}
html[data-theme="dark"] .myeclass-course-tool-link .shell-icon{background:#101827;border-color:#263246;color:var(--ml-accent);}
html[data-theme="dark"] .myeclass-course-tool-link:hover{background:#111827;border-color:rgba(49,208,255,.34);}
html[data-theme="dark"] .myeclass-course-tool-link.is-active{background:linear-gradient(135deg,rgba(49,208,255,.18),rgba(37,99,235,.10));border-color:rgba(49,208,255,.50);}
html[data-theme="dark"] .myeclass-course-tool-link.is-active .shell-icon{background:var(--ml-accent);border-color:var(--ml-accent);color:#020617;}
html[data-theme="dark"] .myeclass-course-tool-link.is-disabled{background:rgba(15,23,42,.52);border-color:#252525;color:#a8a8a8!important;}
html[data-theme="dark"] .myeclass-course-tools-head-v2-9-356 .status-pill{border-color:rgba(49,208,255,.22);background:rgba(49,208,255,.10);color:var(--ml-accent);}
html[data-theme="dark"] .myeclass-sidebar-heading span{color:#8ea4bd;}
html[data-theme="dark"] .myeclass-nav-section h2{color:#8ea4bd;}


/* v2.9.358 — Correction panel sections/tabs shell.
   UX-only organization: Υποβολή / Διόρθωση / Βοηθός. No new route, no new write path,
   no AI provider call, no OCR/PDF extraction, no notification, no student.submit/publication/student-visibility change. */
.myeclass-correction-tabs-v2-9-358{position:sticky;top:0;z-index:2;display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:8px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(8px);}
.myeclass-correction-tabs-v2-9-358 a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink)!important;text-decoration:none!important;font-weight:900;}
.myeclass-correction-tabs-v2-9-358 a:hover{border-color:rgba(79,111,184,.34);background:var(--soft);}
.myeclass-correction-section-v2-9-358{scroll-margin-top:96px;}
.myeclass-correction-section-head-v2-9-358{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;}
.myeclass-correction-section-head-v2-9-358>span,.myeclass-correction-helper-v2-9-359>summary>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:var(--accent);color:#fff;font-weight:950;flex:0 0 auto;}
.myeclass-correction-section-head-v2-9-358 h3{margin:.05rem 0 .1rem!important;}
.myeclass-correction-section-head-v2-9-358 p{margin:0;}
html[data-theme="dark"] .myeclass-correction-tabs-v2-9-358{background:rgba(17,24,39,.92);border-color:#46637f;}
html[data-theme="dark"] .myeclass-correction-tabs-v2-9-358 a{background:#0b0b0b;border-color:#303030;}
html[data-theme="dark"] .myeclass-correction-tabs-v2-9-358 a:hover{background:#111827;border-color:rgba(49,208,255,.34);}

/* v2.9.359 — Correction panel visual declutter polish.
   Visual-only CSS over the existing v2.9.354/v2.9.358 shell. It does not alter forms, actions,
   SQL, provider calls, OCR, notifications, publication, student visibility or internal names. */
.myeclass-correction-panel-sheet-v2-9-359{max-width:1040px;}
.myeclass-correction-panel-grid-v2-9-359{grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);}
.myeclass-correction-panel-grid-v2-9-359 h4{margin:14px 0 8px;font-size:.92rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);}
.myeclass-correction-section-v2-9-358{box-shadow:0 12px 34px rgba(15,23,42,.07);}
.myeclass-correction-helper-v2-9-359{scroll-margin-top:96px;}
.myeclass-correction-helper-v2-9-359>summary{display:flex;align-items:center;gap:10px;list-style:none;}
.myeclass-correction-helper-v2-9-359>summary::-webkit-details-marker{display:none;}
.myeclass-correction-helper-v2-9-359>summary::after{content:'+';margin-left:auto;width:24px;height:24px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);}
.myeclass-correction-helper-v2-9-359[open]>summary::after{content:'−';}
.myeclass-correction-grade-shell-v2-9-354{background:linear-gradient(180deg,var(--surface),var(--surface-2));}
html[data-theme="dark"] .myeclass-correction-section-v2-9-358{box-shadow:none;}
html[data-theme="dark"] .myeclass-correction-section-head-v2-9-358>span,html[data-theme="dark"] .myeclass-correction-helper-v2-9-359>summary>span{background:var(--ml-accent);color:#020617;}
@media(max-width:900px){.myeclass-correction-tabs-v2-9-358{position:static}.myeclass-correction-panel-grid-v2-9-359{grid-template-columns:1fr}.myeclass-correction-tabs-v2-9-358 a{flex:1 1 30%;}}

/* v2.9.360 — MyEClass course landing / lesson surface shell.
   Read-only course home surface for the existing teacher.class_edit page.
   It adds navigation/summary structure only: no new form, no route, no write path, no AI/OCR/provider call. */
.myeclass-course-landing-v2-9-360{margin:0 0 18px;border-left:4px solid var(--accent);}
.myeclass-course-landing-head-v2-9-360{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.myeclass-course-landing-head-v2-9-360 h2{margin:.08rem 0 .25rem;letter-spacing:-.03em;}
.myeclass-course-landing-grid-v2-9-360{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:14px;align-items:start;}
.myeclass-course-landing-grid-v2-9-360>section,.myeclass-course-landing-grid-v2-9-360>aside{border:1px solid var(--line);border-radius:18px;background:var(--surface-2);padding:14px;}
.myeclass-course-landing-grid-v2-9-360 h3{margin:.05rem 0 .65rem;letter-spacing:-.02em;}
.myeclass-course-landing-list-v2-9-360{display:grid;gap:9px;}
.myeclass-course-landing-list-v2-9-360 article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:10px 12px;}
.myeclass-course-landing-list-v2-9-360 b{display:block;line-height:1.25;}
.myeclass-course-landing-list-v2-9-360 small{display:block;margin-top:4px;color:var(--muted);font-weight:700;}
.myeclass-course-landing-actions-v2-9-360{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px;}
html[data-theme="dark"] .myeclass-course-landing-v2-9-360{background:linear-gradient(180deg,rgba(12,12,12,.98),rgba(17,24,39,.90));border-color:#303030;border-left-color:var(--ml-accent);box-shadow:0 18px 54px rgba(0,0,0,.28);}
html[data-theme="dark"] .myeclass-course-landing-grid-v2-9-360>section,html[data-theme="dark"] .myeclass-course-landing-grid-v2-9-360>aside{background:#111827;border-color:#303030;}
html[data-theme="dark"] .myeclass-course-landing-list-v2-9-360 article{background:#0b0b0b;border-color:#303030;}

/* v2.9.361 — Student course surface shell.
   Student-safe read-only grouping: no raw AI/OCR/MathLoop states, no publication change, no new submit path. */
.myeclass-student-course-surface-v2-9-361{margin:0 0 18px;border-left:4px solid var(--accent-2);}
.myeclass-student-course-grid-v2-9-361{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.myeclass-student-course-grid-v2-9-361 article{border:1px solid var(--line);border-radius:18px;background:var(--surface-2);padding:14px;min-height:130px;}
.myeclass-student-course-grid-v2-9-361 h3{margin:10px 0 5px;letter-spacing:-.02em;}
.myeclass-student-course-grid-v2-9-361 small{display:block;margin-top:10px;color:var(--muted);font-weight:850;}
html[data-theme="dark"] .myeclass-student-course-surface-v2-9-361{background:linear-gradient(180deg,rgba(12,12,12,.98),rgba(6,78,59,.14));border-color:#303030;border-left-color:var(--ml-accent-2);}
html[data-theme="dark"] .myeclass-student-course-grid-v2-9-361 article{background:#111827;border-color:#303030;}
@media(max-width:820px){.myeclass-course-landing-head-v2-9-360{display:grid}.myeclass-course-landing-grid-v2-9-360{grid-template-columns:1fr}.myeclass-course-landing-list-v2-9-360 article{align-items:flex-start;flex-direction:column}.myeclass-course-landing-actions-v2-9-360 .button{flex:1 1 44%;justify-content:center}}

/* v2.9.362 — Assignments page declutter / Open-EClass table polish.
   Read-only UI organization over existing teacher.assignments route. No new route, DB write, AI/OCR/provider call,
   notification, publication/student visibility change, internal rename, or student.submit change. */
.myeclass-assignments-overview-v2-9-362{margin:0 0 14px;border-left:4px solid var(--accent);}
.myeclass-assignments-table-v2-9-362{overflow:hidden;}
.myeclass-table-wrap-v2-9-362{overflow:auto;margin-top:10px;}
.myeclass-assignments-table-v2-9-362 table{min-width:860px;}
.myeclass-assignments-table-v2-9-362 tr.needs-review td{background:linear-gradient(90deg,rgba(245,158,11,.10),transparent 64%);}
.myeclass-review-count-v2-9-362{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--line);border-radius:999px;padding:4px 9px;background:var(--surface-2);font-weight:850;color:var(--muted);}
.myeclass-assignment-create-shell-v2-9-362{border-left:4px solid var(--line);}
.myeclass-assignment-create-shell-v2-9-362>summary{cursor:pointer;display:flex;align-items:center;gap:8px;flex-wrap:wrap;list-style:none;padding:2px 0;font-size:1.02rem;}
.myeclass-assignment-create-shell-v2-9-362>summary::-webkit-details-marker{display:none;}
.myeclass-assignment-create-shell-v2-9-362>summary::after{content:'+';margin-left:auto;width:28px;height:28px;border:1px solid var(--line);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900;}
.myeclass-assignment-create-shell-v2-9-362[open]>summary::after{content:'−';}
html[data-theme="dark"] .myeclass-assignments-overview-v2-9-362{background:linear-gradient(180deg,rgba(12,12,12,.98),rgba(17,24,39,.90));border-color:#303030;border-left-color:var(--ml-accent);}
html[data-theme="dark"] .myeclass-assignments-table-v2-9-362 tr.needs-review td{background:linear-gradient(90deg,rgba(245,158,11,.14),rgba(17,24,39,.04) 68%);}
html[data-theme="dark"] .myeclass-review-count-v2-9-362{background:#0b0b0b;border-color:#303030;}

/* v2.9.363 — Assignment workspace anchor rail.
   Read-only anchor navigation inside the existing assignment edit page. No forms/actions/routes/writes added. */
.myeclass-assignment-workspace-rail-v2-9-363{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:14px;align-items:center;border-left:4px solid var(--accent-2);}
.myeclass-assignment-workspace-rail-v2-9-363 h2{margin:.05rem 0 .25rem;letter-spacing:-.03em;}
.myeclass-assignment-rail-links-v2-9-363{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;}
.myeclass-assignment-rail-links-v2-9-363 a{display:grid;gap:3px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:10px 11px;text-decoration:none!important;color:var(--ink)!important;}
.myeclass-assignment-rail-links-v2-9-363 a:hover{border-color:rgba(79,111,184,.34);background:var(--soft);transform:translateY(-1px);}
.myeclass-assignment-rail-links-v2-9-363 small{color:var(--muted);font-weight:760;line-height:1.15;}
#myeclass-assignment-submissions,#myeclass-assignment-settings,#myeclass-assignment-classes,#myeclass-assignment-qr,#myeclass-assignment-content,#myeclass-assignment-add-items{scroll-margin-top:86px;}
html[data-theme="dark"] .myeclass-assignment-workspace-rail-v2-9-363{background:linear-gradient(180deg,rgba(12,12,12,.98),rgba(6,78,59,.14));border-color:#303030;border-left-color:var(--ml-accent-2);}
html[data-theme="dark"] .myeclass-assignment-rail-links-v2-9-363 a{background:#0b0b0b;border-color:#303030;}
html[data-theme="dark"] .myeclass-assignment-rail-links-v2-9-363 a:hover{background:#111827;border-color:rgba(49,208,255,.34);}

/* v2.9.364 — Deadline/status chip polish.
   Visual-only deadline/status cues for assignment lists and assignment workspace stats. No scheduling, notifications, writes or calendar events. */
.myeclass-assignment-due-chip-v2-9-364,.myeclass-assignment-status-chip-v2-9-364{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;padding:5px 9px;font-size:.86rem;font-weight:900;white-space:nowrap;}
.myeclass-assignment-status-chip-v2-9-364{margin-top:6px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);}
.myeclass-assignment-status-chip-v2-9-364.is-published{border-color:rgba(20,132,124,.32);background:rgba(20,132,124,.10);color:var(--ok);}
.myeclass-assignment-status-chip-v2-9-364.is-closed{border-color:rgba(100,116,139,.30);background:rgba(100,116,139,.12);}
.myeclass-assignment-status-chip-v2-9-364.is-draft{border-color:rgba(245,158,11,.30);background:rgba(245,158,11,.10);}
html[data-theme="dark"] .myeclass-assignment-status-chip-v2-9-364{background:#111827;border-color:#303030;}
@media(max-width:900px){.myeclass-assignment-workspace-rail-v2-9-363{grid-template-columns:1fr}.myeclass-assignments-table-v2-9-362 .actions{white-space:normal}.myeclass-assignment-rail-links-v2-9-363{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){.myeclass-assignment-rail-links-v2-9-363{grid-template-columns:1fr}.myeclass-assignment-create-shell-v2-9-362>summary{display:grid}.myeclass-assignment-create-shell-v2-9-362>summary::after{margin-left:0;}}

/* v2.9.365 — Open-eClass-like global declutter pass.
   Visual-only chrome tightening: no routes, forms, DB writes, AI/OCR/provider calls,
   notifications, publication, student.submit changes or internal renames. */
.page-hero{padding:12px 16px!important;margin:0 0 12px!important;border-radius:16px!important;box-shadow:0 8px 24px -22px rgba(36,52,71,.42)!important;grid-template-columns:minmax(0,1fr)!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,249,254,.88))!important;}
.page-hero::after,.page-hero-meta{display:none!important;}
.page-kicker{font-size:.72rem!important;letter-spacing:.08em!important;}
.page-hero h1{font-size:clamp(1.35rem,2.1vw,2rem)!important;margin:3px 0 0!important;letter-spacing:-.035em!important;}
.card{border-radius:14px!important;padding:14px 16px!important;margin:12px 0!important;box-shadow:0 8px 28px -25px rgba(36,52,71,.38)!important;}
.myeclass-main{max-width:1160px!important;}
.myeclass-sidebar{padding:14px 10px 18px!important;}
.myeclass-sidebar-note{display:none!important;}
.myeclass-nav-section h2{font-size:11px!important;margin-top:0!important;}
.myeclass-nav-link{min-height:40px!important;padding:8px 10px!important;border-radius:11px!important;}
.myeclass-nav-link .shell-icon{width:27px!important;height:27px!important;border-radius:9px!important;}
.myeclass-top-action span:not(.learning-loop-badge),.myeclass-user-pill span:last-child{max-width:160px;overflow:hidden;text-overflow:ellipsis;}
.myeclass-workspace-hero{padding:14px 16px!important;border-radius:16px!important;margin-bottom:12px!important;}
.myeclass-workspace-hero h1{font-size:clamp(1.2rem,2vw,1.65rem)!important;}
.myeclass-workspace-hero p{margin-top:5px!important;line-height:1.4!important;}
.myeclass-workspace-meta{margin-top:8px!important;}
.myeclass-workspace-map{display:none!important;}
.myeclass-workspace-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:8px!important;margin-bottom:12px!important;}
.myeclass-workspace-stats article{padding:10px 12px!important;border-radius:12px!important;}
.myeclass-workspace-stats b{font-size:1.05rem!important;line-height:1.15!important;}
.myeclass-workspace-stats span{font-size:.72rem!important;}
html[data-theme="dark"] .page-hero{background:linear-gradient(180deg,rgba(17,24,39,.90),rgba(10,10,10,.88))!important;border-color:#303030!important;}

/* v2.9.366 — Assignments tool simplification.
   Read-only organization around the existing assignments route and POST form. */
.myeclass-eclass-tool-intro-v2-9-365{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-left:4px solid var(--accent);margin-bottom:12px!important;}
.myeclass-eclass-tool-intro-v2-9-365 h2{margin:.05rem 0 .2rem;letter-spacing:-.03em;}
.myeclass-eclass-tool-intro-v2-9-365 p{margin:.15rem 0;}
.myeclass-eclass-tool-actions-v2-9-365{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}
.myeclass-eclass-tool-meta-v2-9-365{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.myeclass-eclass-tool-meta-v2-9-365 span{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.82rem;font-weight:820;}
.myeclass-eclass-section-summary-v2-9-365{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.myeclass-eclass-section-summary-v2-9-365 h2{margin:.05rem 0 .2rem;}
.myeclass-course-tools-v2-9-356{padding:10px 12px!important;border-radius:14px!important;margin-bottom:12px!important;}
.myeclass-course-tools-caption-v2-9-356{display:none!important;}
.myeclass-course-tools-head-v2-9-356{margin-bottom:7px!important;}
.myeclass-course-tool-grid-v2-9-356{display:flex!important;gap:7px!important;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin;}
.myeclass-course-tool-link{min-width:138px!important;min-height:44px!important;padding:8px 10px!important;border-radius:12px!important;box-shadow:none!important;}
.myeclass-course-tool-link .shell-icon{width:26px!important;height:26px!important;border-radius:9px!important;}
.myeclass-course-tool-link small{display:none!important;}
.myeclass-assignments-overview-v2-9-362 .myeclass-course-landing-head-v2-9-360{display:none!important;}
.myeclass-assignments-table-v2-9-362 .myeclass-section-heading-v2-9-353 h2{font-size:1.15rem;}
.myeclass-assignments-table-v2-9-362 table th{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);}
.myeclass-assignment-create-shell-v2-9-362{border-left-color:var(--accent-2)!important;}

/* v2.9.367 — Assignment detail anti-chaos pass.
   Submissions first; secondary editing/QR/add-item areas are collapsed shells. */
.myeclass-focus-submissions-v2-9-367{border-left:5px solid var(--accent)!important;background:linear-gradient(180deg,var(--surface),var(--surface-2));}
.myeclass-focus-submissions-v2-9-367 .myeclass-openclass-steps-v2-9-353{display:none;}
.myeclass-assignment-workspace-rail-v2-9-363{grid-template-columns:1fr!important;padding:10px 12px!important;}
.myeclass-assignment-workspace-rail-v2-9-363>div:first-child{display:none;}
.myeclass-assignment-rail-links-v2-9-363{display:flex!important;gap:7px!important;overflow-x:auto;padding-bottom:2px;}
.myeclass-assignment-rail-links-v2-9-363 a{min-width:128px!important;border-radius:11px!important;padding:8px 10px!important;}
.myeclass-assignment-rail-links-v2-9-363 small{display:none!important;}
.myeclass-eclass-collapsible-v2-9-367{border-left:4px solid var(--line)!important;}
.myeclass-eclass-collapsible-v2-9-367>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:34px;}
.myeclass-eclass-collapsible-v2-9-367>summary::-webkit-details-marker{display:none;}
.myeclass-eclass-collapsible-v2-9-367>summary::after{content:'+';margin-left:auto;width:26px;height:26px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900;}
.myeclass-eclass-collapsible-v2-9-367[open]>summary::after{content:'−';}
.myeclass-eclass-collapsible-v2-9-367>summary b{letter-spacing:-.02em;}
.myeclass-eclass-collapsible-v2-9-367>summary .muted{font-size:.88rem;}
#myeclass-assignment-content table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);}
#myeclass-assignment-content table td:nth-child(4){max-width:520px;}
html[data-theme="dark"] .myeclass-focus-submissions-v2-9-367{background:linear-gradient(180deg,rgba(17,24,39,.90),rgba(10,10,10,.86));}

/* v2.9.368 — Student assignment surface declutter.
   Student-facing visual grouping only; no new submit/OCR/AI/publication behavior. */
.myeclass-student-course-surface-v2-9-361 .myeclass-course-landing-head-v2-9-360{margin-bottom:8px!important;}
.myeclass-student-course-grid-v2-9-361 article{min-height:98px!important;border-radius:14px!important;padding:11px 12px!important;}
.myeclass-student-assignment-instructions-v2-9-368{border-left:4px solid var(--accent-2)!important;}
#myeclass-assignment-answers.cards{grid-template-columns:1fr!important;gap:10px!important;}
#myeclass-assignment-answers>.card{border-left:4px solid var(--accent)!important;}
#myeclass-assignment-answers .callout{margin-top:10px;border-radius:12px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);}
#myeclass-assignment-answers .callout h3{font-size:1rem;margin:.1rem 0 .35rem;}
#myeclass-assignment-answers .callout .rowform{grid-template-columns:minmax(0,1fr) auto!important;}
@media(max-width:900px){.myeclass-eclass-tool-intro-v2-9-365{grid-template-columns:1fr}.myeclass-eclass-tool-actions-v2-9-365{justify-content:flex-start}.myeclass-course-tool-grid-v2-9-356{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.myeclass-course-tool-link{min-width:0!important}.myeclass-assignment-rail-links-v2-9-363{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.myeclass-assignment-rail-links-v2-9-363 a{min-width:0!important}}
@media(max-width:620px){.myeclass-eclass-tool-actions-v2-9-365 .button{width:100%}.myeclass-course-tool-grid-v2-9-356,.myeclass-assignment-rail-links-v2-9-363{grid-template-columns:1fr!important}#myeclass-assignment-answers .callout .rowform{grid-template-columns:1fr!important}}
#ml-student-upload-options{border-left-color:var(--accent-2)!important;}

/* v2.9.369 — Student submission MVP entry hardening.
   Existing student.submit remains the only typed/canvas submission write. This pass only makes the student assignment entry clearer and collapses optional file/mobile upload affordances. */
.myeclass-student-assignment-card-v2-9-369{border-left:4px solid var(--accent)!important;}
.myeclass-student-assignment-card-head-v2-9-369,.myeclass-student-exercise-head-v2-9-369{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;}
.myeclass-student-assignment-card-head-v2-9-369 h2,.myeclass-student-exercise-head-v2-9-369 h2{margin:.05rem 0 .25rem;}
.myeclass-student-exercise-card-v2-9-369{border-left:4px solid var(--accent)!important;}
.myeclass-submission-chip-v2-9-369{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:5px 9px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:.82rem;font-weight:900;white-space:nowrap;}
.myeclass-submission-chip-v2-9-369.is-complete{border-color:rgba(20,132,124,.32);background:rgba(20,132,124,.10);color:var(--ok);}
.myeclass-submission-chip-v2-9-369.is-progress{border-color:rgba(79,111,184,.34);background:rgba(79,111,184,.10);color:var(--accent);}
.myeclass-submission-chip-v2-9-369.is-pending{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.08);}
.myeclass-student-submit-actions-v2-9-369{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.myeclass-file-upload-details-v2-9-369{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:9px 11px;}
.myeclass-file-upload-details-v2-9-369>summary{cursor:pointer;font-weight:850;color:var(--muted);}
.myeclass-file-upload-details-v2-9-369 .callout{margin-top:9px!important;}
html[data-theme="dark"] .myeclass-submission-chip-v2-9-369,html[data-theme="dark"] .myeclass-file-upload-details-v2-9-369{background:#0b0b0b;border-color:#303030;}

/* v2.9.370 — Student solve page Open-eClass-like simplification.
   Typed answer is the default demo path; canvas remains available as an optional tab. */
.myeclass-student-solve-statement-v2-9-370{border-left:4px solid var(--accent-2)!important;}
.myeclass-student-solve-form-v2-9-370{border-left:4px solid var(--accent)!important;}
.myeclass-solve-tabs-v2-9-370{margin-bottom:12px;}
.myeclass-student-solve-form-v2-9-370 textarea{min-height:230px;font-size:1rem;line-height:1.55;}
.myeclass-student-solve-form-v2-9-370 #canvasPanel[hidden],.myeclass-student-solve-form-v2-9-370 #typedPanel[hidden]{display:none!important;}
.myeclass-student-solve-form-v2-9-370 canvas{border-radius:12px;border:1px solid var(--line);max-width:100%;height:auto;background:#fff;}

/* v2.9.371 — Teacher submissions queue demo wording.
   Visual language now reads as LMS correction queue first; AI remains a later teacher-only helper. */
.triage-card.triage-pending-ai span::after{content:' / προς διόρθωση';font-weight:700;color:var(--muted);}
@media(max-width:760px){.myeclass-student-assignment-card-head-v2-9-369,.myeclass-student-exercise-head-v2-9-369{display:grid}.myeclass-student-submit-actions-v2-9-369 .button{width:100%;}}


/* v2.9.372–v2.9.374 — Teacher correction save MVP.
   Teacher-only draft correction UI; no AI/provider call and no student publication. */
.myeclass-manual-correction-shell-v2-9-374 .review-summary-card{border-left:4px solid var(--accent)!important;}
.myeclass-teacher-correction-draft-v2-9-373{border-left:4px solid var(--accent-2)!important;}
.myeclass-teacher-correction-draft-v2-9-373 form{display:grid;gap:12px;}
.myeclass-teacher-correction-draft-v2-9-373 textarea{line-height:1.55;}
.myeclass-teacher-correction-draft-v2-9-373 .grid2{align-items:end;}
.myeclass-manual-correction-shell-v2-9-374 #myeclass-review-ai-draft.card{border-style:dashed;opacity:.92;}
.myeclass-manual-correction-shell-v2-9-374 #myeclass-review-ai-draft>summary{cursor:pointer;font-weight:900;color:var(--muted);}
html[data-theme="dark"] .myeclass-teacher-correction-draft-v2-9-373{background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(10,10,10,.88));}

/* v2.9.375 — Open-eClass course-context shell restructuring.
   UI/layout-only: global top navigation remains at the top; inside a course/class/assignment, the left sidebar becomes the local course tools menu.
   No route/write/schema/AI/OCR/notification/publication/student visibility change. */
.myeclass-global-topnav-v2-9-375{display:flex;align-items:center;gap:28px;margin-left:22px;white-space:nowrap;}
.myeclass-global-topnav-v2-9-375 a{color:inherit!important;text-decoration:none!important;font-weight:900;font-size:15px;padding:9px 2px;border-bottom:3px solid transparent;opacity:.92;}
.myeclass-global-topnav-v2-9-375 a:hover,.myeclass-global-topnav-v2-9-375 a.is-active{opacity:1;border-bottom-color:var(--accent);}
.myeclass-course-context-shell-v2-9-375{grid-template-columns:290px minmax(0,1fr)!important;background:#eef2f6;}
html[data-theme="dark"] .myeclass-course-context-shell-v2-9-375{background:#111827;}
.myeclass-course-context-shell-v2-9-375 .myeclass-topbar{background:#050505!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-brand .brand-copy strong,.myeclass-course-context-shell-v2-9-375 .myeclass-global-topnav-v2-9-375 a{color:#fff!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-top-action,.myeclass-course-context-shell-v2-9-375 .myeclass-user-pill{background:transparent!important;border-color:rgba(255,255,255,.20)!important;color:#fff!important;box-shadow:none!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-main{max-width:1196px!important;padding:24px 28px 42px!important;background:linear-gradient(180deg,#f8fafc,#eef2f6)!important;min-height:calc(100vh - 74px);}
html[data-theme="dark"] .myeclass-course-context-shell-v2-9-375 .myeclass-main{background:linear-gradient(180deg,#1d2c38,#172431)!important;}
.myeclass-course-context-shell-v2-9-375 .page-hero{display:none!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-main>.myeclass-course-tools-v2-9-356{display:none!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-breadcrumbs{margin:0 0 20px!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-breadcrumbs a,.myeclass-course-context-shell-v2-9-375 .myeclass-breadcrumbs span[aria-current="page"]{border-radius:0!important;background:transparent!important;border:0!important;padding:0!important;color:#2563eb!important;}
html[data-theme="dark"] .myeclass-course-context-shell-v2-9-375 .myeclass-breadcrumbs a{color:#6ab6ff!important;}
html[data-theme="dark"] .myeclass-course-context-shell-v2-9-375 .myeclass-breadcrumbs span[aria-current="page"]{color:#f8fafc!important;}

/* v2.9.376 — Course-only tool sidebar, inspired by Open-eClass left course menu.
   This replaces the global dashboard sidebar only when a concrete course/class/assignment context is detected. */
.myeclass-course-sidebar-v2-9-375{background:#1f3140!important;color:#fff!important;border-right:1px solid rgba(140,181,220,.30)!important;padding:24px 16px!important;box-shadow:none!important;}
html[data-theme="dark"] .myeclass-course-sidebar-v2-9-375{background:#1f3140!important;border-right-color:rgba(140,181,220,.28)!important;}
.myeclass-course-role-pill-v2-9-375{height:44px;border-radius:999px;background:#f8fafc;color:#1f3140;display:flex;align-items:center;gap:12px;padding:0 14px;font-weight:950;margin:6px 0 22px;box-shadow:0 8px 24px rgba(0,0,0,.16);}
.myeclass-course-role-pill-v2-9-375 .shell-icon{width:28px;height:28px;border-radius:999px;background:#e2e8f0;color:#1f3140;}
.myeclass-course-sidebar-title-v2-9-375{border-bottom:1px solid rgba(255,255,255,.24);padding:0 4px 18px;margin-bottom:18px;display:grid;gap:5px;}
.myeclass-course-sidebar-title-v2-9-375 span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#b9d1e9;font-weight:950;}
.myeclass-course-sidebar-title-v2-9-375 b{font-size:18px;line-height:1.18;color:#fff;letter-spacing:-.03em;}
.myeclass-course-sidebar-title-v2-9-375 small{color:#dbeafe;font-weight:780;line-height:1.25;}
.myeclass-course-sidebar-nav-v2-9-376{display:grid;gap:26px;}
.myeclass-course-sidebar-nav-v2-9-376 section{display:grid;gap:4px;}
.myeclass-course-sidebar-nav-v2-9-376 h2{margin:0 0 9px;font-size:14px;color:#fff;font-weight:950;letter-spacing:-.01em;display:flex;align-items:center;gap:6px;}
.myeclass-course-sidebar-nav-v2-9-376 h2::before{content:'⌄';font-size:14px;color:#fff;}
.myeclass-course-sidebar-link-v2-9-376{min-height:36px;border-radius:8px;display:flex!important;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important;font-weight:850;padding:7px 9px;border:1px solid transparent;background:transparent;}
.myeclass-course-sidebar-link-v2-9-376 .shell-icon{width:22px!important;height:22px!important;border-radius:0!important;background:transparent!important;border:0!important;color:#fff!important;}
.myeclass-course-sidebar-link-v2-9-376 .shell-icon svg{width:18px;height:18px;stroke-width:2.2;}
.myeclass-course-sidebar-link-v2-9-376:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.12)!important;transform:none!important;}
.myeclass-course-sidebar-link-v2-9-376.is-active{background:#6ab6ff!important;color:#092033!important;border-color:#6ab6ff!important;box-shadow:none!important;}
.myeclass-course-sidebar-link-v2-9-376.is-active .shell-icon{color:#092033!important;}
.myeclass-course-sidebar-link-v2-9-376.is-disabled{opacity:.74;cursor:not-allowed;}
.myeclass-course-sidebar-link-v2-9-376.is-disabled:hover{background:transparent!important;border-color:transparent!important;}

/* v2.9.377 — Assignments tool in true course context.
   The assignments list keeps the LMS table surface and stops showing the horizontal course tool grid in course pages. */
.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365{background:#fff!important;border-left:0!important;border-top:4px solid #6ab6ff!important;border-radius:10px!important;box-shadow:0 1px 0 rgba(15,23,42,.08)!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365 h2{font-size:1.45rem!important;}
.myeclass-course-context-shell-v2-9-375 .card{background:#fff!important;border-radius:8px!important;border-color:#d7e1ec!important;box-shadow:0 1px 0 rgba(15,23,42,.08)!important;}
.myeclass-course-context-shell-v2-9-375 table{border-collapse:collapse!important;background:#fff!important;}
.myeclass-course-context-shell-v2-9-375 table th{background:#edf2f7!important;color:#334155!important;font-weight:900!important;border-bottom:1px solid #d7e1ec!important;}
.myeclass-course-context-shell-v2-9-375 table td{border-bottom:1px solid #e5edf5!important;}
html[data-theme="dark"] .myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365,html[data-theme="dark"] .myeclass-course-context-shell-v2-9-375 .card{background:#203241!important;border-color:#39556a!important;color:#f8fafc!important;}
html[data-theme="dark"] .myeclass-course-context-shell-v2-9-375 table,html[data-theme="dark"] .myeclass-course-context-shell-v2-9-375 table td{background:#203241!important;border-color:#39556a!important;color:#f8fafc!important;}
html[data-theme="dark"] .myeclass-course-context-shell-v2-9-375 table th{background:#2a3f51!important;color:#e0f2fe!important;border-color:#39556a!important;}

/* v2.9.378 — Assignment detail / correction inherits course context.
   The correction workspace remains manual-first/teacher-controlled, just visually nested under the current course. */
.myeclass-course-context-shell-v2-9-375 .review-shell{margin-top:0;}
.myeclass-course-context-shell-v2-9-375 .review-summary-card{border-top:4px solid #6ab6ff!important;}
.myeclass-course-context-shell-v2-9-375 .review-main-grid{gap:14px!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-assignment-workspace-rail-v2-9-363{display:none!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-workspace-hero{background:#fff!important;border-radius:10px!important;border:1px solid #d7e1ec!important;box-shadow:0 1px 0 rgba(15,23,42,.08)!important;}
html[data-theme="dark"] .myeclass-course-context-shell-v2-9-375 .myeclass-workspace-hero{background:#203241!important;border-color:#39556a!important;color:#f8fafc!important;}
@media(max-width:980px){
  .myeclass-global-topnav-v2-9-375{display:none;}
  .myeclass-course-context-shell-v2-9-375{display:block!important;}
  .myeclass-course-context-shell-v2-9-375 .myeclass-main{min-height:auto;padding:16px!important;}
  .myeclass-course-sidebar-v2-9-375{width:min(88vw,330px)!important;padding-top:86px!important;}
}

/* v2.9.379–v2.9.381 — Teacher-approved publication MVP.
   Visual-only support for the new explicit publication boundary: no AI/OCR/provider call and no notification trigger. */
.review-publication-card{border-left:5px solid var(--ok)!important;background:linear-gradient(180deg,var(--surface),var(--surface-2));}
.review-publication-card h2{margin-top:0!important;}
.review-publication-card form{display:grid;gap:8px;margin-top:10px;}
.myeclass-feedback-preview-v2-9-380{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:10px 12px;margin:10px 0;}
.myeclass-feedback-preview-v2-9-380 p{margin:.25rem 0;}
html[data-theme="dark"] .review-publication-card{background:linear-gradient(180deg,rgba(17,24,39,.90),rgba(10,10,10,.86));border-color:rgba(34,197,94,.44)!important;}

/* v2.9.382-386 teacher-only AI correction helper MVP */
.myeclass-ai-correction-helper-shell-v2-9-386 .review-summary-card{margin-bottom:14px;}
.myeclass-ai-helper-card-v2-9-386{border-style:solid!important;}
.myeclass-ai-helper-card-v2-9-386>summary{font-weight:900;color:var(--ink);}
.myeclass-ai-helper-card-v2-9-386 .review-kpis-inline{margin:12px 0;}
.myeclass-ai-draft-box{border:1px solid var(--line);border-radius:10px;background:rgba(248,250,252,.82);padding:12px;margin:8px 0 14px;}
.myeclass-ai-draft-box p:first-child{margin-top:0;}
.myeclass-ai-draft-box p:last-child{margin-bottom:0;}
.muted-box{background:rgba(241,245,249,.72);}
.compact-list{margin-top:6px;}
.compact-list li{margin:4px 0;}
.ai-helper-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}
.ai-helper-actions form{margin:0;}
.ai-helper-actions .field-help{max-width:420px;margin-bottom:0;}
html[data-theme="dark"] .myeclass-ai-draft-box{background:rgba(15,23,42,.62);border-color:#303a4d;}
html[data-theme="dark"] .muted-box{background:rgba(17,24,39,.72);}

/* v2.9.387 — Demo flow strip, read-only visual hardening.
   Shows the pilot path without creating routes, writes, AI/OCR, notifications or publication changes. */
.myeclass-demo-flow-strip-v2-9-387{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin:0 0 14px;padding:10px 12px;border:1px solid #3b5366;border-radius:8px;background:#243746;color:#f8fafc;box-shadow:0 1px 0 rgba(0,0,0,.18);}
.myeclass-demo-flow-strip-v2-9-387>strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:#b9d1e9;white-space:nowrap;}
.myeclass-demo-flow-strip-v2-9-387 ol{display:flex;align-items:stretch;gap:6px;list-style:none;margin:0;padding:0;overflow:auto;scrollbar-width:thin;}
.myeclass-demo-flow-strip-v2-9-387 li{min-width:132px;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-areas:"num title" "num small";gap:0 7px;align-content:center;padding:7px 8px;border:1px solid rgba(185,209,233,.18);border-radius:7px;background:rgba(15,23,42,.18);color:#e2e8f0;}
.myeclass-demo-flow-strip-v2-9-387 li span{grid-area:num;width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#33495b;color:#dbeafe;font-weight:950;font-size:.78rem;}
.myeclass-demo-flow-strip-v2-9-387 li b{grid-area:title;font-size:.86rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.myeclass-demo-flow-strip-v2-9-387 li small{grid-area:small;color:#b9d1e9;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.myeclass-demo-flow-strip-v2-9-387 li.is-done span{background:#476274;color:#fff;}
.myeclass-demo-flow-strip-v2-9-387 li.is-active{background:#6ab6ff;color:#092033;border-color:#6ab6ff;}
.myeclass-demo-flow-strip-v2-9-387 li.is-active span{background:#092033;color:#fff;}
.myeclass-demo-flow-strip-v2-9-387 li.is-active small{color:#1f3140;}

/* v2.9.388 — Stronger Open-eClass-like course visual parity pass.
   Course context deliberately reads as dark LMS course area: black topbar, local dark course sidebar, tool surface on the right. */
.myeclass-course-context-shell-v2-9-375{background:#1d2c38!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-main{max-width:1196px!important;background:#1d2c38!important;color:#f8fafc!important;padding:26px 30px 46px!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-breadcrumbs{margin-bottom:18px!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-breadcrumbs li{color:#b9d1e9!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-breadcrumbs a{color:#6ab6ff!important;font-weight:900!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-breadcrumbs span[aria-current="page"]{color:#fff!important;font-weight:900!important;}
.myeclass-course-context-shell-v2-9-375 .card,.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365,.myeclass-course-context-shell-v2-9-375 .myeclass-workspace-hero{background:#243746!important;border:1px solid #3b5366!important;border-radius:7px!important;box-shadow:0 1px 0 rgba(0,0,0,.20)!important;color:#f8fafc!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365{border-top:0!important;border-left:4px solid #6ab6ff!important;margin-bottom:14px!important;}
.myeclass-course-context-shell-v2-9-375 h1,.myeclass-course-context-shell-v2-9-375 h2,.myeclass-course-context-shell-v2-9-375 h3,.myeclass-course-context-shell-v2-9-375 h4{color:#fff!important;}
.myeclass-course-context-shell-v2-9-375 .muted,.myeclass-course-context-shell-v2-9-375 .field-help,.myeclass-course-context-shell-v2-9-375 small{color:#cbd5e1!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-action-kicker{color:#9bd3ff!important;}
.myeclass-course-context-shell-v2-9-375 .status-pill,.myeclass-course-context-shell-v2-9-375 .badge{background:#1f3140!important;border:1px solid #48677f!important;color:#e0f2fe!important;}
.myeclass-course-context-shell-v2-9-375 .button,.myeclass-course-context-shell-v2-9-375 button{border-radius:5px!important;box-shadow:none!important;}
.myeclass-course-context-shell-v2-9-375 .button.primary,.myeclass-course-context-shell-v2-9-375 button.primary{background:#6ab6ff!important;border-color:#6ab6ff!important;color:#092033!important;font-weight:950!important;}
.myeclass-course-context-shell-v2-9-375 table{background:#243746!important;border:1px solid #3b5366!important;border-collapse:collapse!important;}
.myeclass-course-context-shell-v2-9-375 table th{background:#1f3140!important;color:#e0f2fe!important;border-bottom:1px solid #48677f!important;font-weight:950!important;}
.myeclass-course-context-shell-v2-9-375 table td{background:#243746!important;color:#f8fafc!important;border-bottom:1px solid #3b5366!important;}
.myeclass-course-context-shell-v2-9-375 table tr.needs-review td{background:#2b4051!important;}
.myeclass-course-context-shell-v2-9-375 input,.myeclass-course-context-shell-v2-9-375 textarea,.myeclass-course-context-shell-v2-9-375 select{background:#1f3140!important;border-color:#48677f!important;color:#fff!important;}
.myeclass-course-context-shell-v2-9-375 pre{background:#1f3140!important;border:1px solid #48677f!important;color:#f8fafc!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-workspace-stats{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:7px!important;margin:0 0 12px!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-workspace-stats article{padding:8px 10px!important;border-radius:6px!important;background:#203241!important;border-color:#3b5366!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-workspace-stats b{font-size:.98rem!important;color:#fff!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-assignments-overview-v2-9-362 .myeclass-course-landing-head-v2-9-360{display:none!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-section-heading-v2-9-353{margin-bottom:8px!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-table-wrap-v2-9-362{border-radius:6px;overflow:hidden;border:1px solid #3b5366;}
.myeclass-course-context-shell-v2-9-375 .cards{gap:12px!important;}

/* v2.9.389 — Correction demo hardening.
   Keep correction manual-first, AI collapsed, publication explicit and below teacher draft. */
.myeclass-demo-review-hardening-v2-9-389 .review-summary-card{border-left:4px solid #6ab6ff!important;}
.myeclass-demo-review-hardening-v2-9-389 .review-main-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)!important;gap:14px!important;align-items:start;}
.myeclass-demo-review-hardening-v2-9-389 #myeclass-review-student-answer h2,.myeclass-demo-review-hardening-v2-9-389 #myeclass-review-final-decision h2{font-size:1.18rem!important;margin-top:0!important;}
.myeclass-ai-helper-card-v2-9-386{margin-top:12px!important;border-left:4px solid #6ab6ff!important;}
.myeclass-ai-helper-card-v2-9-386>summary{display:flex!important;align-items:center!important;gap:10px!important;list-style:none!important;cursor:pointer!important;}
.myeclass-ai-helper-card-v2-9-386>summary::-webkit-details-marker{display:none;}
.myeclass-ai-helper-card-v2-9-386>summary::after{content:'+';margin-left:auto;width:26px;height:26px;border:1px solid #48677f;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:#dbeafe;font-weight:950;}
.myeclass-ai-helper-card-v2-9-386[open]>summary::after{content:'−';}
.review-publication-card{margin-top:12px!important;border-left:4px solid #22c55e!important;}
.review-publication-card .myeclass-feedback-preview-v2-9-380{background:#1f3140!important;border-color:#48677f!important;}
@media(max-width:900px){.myeclass-demo-flow-strip-v2-9-387{grid-template-columns:1fr}.myeclass-demo-review-hardening-v2-9-389 .review-main-grid{grid-template-columns:1fr!important}.myeclass-course-context-shell-v2-9-375 .myeclass-main{padding:16px!important}.myeclass-demo-flow-strip-v2-9-387 li{min-width:150px}}

/* v2.9.390-v2.9.392 — Open-eClass anti-chaos rescue pass.
   Visual/read-only cleanup after screenshot QA: remove duplicate tool strips, metrics walls and cockpit-like rails. */
.myeclass-demo-flow-strip-v2-9-387{display:none!important;}
.myeclass-course-tools-v2-9-356{display:none!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-main{max-width:1120px!important;padding:20px 26px 40px!important;}
.myeclass-course-context-shell-v2-9-375 .card,
.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365,
.myeclass-course-context-shell-v2-9-375 .myeclass-workspace-hero{margin:10px 0!important;padding:14px 16px!important;border-radius:5px!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;border-left:0!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-copy-v2-9-365 h2{font-size:1.35rem!important;margin:.15rem 0!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-copy-v2-9-365 p{margin:.18rem 0!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-meta-v2-9-365{display:none!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-actions-v2-9-365{flex:0 0 auto!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-section-heading-v2-9-353{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-bottom:8px!important;border-bottom:1px solid #3b5366!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-section-heading-v2-9-353 h2{font-size:1.15rem!important;margin:0!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-section-heading-v2-9-353 p{margin:.2rem 0 0!important;}
.myeclass-assignments-table-v2-9-390{padding:0!important;overflow:hidden!important;}
.myeclass-assignments-table-v2-9-390 .myeclass-section-heading-v2-9-353{padding:12px 14px!important;margin:0!important;}
.myeclass-simple-assignments-table-v2-9-390 th,
.myeclass-simple-assignments-table-v2-9-390 td{padding:11px 12px!important;}
.myeclass-simple-assignments-table-v2-9-390 th{font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
.myeclass-simple-assignments-table-v2-9-390 .actions{display:flex!important;gap:8px!important;align-items:center!important;white-space:nowrap!important;}
.myeclass-simple-assignments-table-v2-9-390 .button{padding:7px 10px!important;min-height:34px!important;font-size:.88rem!important;}
.myeclass-submission-count-v2-9-390{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid #48677f;border-radius:999px;background:#1f3140;color:#f8fafc;font-weight:800;}
.myeclass-assignment-title-link-v2-9-353{font-weight:850!important;color:#3fd0ff!important;}
.myeclass-course-context-shell-v2-9-375 .status-pill,
.myeclass-course-context-shell-v2-9-375 .badge{font-size:.78rem!important;padding:2px 7px!important;font-weight:760!important;}
.myeclass-course-context-shell-v2-9-375 h1{font-size:1.8rem!important;}
.myeclass-course-context-shell-v2-9-375 h2{font-size:1.25rem!important;}
.myeclass-course-context-shell-v2-9-375 h3{font-size:1.05rem!important;}
.myeclass-course-context-shell-v2-9-375 .button,
.myeclass-course-context-shell-v2-9-375 button{font-weight:800!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-workspace-stats{display:none!important;}
.myeclass-assignment-workspace-rail-v2-9-363{display:none!important;}
@media(max-width:900px){.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365{display:block!important}.myeclass-simple-assignments-table-v2-9-390 .actions{display:grid!important}.myeclass-course-context-shell-v2-9-375 .myeclass-main{padding:14px!important}}

/* v2.9.393-v2.9.396 — Open-EClass architecture reset.
   Presentation-only pass: course-local navigation, simple assignments table, tabbed assignment detail, quiet correction surface. */
.myeclass-course-context-body-v2-9-375 .myeclass-topbar{background:#050505!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.myeclass-course-context-shell-v2-9-375{grid-template-columns:232px minmax(0,1fr)!important;background:#1d2c38!important;}
.myeclass-course-sidebar-reset-v2-9-393{background:#182733!important;border-right:1px solid #344b5d!important;box-shadow:none!important;}
.myeclass-course-sidebar-reset-v2-9-393 .myeclass-sidebar-inner{padding:16px 10px!important;gap:12px!important;}
.myeclass-course-sidebar-reset-v2-9-393 .myeclass-course-role-pill-v2-9-375{margin:0 6px 12px!important;background:#eef6ff!important;color:#183044!important;border-radius:999px!important;justify-content:center!important;font-weight:950!important;}
.myeclass-course-sidebar-reset-v2-9-393 .myeclass-course-sidebar-title-v2-9-375{margin:0 6px 12px!important;padding:0 0 12px!important;border-bottom:1px solid #3b5366!important;color:#eaf4ff!important;}
.myeclass-course-sidebar-reset-v2-9-393 .myeclass-course-sidebar-title-v2-9-375 span{display:block!important;font-size:.72rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#a9c4d8!important;font-weight:900!important;}
.myeclass-course-sidebar-reset-v2-9-393 .myeclass-course-sidebar-title-v2-9-375 b{display:block!important;margin-top:4px!important;color:#fff!important;font-size:.98rem!important;line-height:1.25!important;}
.myeclass-course-sidebar-reset-v2-9-393 .myeclass-course-sidebar-title-v2-9-375 small{display:block!important;margin-top:4px!important;color:#b9d1e9!important;font-size:.78rem!important;}
.myeclass-course-local-menu-v2-9-393 section{margin:0!important;padding:0!important;border:0!important;}
.myeclass-course-local-menu-v2-9-393 h2{margin:0 6px 7px!important;color:#cfe6fa!important;font-size:.76rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-weight:950!important;}
.myeclass-course-local-menu-v2-9-393 a,
.myeclass-course-local-menu-v2-9-393 span{min-height:34px!important;margin:1px 0!important;padding:7px 10px!important;border-radius:4px!important;background:transparent!important;border:0!important;color:#dbeafe!important;font-size:.9rem!important;font-weight:760!important;box-shadow:none!important;}
.myeclass-course-local-menu-v2-9-393 a svg,
.myeclass-course-local-menu-v2-9-393 span svg{width:15px!important;height:15px!important;color:#a9c4d8!important;opacity:.95!important;}
.myeclass-course-local-menu-v2-9-393 a:hover{background:#223746!important;color:#fff!important;}
.myeclass-course-local-menu-v2-9-393 .active,
.myeclass-course-local-menu-v2-9-393 a[aria-current="page"]{background:#5aa7f2!important;color:#071827!important;font-weight:950!important;}
.myeclass-course-local-menu-v2-9-393 .active svg,
.myeclass-course-local-menu-v2-9-393 a[aria-current="page"] svg{color:#071827!important;}
.myeclass-course-local-menu-v2-9-393 span[aria-disabled="true"],
.myeclass-course-local-menu-v2-9-393 .disabled{color:#7f98aa!important;opacity:.78!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-main{max-width:1160px!important;padding:18px 26px 38px!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-breadcrumbs{margin:4px 0 14px!important;}
.myeclass-course-context-shell-v2-9-375 .page-hero,
.myeclass-course-context-shell-v2-9-375 .myeclass-workspace-hero,
.myeclass-course-context-shell-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365,
.myeclass-course-context-shell-v2-9-375 .myeclass-workspace-map,
.myeclass-course-context-shell-v2-9-375 .myeclass-assignment-workspace-rail-v2-9-363{display:none!important;}
.myeclass-eclass-page-title-v2-9-394{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0!important;padding:0 0 12px!important;border-bottom:1px solid #3b5366!important;}
.myeclass-eclass-page-title-v2-9-394 h2{margin:0!important;font-size:1.42rem!important;line-height:1.25!important;}
.myeclass-eclass-page-title-v2-9-394 p{margin:.22rem 0 0!important;}
.myeclass-assignments-reset-v2-9-394{padding:14px 16px 16px!important;overflow:hidden!important;}
.myeclass-assignments-reset-v2-9-394 .myeclass-table-wrap-v2-9-362{margin-top:12px!important;border-radius:4px!important;}
.myeclass-assignments-reset-v2-9-394 table{width:100%!important;}
.myeclass-assignments-reset-v2-9-394 th{font-size:.76rem!important;text-transform:none!important;letter-spacing:0!important;}
.myeclass-assignments-reset-v2-9-394 td{vertical-align:middle!important;}
.myeclass-assignments-reset-v2-9-394 .actions{display:flex!important;gap:7px!important;justify-content:flex-start!important;align-items:center!important;}
.myeclass-assignments-reset-v2-9-394 .actions .button{padding:6px 9px!important;min-height:31px!important;}
.myeclass-assignment-detail-reset-v2-9-395{padding:14px 16px!important;}
.myeclass-assignment-tabs-v2-9-395{display:flex!important;gap:0!important;margin:12px 0 0!important;border-bottom:1px solid #48677f!important;overflow-x:auto!important;}
.myeclass-assignment-tabs-v2-9-395 a{display:inline-flex!important;align-items:center!important;padding:9px 13px!important;border:1px solid #48677f!important;border-bottom:0!important;background:#1f3140!important;color:#dbeafe!important;text-decoration:none!important;font-weight:850!important;border-radius:5px 5px 0 0!important;margin-right:4px!important;}
.myeclass-assignment-tabs-v2-9-395 a.is-active{background:#5aa7f2!important;color:#071827!important;border-color:#5aa7f2!important;}
.myeclass-assignment-section-reset-v2-9-395{padding:0!important;overflow:hidden!important;}
.myeclass-assignment-section-reset-v2-9-395>summary{display:flex!important;align-items:center!important;gap:8px!important;list-style:none!important;cursor:pointer!important;padding:12px 14px!important;border-bottom:1px solid #3b5366!important;background:#223746!important;color:#fff!important;}
.myeclass-assignment-section-reset-v2-9-395>summary::-webkit-details-marker{display:none!important;}
.myeclass-assignment-section-reset-v2-9-395>summary::after{content:'+';margin-left:auto;width:24px;height:24px;border:1px solid #48677f;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-weight:950;color:#e0f2fe;}
.myeclass-assignment-section-reset-v2-9-395[open]>summary::after{content:'−';}
.myeclass-assignment-section-reset-v2-9-395>*:not(summary){margin:14px!important;}
#myeclass-assignment-submissions.myeclass-assignment-section-reset-v2-9-395{padding:14px 16px!important;}
#myeclass-assignment-submissions.myeclass-assignment-section-reset-v2-9-395 .myeclass-eclass-page-title-v2-9-394{margin-bottom:12px!important;}
.myeclass-teacher-submissions-table-reset-v2-9-396{padding:14px 16px!important;overflow:hidden!important;}
.myeclass-teacher-submissions-table-reset-v2-9-396 .myeclass-table-scroll{margin-top:12px!important;border:1px solid #3b5366!important;border-radius:4px!important;overflow:auto!important;}
.myeclass-teacher-submissions-table-reset-v2-9-396 table{min-width:720px!important;margin:0!important;}
.myeclass-teacher-submissions-table-reset-v2-9-396 th{font-size:.76rem!important;text-transform:none!important;letter-spacing:0!important;}
.myeclass-teacher-submissions-table-reset-v2-9-396 td{vertical-align:top!important;}
.myeclass-teacher-submissions-table-reset-v2-9-396 .actions{display:flex!important;gap:7px!important;align-items:center!important;white-space:nowrap!important;}
.myeclass-correction-page-reset-v2-9-396{display:block!important;}
.myeclass-correction-page-title-v2-9-396{margin-bottom:12px!important;}
.myeclass-correction-two-column-v2-9-396,
.myeclass-correction-page-reset-v2-9-396 .review-main-grid{display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr)!important;gap:14px!important;align-items:start!important;}
.myeclass-correction-page-reset-v2-9-396 .review-summary-card,
.myeclass-correction-page-reset-v2-9-396 .myeclass-review-readiness-v2-9-386,
.myeclass-correction-page-reset-v2-9-396 .myeclass-action-hero,
.myeclass-correction-page-reset-v2-9-396 .myeclass-next-click-strip-v2-9-328{display:none!important;}
.myeclass-correction-page-reset-v2-9-396 #myeclass-review-student-answer,
.myeclass-correction-page-reset-v2-9-396 #myeclass-review-final-decision{margin-top:0!important;}
.myeclass-correction-page-reset-v2-9-396 .review-publication-card{margin-top:12px!important;}
.myeclass-correction-page-reset-v2-9-396 .myeclass-ai-helper-card-v2-9-386{margin-top:12px!important;}
@media(max-width:900px){.myeclass-course-context-shell-v2-9-375{grid-template-columns:1fr!important}.myeclass-course-context-shell-v2-9-375 .myeclass-main{padding:14px!important}.myeclass-eclass-page-title-v2-9-394{display:block!important}.myeclass-eclass-page-title-v2-9-394 .button{margin-top:10px!important}.myeclass-correction-two-column-v2-9-396,.myeclass-correction-page-reset-v2-9-396 .review-main-grid{grid-template-columns:1fr!important}.myeclass-assignments-reset-v2-9-394 .actions,.myeclass-teacher-submissions-table-reset-v2-9-396 .actions{display:grid!important;white-space:normal!important}}

/* ------------------------------------------------------------
   MyEClass v2.9.397 — Open-eClass-style UI unification pass
   Visual/IA only: slimmer controls, no placeholder course tools,
   compact dropdown actions, and restored standalone Ασκήσεις surface.
   ------------------------------------------------------------ */
:root{
  --myeclass-compact-radius:6px;
  --myeclass-compact-radius-sm:4px;
}
body.myeclass-body{
  font-size:14px!important;
  letter-spacing:0!important;
}
.top.myeclass-topbar{
  min-height:48px!important;
  padding:0 14px!important;
  box-shadow:none!important;
}
.myeclass-brand .brand-copy strong{font-size:15px!important;letter-spacing:0!important}.brand-logo-shell{max-width:96px!important}.brand-logo{max-height:30px!important}.myeclass-global-topnav-v2-9-375{gap:3px!important}.myeclass-global-topnav-v2-9-375 a{padding:13px 10px!important;border-radius:0!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}.myeclass-global-topnav-v2-9-375 a.is-active{border-bottom:2px solid var(--accent)!important;background:transparent!important}.myeclass-user-nav .button,.myeclass-user-nav button,.myeclass-nav-toggle{min-height:30px!important;padding:5px 8px!important;border-radius:var(--myeclass-compact-radius-sm)!important;font-size:12px!important}.myeclass-app-shell.myeclass-shell-with-sidebar{grid-template-columns:218px minmax(0,1fr)!important}.myeclass-sidebar{width:218px!important}.myeclass-sidebar-inner{padding:10px 8px!important}.myeclass-sidebar-heading,.myeclass-sidebar-note,.myeclass-secondary-nav{display:none!important}.myeclass-course-role-pill-v2-9-375{min-height:30px!important;padding:5px 8px!important;border-radius:999px!important;font-size:11px!important}.myeclass-course-sidebar-title-v2-9-375{padding:9px 6px!important;margin:6px 0 8px!important;border-bottom:1px solid var(--line)!important}.myeclass-course-sidebar-title-v2-9-375 span{font-size:10px!important}.myeclass-course-sidebar-title-v2-9-375 b{font-size:13px!important;line-height:1.25!important}.myeclass-course-sidebar-title-v2-9-375 small{font-size:11px!important}.myeclass-course-sidebar-nav-v2-9-376 section h2{font-size:11px!important;margin:8px 6px 5px!important}.myeclass-course-sidebar-link-v2-9-376,.myeclass-nav-link{min-height:29px!important;padding:6px 8px!important;border-radius:var(--myeclass-compact-radius-sm)!important;font-size:13px!important;font-weight:650!important;gap:7px!important;box-shadow:none!important}.myeclass-course-sidebar-link-v2-9-376.is-active,.myeclass-nav-link.is-active{box-shadow:none!important}.shell-icon{width:15px!important;height:15px!important}.shell-icon svg{width:15px!important;height:15px!important}.container.myeclass-main{padding:14px 18px 28px!important;max-width:1180px!important}.page-hero{padding:12px 0 14px!important;margin:0 0 12px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;border:0!important}.page-hero h1{font-size:22px!important}.page-kicker,.myeclass-action-kicker{font-size:11px!important;letter-spacing:.02em!important}.page-hero-meta,.page-chip{display:none!important}.card,.tile,.panel,.mini-card,.rubric-builder,.myeclass-workspace-hero{border-radius:var(--myeclass-compact-radius)!important;padding:12px!important;box-shadow:none!important;border:1px solid var(--line)!important;background:var(--card)!important}.card h2,.mini-card h2{font-size:18px!important;margin:0 0 8px!important}.card h3,.mini-card h3{font-size:15px!important;margin:8px 0 6px!important}.myeclass-workspace-hero{display:block!important}.myeclass-workspace-hero h1{font-size:22px!important}.myeclass-workspace-hero p{max-width:760px!important}.myeclass-workspace-actions,.myeclass-eclass-tool-actions-v2-9-365{gap:6px!important}.myeclass-workspace-map,.myeclass-workspace-stats,.myeclass-course-tools-caption-v2-9-356,.myeclass-course-tools-v2-9-356 .status-pill{display:none!important}button,.button,input[type="submit"]{min-height:31px!important;padding:6px 10px!important;border-radius:var(--myeclass-compact-radius-sm)!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}button.primary,.button.primary{box-shadow:none!important}input,select,textarea{border-radius:var(--myeclass-compact-radius-sm)!important;padding:7px 9px!important;font-size:13px!important}textarea{line-height:1.45!important}label{font-size:13px!important}table{font-size:13px!important;border-collapse:collapse!important}th,td{padding:7px 8px!important;border-bottom:1px solid var(--line)!important;vertical-align:top!important}th{font-size:11px!important;text-transform:none!important;letter-spacing:.02em!important}.myeclass-table-wrap-v2-9-362,.myeclass-table-scroll{border-radius:var(--myeclass-compact-radius)!important;border:1px solid var(--line)!important;overflow:visible!important}.myeclass-simple-assignments-table-v2-9-390 a{font-weight:700!important}.myeclass-assignment-status-chip-v2-9-364,.status-pill,.badge,.pill{border-radius:999px!important;padding:3px 7px!important;font-size:11px!important;font-weight:700!important}.myeclass-eclass-page-title-v2-9-394{gap:10px!important;align-items:center!important;margin-bottom:10px!important;padding-bottom:10px!important;border-bottom:1px solid var(--line)!important}.myeclass-eclass-page-title-v2-9-394 h2{font-size:20px!important;margin:0!important}.myeclass-assignment-tabs-v2-9-395{gap:0!important;border-bottom:1px solid var(--line)!important;margin-top:8px!important}.myeclass-assignment-tabs-v2-9-395 a{padding:8px 12px!important;border-radius:0!important;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;font-size:13px!important;font-weight:700!important}.myeclass-assignment-tabs-v2-9-395 a.is-active{border-bottom-color:var(--accent)!important;background:transparent!important}.myeclass-assignment-section-reset-v2-9-395>summary,.myeclass-eclass-collapsible-v2-9-367>summary,details.card>summary,details.mini-card>summary{padding:4px 0!important;cursor:pointer!important;font-size:14px!important}.myeclass-course-tool-grid-v2-9-356{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))!important;gap:6px!important}.myeclass-course-tool-link{min-height:34px!important;padding:8px!important;border-radius:var(--myeclass-compact-radius-sm)!important;box-shadow:none!important}.myeclass-course-tool-link small{display:none!important}.actions{position:relative!important;white-space:nowrap!important}.myeclass-action-dropdown-v2-9-397{position:relative;display:inline-block;text-align:left}.myeclass-action-dropdown-v2-9-397>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:5px 8px;border:1px solid var(--line);border-radius:var(--myeclass-compact-radius-sm);background:var(--surface);color:var(--ink);font-size:12px;font-weight:700}.myeclass-action-dropdown-v2-9-397>summary::-webkit-details-marker{display:none}.myeclass-action-dropdown-v2-9-397[open]>summary{border-color:var(--accent)}.myeclass-action-dropdown-menu-v2-9-397{position:absolute;right:0;top:calc(100% + 4px);z-index:40;min-width:168px;padding:4px;border:1px solid var(--line);border-radius:var(--myeclass-compact-radius);background:var(--surface);box-shadow:0 8px 24px rgba(0,0,0,.14)}.myeclass-action-dropdown-menu-v2-9-397 a{display:block;padding:7px 8px;border-radius:var(--myeclass-compact-radius-sm);color:var(--ink);text-decoration:none;font-size:13px;font-weight:650}.myeclass-action-dropdown-menu-v2-9-397 a:hover{background:var(--soft)}.myeclass-action-dropdown-menu-v2-9-397 a.is-danger{color:var(--danger)}.myeclass-exercises-reset-v2-9-397{max-width:100%!important}.myeclass-exercises-reset-v2-9-397 .myeclass-eclass-page-title-v2-9-394 p{margin:3px 0 0!important}
@media(max-width:900px){.myeclass-app-shell.myeclass-shell-with-sidebar{grid-template-columns:1fr!important}.myeclass-sidebar{width:min(84vw,260px)!important}.container.myeclass-main{padding:12px!important}.myeclass-action-dropdown-menu-v2-9-397{left:0;right:auto}}

/* ------------------------------------------------------------
   MyEClass v2.9.398 — Open-eClass structural parity pass
   Reference inspection: main/portfolio.php, main/my_courses.php,
   modules/course_home/course_home.php, modules/work/index.php/functions.php,
   modules/exercise/index.php and modules/course_tools/index.php.
   We use IA/layout patterns only — no Open eClass code/assets/brand copied.
   ------------------------------------------------------------ */
.myeclass-shell-no-sidebar-v2-9-398{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 1fr!important;
  min-height:100vh;
}
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-topbar{grid-column:1!important;}
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-main{grid-column:1!important;max-width:1160px!important;margin:0 auto!important;width:100%!important;}
.myeclass-portfolio-body-v2-9-398 .page-hero{display:none!important;}
.myeclass-portfolio-body-v2-9-398 .myeclass-breadcrumbs{display:none!important;}
.myeclass-portfolio-body-v2-9-398 .myeclass-main{padding-top:18px!important;}
.myeclass-account-nav-v2-9-398{display:flex;align-items:center;gap:6px;}
.myeclass-account-dropdown-v2-9-398{position:relative;}
.myeclass-account-dropdown-v2-9-398>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:12px;font-weight:700;}
.myeclass-account-dropdown-v2-9-398>summary::-webkit-details-marker{display:none;}
.myeclass-account-dropdown-menu-v2-9-398{position:absolute;right:0;top:calc(100% + 4px);z-index:70;min-width:150px;padding:4px;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:0 8px 24px rgba(0,0,0,.16);}
.myeclass-account-dropdown-menu-v2-9-398 a,
.myeclass-account-dropdown-menu-v2-9-398 button{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-height:29px!important;padding:6px 8px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:var(--ink)!important;text-decoration:none!important;font-size:13px!important;font-weight:650!important;box-shadow:none!important;}
.myeclass-account-dropdown-menu-v2-9-398 a:hover,
.myeclass-account-dropdown-menu-v2-9-398 button:hover{background:var(--soft)!important;}
.myeclass-course-context-shell-v2-9-375{grid-template-columns:196px minmax(0,1fr)!important;}
.myeclass-course-sidebar-v2-9-375{width:196px!important;padding:10px 7px 18px!important;background:#172837!important;}
html[data-theme="dark"] .myeclass-course-sidebar-v2-9-375{background:#172837!important;}
.myeclass-course-sidebar-reset-v2-9-393 .myeclass-sidebar-inner{padding:0!important;gap:8px!important;}
.myeclass-course-role-pill-v2-9-375{min-height:28px!important;margin:4px 5px 8px!important;padding:4px 8px!important;font-size:10px!important;letter-spacing:.02em!important;}
.myeclass-course-sidebar-title-v2-9-375{padding:8px 7px 10px!important;margin:0 0 8px!important;border-bottom:1px solid rgba(255,255,255,.16)!important;}
.myeclass-course-sidebar-title-v2-9-375 span{font-size:9px!important;letter-spacing:.09em!important;color:#b7c8d6!important;}
.myeclass-course-sidebar-title-v2-9-375 b{font-size:12px!important;line-height:1.22!important;font-weight:800!important;}
.myeclass-course-sidebar-title-v2-9-375 small{font-size:10px!important;color:#c8d6e3!important;line-height:1.2!important;}
.myeclass-course-sidebar-nav-v2-9-376{gap:12px!important;}
.myeclass-course-sidebar-nav-v2-9-376 section h2{font-size:11px!important;font-weight:750!important;color:#c8d6e3!important;margin:7px 7px 5px!important;}
.myeclass-course-sidebar-nav-v2-9-376 h2::before{content:'›'!important;color:#c8d6e3!important;}
.myeclass-course-sidebar-link-v2-9-376{min-height:28px!important;padding:5px 7px!important;gap:7px!important;border-radius:3px!important;font-size:12px!important;font-weight:650!important;}
.myeclass-course-sidebar-link-v2-9-376 .shell-icon{width:14px!important;height:14px!important;opacity:.95;}
.myeclass-course-sidebar-link-v2-9-376 .shell-icon svg{width:14px!important;height:14px!important;}
.myeclass-course-sidebar-link-v2-9-376.is-active{background:#5aa9f3!important;color:#071f33!important;border-color:#5aa9f3!important;}
.myeclass-course-context-shell-v2-9-375 .myeclass-main{max-width:1120px!important;padding:14px 18px 34px!important;}
.myeclass-course-context-shell-v2-9-375 .card,
.myeclass-portfolio-simple-v2-9-398.card{border-radius:4px!important;padding:10px!important;box-shadow:none!important;}
.myeclass-course-context-shell-v2-9-375 .card + .card,
.myeclass-portfolio-simple-v2-9-398 + .myeclass-portfolio-simple-v2-9-398{margin-top:10px!important;}
.myeclass-course-context-shell-v2-9-375 table,
.myeclass-portfolio-simple-v2-9-398 table{font-size:12px!important;}
.myeclass-course-context-shell-v2-9-375 th,
.myeclass-course-context-shell-v2-9-375 td,
.myeclass-portfolio-simple-v2-9-398 th,
.myeclass-portfolio-simple-v2-9-398 td{padding:6px 7px!important;}
.myeclass-course-landing-minimal-v2-9-398 h3,
.myeclass-portfolio-simple-v2-9-398 h3{font-size:14px!important;margin:10px 0 7px!important;}
.myeclass-course-description-v2-9-398{padding:8px 0 10px!important;border-bottom:1px solid var(--line);margin-bottom:8px;}
.myeclass-portfolio-grid-v2-9-398{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-items:start;}
.myeclass-portfolio-actions-v2-9-398{display:grid;gap:6px;}
.myeclass-portfolio-actions-v2-9-398 .button{justify-content:flex-start!important;width:100%!important;}
.myeclass-simple-list-v2-9-398{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.myeclass-simple-list-v2-9-398 li{border-bottom:1px solid var(--line);padding:6px 0;display:grid;gap:2px;}
.myeclass-simple-list-v2-9-398 li:last-child{border-bottom:0;}
.myeclass-simple-list-v2-9-398 span{color:var(--muted);font-size:12px;}
.myeclass-page-actions-v2-9-398{display:flex;align-items:center;justify-content:flex-end;gap:6px;}
.myeclass-assignment-detail-minimal-v2-9-398 .myeclass-action-dropdown-v2-9-397>summary{min-height:31px;}
.myeclass-action-dropdown-v2-9-397>summary{padding:4px 7px!important;min-height:28px!important;border-radius:4px!important;background:var(--surface)!important;font-size:12px!important;box-shadow:none!important;}
.myeclass-action-dropdown-menu-v2-9-397{border-radius:4px!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important;min-width:148px!important;}
.myeclass-action-dropdown-menu-v2-9-397 a{padding:6px 7px!important;border-radius:3px!important;font-size:12px!important;}
.myeclass-assignment-create-reset-v2-9-394 summary .muted{display:none!important;}
.myeclass-calendar-preview,.myeclass-final-pilot-home-card-v2-9-337,.myeclass-pilot-readiness-panel,.myeclass-action-center{display:none!important;}
@media(max-width:900px){
  .myeclass-course-context-shell-v2-9-375{grid-template-columns:1fr!important;}
  .myeclass-course-sidebar-v2-9-375{width:min(84vw,252px)!important;padding-top:70px!important;}
  .myeclass-portfolio-grid-v2-9-398{grid-template-columns:1fr;}
  .myeclass-page-actions-v2-9-398{justify-content:flex-start;margin-top:8px;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.399 — hard Open-eClass surface correction
   Fixes the reported mismatch: no global teacher sidebar outside course,
   no cockpit/pilot panels on portfolio/class pages, compact original-like lists.
   ------------------------------------------------------------ */
body.myeclass-portfolio-body-v2-9-398 .myeclass-sidebar,
body.myeclass-portfolio-body-v2-9-398 .myeclass-nav-backdrop,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-sidebar,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-nav-backdrop{
  display:none!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-app-shell,
.myeclass-shell-no-sidebar-v2-9-398{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 1fr!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-main,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-main{
  grid-column:1!important;
  max-width:1120px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:14px 18px 30px!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-workspace-hero,
body.myeclass-portfolio-body-v2-9-398 .myeclass-workspace-map,
body.myeclass-portfolio-body-v2-9-398 .myeclass-workspace-stats,
body.myeclass-portfolio-body-v2-9-398 .myeclass-next-click-strip-v2-9-328,
body.myeclass-portfolio-body-v2-9-398 .myeclass-status-strip,
body.myeclass-portfolio-body-v2-9-398 .myeclass-pilot-closeout-v2-9-337,
body.myeclass-portfolio-body-v2-9-398 .myeclass-action-center,
body.myeclass-portfolio-body-v2-9-398 .myeclass-calendar-preview{
  display:none!important;
}
.myeclass-openeclass-flat-page-v2-9-399.card,
body.myeclass-portfolio-body-v2-9-398 .card{
  border-radius:3px!important;
  padding:10px 12px!important;
  margin:10px 0!important;
  box-shadow:none!important;
}
.myeclass-openeclass-flat-page-v2-9-399 .myeclass-eclass-page-title-v2-9-394,
body.myeclass-portfolio-body-v2-9-398 .myeclass-eclass-page-title-v2-9-394{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 0 8px!important;
  margin:0 0 8px!important;
  border-bottom:1px solid var(--line)!important;
}
.myeclass-openeclass-flat-page-v2-9-399 h2,
body.myeclass-portfolio-body-v2-9-398 .card h2{
  font-size:18px!important;
  margin:0!important;
  letter-spacing:0!important;
}
.myeclass-openeclass-flat-page-v2-9-399 p,
body.myeclass-portfolio-body-v2-9-398 .myeclass-eclass-page-title-v2-9-394 p{
  margin:2px 0 0!important;
  font-size:12px!important;
  line-height:1.35!important;
}
body.myeclass-portfolio-body-v2-9-398 table,
.myeclass-openeclass-flat-page-v2-9-399 table{
  font-size:12px!important;
}
body.myeclass-portfolio-body-v2-9-398 th,
body.myeclass-portfolio-body-v2-9-398 td,
.myeclass-openeclass-flat-page-v2-9-399 th,
.myeclass-openeclass-flat-page-v2-9-399 td{
  padding:6px 7px!important;
}
body.myeclass-portfolio-body-v2-9-398 .button,
body.myeclass-portfolio-body-v2-9-398 button,
.myeclass-openeclass-flat-page-v2-9-399 .button,
.myeclass-openeclass-flat-page-v2-9-399 button{
  min-height:27px!important;
  padding:4px 8px!important;
  border-radius:3px!important;
  font-size:12px!important;
  font-weight:700!important;
}
body.myeclass-portfolio-body-v2-9-398 input,
body.myeclass-portfolio-body-v2-9-398 select,
body.myeclass-portfolio-body-v2-9-398 textarea,
.myeclass-openeclass-flat-page-v2-9-399 input,
.myeclass-openeclass-flat-page-v2-9-399 select,
.myeclass-openeclass-flat-page-v2-9-399 textarea{
  padding:6px 8px!important;
  border-radius:3px!important;
  font-size:12px!important;
}
.top.myeclass-topbar{
  min-height:42px!important;
  padding:0 12px!important;
}
.myeclass-brand .brand-logo-shell{width:58px!important;height:32px!important;}
.myeclass-brand .brand-logo{max-width:58px!important;max-height:32px!important;}
.myeclass-brand .brand-copy strong{font-size:14px!important;}
.myeclass-global-topnav-v2-9-375 a{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 12px!important;
  border-radius:0!important;
  font-size:13px!important;
  box-shadow:none!important;
}
.myeclass-account-dropdown-v2-9-398>summary{
  min-height:28px!important;
  padding:4px 8px!important;
  border-radius:3px!important;
}
@media(max-width:900px){
  body.myeclass-portfolio-body-v2-9-398 .myeclass-main,
  .myeclass-shell-no-sidebar-v2-9-398 .myeclass-main{padding:12px!important;}
  .myeclass-openeclass-flat-page-v2-9-399 .myeclass-eclass-page-title-v2-9-394{align-items:flex-start!important;flex-direction:column!important;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.400 — Open-eClass course surface parity
   Presentation-only pass guided by the uploaded Open eClass CSS metrics:
   light contextual sidebar, quiet active state, flat content, one tool per page.
   ------------------------------------------------------------ */
:root{
  --myeclass-eclass-bg:#ffffff;
  --myeclass-eclass-sidebar:#F7F9FE;
  --myeclass-eclass-soft:#EFF6FF;
  --myeclass-eclass-soft-active:#e6f1ff;
  --myeclass-eclass-line:#E8EDF8;
  --myeclass-eclass-line-2:#EFF2FB;
  --myeclass-eclass-ink:#2B3944;
  --myeclass-eclass-muted:#687DA3;
  --myeclass-eclass-primary:#0073E6;
  --myeclass-eclass-primary-dark:#004A94;
  --myeclass-eclass-danger:#C44601;
}
body.myeclass-course-context-body-v2-9-375{
  background:#ffffff!important;
  color:var(--myeclass-eclass-ink)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-topbar,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-topbar{
  min-height:56px!important;
  height:56px!important;
  padding:0 16px!important;
  background:#ffffff!important;
  border-bottom:1px solid var(--myeclass-eclass-line)!important;
  box-shadow:1px 2px 6px rgba(43,57,68,.04)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:var(--myeclass-eclass-ink)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-brand,
body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-copy strong,
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a,
body.myeclass-course-context-body-v2-9-375 .myeclass-account-dropdown-v2-9-398>summary{
  color:var(--myeclass-eclass-ink)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a{
  min-height:56px!important;
  padding:0 14px!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:16px!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a:hover,
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a.is-active{
  color:var(--myeclass-eclass-primary)!important;
  border-bottom-color:var(--myeclass-eclass-primary)!important;
  text-decoration:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-account-dropdown-v2-9-398>summary{
  background:#ffffff!important;
  border:1px solid var(--myeclass-eclass-line)!important;
  border-radius:4px!important;
  box-shadow:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
  grid-template-columns:206px minmax(0,1fr)!important;
  background:#ffffff!important;
  color:var(--myeclass-eclass-ink)!important;
}
@media(min-width:1400px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
    grid-template-columns:256px minmax(0,1fr)!important;
  }
}
body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{
  width:206px!important;
  padding:0!important;
  background:var(--myeclass-eclass-sidebar)!important;
  border-right:1px solid var(--myeclass-eclass-line)!important;
  box-shadow:none!important;
  color:var(--myeclass-eclass-ink)!important;
}
@media(min-width:1400px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{width:256px!important;}
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-reset-v2-9-393 .myeclass-sidebar-inner{
  padding:14px 0 24px!important;
  gap:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-role-pill-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-role-pill-v2-9-375{
  margin:0 12px 14px!important;
  min-height:38px!important;
  padding:6px 10px!important;
  justify-content:center!important;
  background:#ffffff!important;
  border:1px solid var(--myeclass-eclass-line)!important;
  border-radius:999px!important;
  color:var(--myeclass-eclass-ink)!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375{
  margin:0!important;
  padding:0 12px 16px!important;
  border-bottom:1px solid var(--myeclass-eclass-line)!important;
  color:var(--myeclass-eclass-ink)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375 span{
  display:block!important;
  color:var(--myeclass-eclass-muted)!important;
  font-size:11px!important;
  line-height:16px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375 b{
  display:block!important;
  margin-top:7px!important;
  color:var(--myeclass-eclass-ink)!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375 small{
  display:block!important;
  margin-top:4px!important;
  color:var(--myeclass-eclass-muted)!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:400!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-nav-v2-9-376 section h2{
  margin:14px 12px 6px!important;
  color:var(--myeclass-eclass-muted)!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:700!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-nav-v2-9-376 h2::before{content:''!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376{
  min-height:40px!important;
  margin:0!important;
  padding:10px 14px!important;
  border:0!important;
  border-bottom:1px solid var(--myeclass-eclass-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--myeclass-eclass-ink)!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:16px!important;
  font-weight:400!important;
  gap:9px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376:hover{
  background:var(--myeclass-eclass-soft)!important;
  color:var(--myeclass-eclass-primary)!important;
  text-decoration:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376.is-active,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376.is-active{
  background:var(--myeclass-eclass-soft-active)!important;
  color:var(--myeclass-eclass-primary-dark)!important;
  border-color:var(--myeclass-eclass-soft)!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376 .shell-icon,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376 .shell-icon svg{
  width:16px!important;
  height:16px!important;
  color:currentColor!important;
}
body.myeclass-course-context-body-v2-9-375 .container.myeclass-main,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{
  max-width:1180px!important;
  margin:0!important;
  padding:24px!important;
  background:#ffffff!important;
  color:var(--myeclass-eclass-ink)!important;
  border-left:1px solid var(--myeclass-eclass-line)!important;
  min-height:calc(100vh - 56px)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs,
body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs a{
  color:var(--myeclass-eclass-primary)!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:400!important;
}
body.myeclass-course-context-body-v2-9-375 h1,
body.myeclass-course-context-body-v2-9-375 h2,
body.myeclass-course-context-body-v2-9-375 h3,
body.myeclass-course-context-body-v2-9-375 h4,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h1,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h2,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h3,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h4{
  color:var(--myeclass-eclass-ink)!important;
  font-family:Manrope, "Open Sans", system-ui, sans-serif!important;
  letter-spacing:0!important;
}
body.myeclass-course-context-body-v2-9-375 h1{font-size:24px!important;line-height:32px!important;font-weight:700!important;margin:0 0 16px!important;}
body.myeclass-course-context-body-v2-9-375 h2{font-size:20px!important;line-height:28px!important;font-weight:700!important;}
body.myeclass-course-context-body-v2-9-375 h3{font-size:16px!important;line-height:24px!important;font-weight:700!important;}
body.myeclass-course-context-body-v2-9-375 .muted,
body.myeclass-course-context-body-v2-9-375 small,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .muted,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 small{
  color:var(--myeclass-eclass-muted)!important;
}
body.myeclass-course-context-body-v2-9-375 .card,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-admin-page-v2-9-400,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .card{
  background:#ffffff!important;
  border:1px solid var(--myeclass-eclass-line-2)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:16px!important;
  margin:0 0 16px!important;
  color:var(--myeclass-eclass-ink)!important;
  transform:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.myeclass-course-context-body-v2-9-375 .card:hover,
body.myeclass-course-context-body-v2-9-375 .tile:hover{
  transform:none!important;
  box-shadow:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 14px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid var(--myeclass-eclass-line)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394 h2{
  margin:0!important;
  font-size:24px!important;
  line-height:32px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394 p{
  margin:2px 0 0!important;
  font-size:14px!important;
  line-height:20px!important;
}
body.myeclass-course-context-body-v2-9-375 table,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 table{
  width:100%!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  background:#ffffff!important;
  color:var(--myeclass-eclass-ink)!important;
  border:1px solid var(--myeclass-eclass-line)!important;
  font-size:14px!important;
}
body.myeclass-course-context-body-v2-9-375 th,
body.myeclass-course-context-body-v2-9-375 td,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 th,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 td{
  padding:8px 10px!important;
  border-bottom:1px solid var(--myeclass-eclass-line)!important;
  background:#ffffff!important;
  color:var(--myeclass-eclass-ink)!important;
  font-size:14px!important;
  line-height:20px!important;
  vertical-align:top!important;
}
body.myeclass-course-context-body-v2-9-375 th,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 th{
  background:var(--myeclass-eclass-sidebar)!important;
  color:var(--myeclass-eclass-ink)!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.myeclass-course-context-body-v2-9-375 th:first-child,
body.myeclass-course-context-body-v2-9-375 th:last-child{border-radius:0!important;}
body.myeclass-course-context-body-v2-9-375 tr:hover td{background:#FAFBFC!important;}
body.myeclass-course-context-body-v2-9-375 a{color:var(--myeclass-eclass-primary)!important;font-weight:700!important;text-decoration:none!important;}
body.myeclass-course-context-body-v2-9-375 a:hover{text-decoration:underline!important;}
body.myeclass-course-context-body-v2-9-375 input,
body.myeclass-course-context-body-v2-9-375 select,
body.myeclass-course-context-body-v2-9-375 textarea,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 input,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 select,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 textarea{
  background:#ffffff!important;
  color:var(--myeclass-eclass-ink)!important;
  border:1px solid #CDD4E0!important;
  border-radius:4px!important;
  padding:7px 9px!important;
  font-size:14px!important;
  line-height:20px!important;
  box-shadow:none!important;
}
body.myeclass-course-context-body-v2-9-375 label{
  color:var(--myeclass-eclass-ink)!important;
  font-size:14px!important;
  line-height:16px!important;
  font-weight:700!important;
  margin:10px 0 6px!important;
}
body.myeclass-course-context-body-v2-9-375 button,
body.myeclass-course-context-body-v2-9-375 .button,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 button,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .button{
  min-height:32px!important;
  padding:6px 10px!important;
  border-radius:4px!important;
  border:1px solid var(--myeclass-eclass-line)!important;
  background:#ffffff!important;
  color:var(--myeclass-eclass-ink)!important;
  box-shadow:none!important;
  transform:none!important;
  font-size:14px!important;
  line-height:16px!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 button::before,
body.myeclass-course-context-body-v2-9-375 .button::before{content:none!important;}
body.myeclass-course-context-body-v2-9-375 button.primary,
body.myeclass-course-context-body-v2-9-375 .button.primary,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 button.primary,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .button.primary{
  background:var(--myeclass-eclass-primary)!important;
  border-color:var(--myeclass-eclass-primary)!important;
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 button.danger,
body.myeclass-course-context-body-v2-9-375 .button.danger{
  background:#ffffff!important;
  border-color:var(--myeclass-eclass-danger)!important;
  color:var(--myeclass-eclass-danger)!important;
}
body.myeclass-course-context-body-v2-9-375 .status-pill,
body.myeclass-course-context-body-v2-9-375 .badge,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .status-pill,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .badge{
  background:#E8F2E7!important;
  border:0!important;
  color:#1E7E0E!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-table-wrap-v2-9-362{
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-admin-section-v2-9-400{
  margin:0!important;
  padding:12px 0!important;
  border-top:1px solid var(--myeclass-eclass-line)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-admin-section-v2-9-400>summary,
body.myeclass-course-context-body-v2-9-375 .myeclass-inline-actions-v2-9-400>summary{
  cursor:pointer!important;
  color:var(--myeclass-eclass-ink)!important;
  font-size:14px!important;
  line-height:16px!important;
  font-weight:700!important;
  padding:6px 0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-inline-actions-v2-9-400{
  position:relative!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-inline-actions-v2-9-400>summary{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:6px 10px!important;
  border:1px solid var(--myeclass-eclass-primary)!important;
  border-radius:4px!important;
  color:var(--myeclass-eclass-primary)!important;
  background:#ffffff!important;
  list-style:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-inline-actions-v2-9-400>summary::-webkit-details-marker{display:none!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-inline-actions-v2-9-400>div{
  margin-top:8px!important;
  padding:12px!important;
  border:1px solid var(--myeclass-eclass-line)!important;
  background:#FAFBFC!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-openeclass-form-v2-9-400{
  display:grid!important;
  gap:10px!important;
  max-width:760px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-description-v2-9-398{
  border-bottom:1px solid var(--myeclass-eclass-line)!important;
  padding:0 0 12px!important;
  margin:0 0 12px!important;
}
body.myeclass-course-context-body-v2-9-375 .math-content{
  color:var(--myeclass-eclass-ink)!important;
  font-size:14px!important;
  line-height:24px!important;
}
@media(max-width:900px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{grid-template-columns:1fr!important;}
  body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{width:min(84vw,270px)!important;}
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{padding:12px!important;border-left:0!important;}
  body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394{display:block!important;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.401 — teacher-only AI helper, Open-eClass surface.
   UI integration only around the existing typed-solution AI provider path:
   no OCR/vision, no notifications, no automatic publication, no schema migration.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 .myeclass-correction-page-title-v2-9-401{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-correction-title-actions-v2-9-401{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:220px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-quick-form-v2-9-401{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-quick-button-v2-9-401,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-quick-link-v2-9-401{
  border-color:var(--myeclass-eclass-primary)!important;
  color:var(--myeclass-eclass-primary)!important;
  background:#ffffff!important;
  white-space:nowrap!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-quiet-state-v2-9-401{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:6px 10px!important;
  border:1px solid var(--myeclass-eclass-line)!important;
  border-radius:4px!important;
  color:var(--myeclass-eclass-muted)!important;
  background:#ffffff!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-openeclass-v2-9-401{
  padding:0!important;
  overflow:hidden!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-openeclass-v2-9-401>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  list-style:none!important;
  cursor:pointer!important;
  padding:10px 12px!important;
  border-bottom:1px solid var(--myeclass-eclass-line)!important;
  background:#FAFBFC!important;
  color:var(--myeclass-eclass-ink)!important;
  font-size:14px!important;
  line-height:16px!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-openeclass-v2-9-401>summary::-webkit-details-marker{display:none!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-openeclass-v2-9-401>summary::after{
  content:'+'!important;
  margin-left:auto!important;
  color:var(--myeclass-eclass-primary)!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-openeclass-v2-9-401[open]>summary::after{content:'−'!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-openeclass-v2-9-401>*:not(summary){
  margin-left:12px!important;
  margin-right:12px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-openeclass-v2-9-401>p.muted{margin-top:12px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-muted-label-v2-9-401{
  color:var(--myeclass-eclass-muted)!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-compact-meta-v2-9-401{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:10px!important;
  margin-bottom:12px!important;
  border:1px solid var(--myeclass-eclass-line)!important;
  background:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-compact-meta-v2-9-401>div{
  padding:8px 10px!important;
  border-right:1px solid var(--myeclass-eclass-line)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-compact-meta-v2-9-401>div:last-child{border-right:0!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-compact-meta-v2-9-401 dt{
  margin:0 0 2px!important;
  color:var(--myeclass-eclass-muted)!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-compact-meta-v2-9-401 dd{
  margin:0!important;
  color:var(--myeclass-eclass-ink)!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-draft-box-v2-9-401{
  border-radius:0!important;
  background:#ffffff!important;
  border:1px solid var(--myeclass-eclass-line)!important;
  padding:10px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-gap-list-v2-9-401{
  margin-top:6px!important;
  margin-bottom:12px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-actions-v2-9-401{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  padding-top:10px!important;
  padding-bottom:12px!important;
  border-top:1px solid var(--myeclass-eclass-line)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-technical-details-v2-9-401{
  margin-top:10px!important;
  margin-bottom:12px!important;
  padding-top:10px!important;
  border-top:1px solid var(--myeclass-eclass-line)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-technical-details-v2-9-401>summary{
  cursor:pointer!important;
  color:var(--myeclass-eclass-muted)!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:700!important;
}
@media(max-width:900px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-correction-page-title-v2-9-401{display:block!important;}
  body.myeclass-course-context-body-v2-9-375 .myeclass-correction-title-actions-v2-9-401{justify-content:flex-start!important;margin-top:10px!important;}
  body.myeclass-course-context-body-v2-9-375 .myeclass-ai-compact-meta-v2-9-401{grid-template-columns:1fr!important;}
  body.myeclass-course-context-body-v2-9-375 .myeclass-ai-compact-meta-v2-9-401>div{border-right:0!important;border-bottom:1px solid var(--myeclass-eclass-line)!important;}
}

/* v2.9.402 — assignment-upload AI helper bridge */
.myeclass-ai-upload-bridge-form-v2-9-402{display:inline-flex;align-items:center;margin:0 0 0 6px;}
.myeclass-ai-upload-bridge-form-v2-9-402 button{white-space:nowrap;}
.myeclass-primary-table td.actions .myeclass-ai-upload-bridge-form-v2-9-402{margin-left:6px;}
.myeclass-ai-upload-bridge-table-button-v2-9-402{border-color:var(--line);background:#fff;color:var(--accent);font-weight:700;}
.myeclass-ai-upload-bridge-panel-v2-9-402{background:#fff;border-left:1px solid var(--line);}
.myeclass-ai-upload-bridge-actions-v2-9-402{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);}
.myeclass-ai-upload-bridge-actions-v2-9-402 .field-help{margin:0;max-width:720px;}
html[data-theme="dark"] .myeclass-ai-upload-bridge-table-button-v2-9-402{background:#101a24;color:var(--ml-accent);border-color:#46637f;}
html[data-theme="dark"] .myeclass-ai-upload-bridge-panel-v2-9-402{background:#203341;border-color:#46637f;}

/* v2.9.403 — AI correction UX tightening */
.myeclass-ai-upload-bridge-form-v2-9-403 button[data-ml-loading]{position:relative;}
.myeclass-ai-upload-bridge-disabled-v2-9-403{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 10px;
  margin-left:6px;
  border:1px solid var(--line);
  border-radius:4px;
  color:var(--muted);
  background:#f8fafc;
  font-size:13px;
  line-height:16px;
  font-weight:700;
  white-space:nowrap;
}
.myeclass-ai-upload-bridge-preflight-v2-9-403{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:10px 0;
  padding:8px 10px;
  border:1px solid var(--line);
  background:#f8fafc;
  color:var(--ink);
  font-size:13px;
  line-height:16px;
}
.myeclass-ai-upload-bridge-preflight-v2-9-403 span{
  display:inline-flex;
  align-items:center;
  padding:2px 7px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--muted);
  font-size:12px;
  line-height:16px;
}
.myeclass-ai-upload-bridge-blocked-v2-9-403{margin-top:10px;}
.myeclass-ai-provider-warning-v2-9-403{margin-top:10px!important;margin-bottom:10px!important;}
.myeclass-ai-disabled-help-v2-9-403{padding:8px 0;color:var(--muted);}
.myeclass-ai-seed-draft-form-v2-9-403{margin:0;}
.myeclass-ai-run-form-v2-9-403{margin-top:10px;}
html[data-theme="dark"] .myeclass-ai-upload-bridge-disabled-v2-9-403,
html[data-theme="dark"] .myeclass-ai-upload-bridge-preflight-v2-9-403{
  background:#162536;
  border-color:#46637f;
  color:var(--ml-muted);
}
html[data-theme="dark"] .myeclass-ai-upload-bridge-preflight-v2-9-403 span{
  background:#101a24;
  border-color:#46637f;
  color:var(--ml-muted);
}

/* ------------------------------------------------------------
   MyEClass v2.9.404 — Dark Open-eClass course surface restore.
   Restores the uploaded Open-eClass Dark visual surface after the
   light v2.9.400 parity pass: no feature, route, DB, AI, OCR,
   notification, publication, or provider behavior changes.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375{
  --myeclass-dark-bg:#212d37;
  --myeclass-dark-top:#050505;
  --myeclass-dark-sidebar:#203341;
  --myeclass-dark-panel:#2b3944;
  --myeclass-dark-panel-2:#29435c;
  --myeclass-dark-input:#101820;
  --myeclass-dark-line:#4f6893;
  --myeclass-dark-line-soft:#39556a;
  --myeclass-dark-text:#ffffff;
  --myeclass-dark-muted:#b8c7db;
  --myeclass-dark-link:#74afe9;
  --myeclass-dark-active:#74afe9;
  --myeclass-dark-active-text:#212d37;
  --myeclass-dark-danger:#efa020;
  --myeclass-dark-success:#30a444;
  background:var(--myeclass-dark-bg)!important;
  color:var(--myeclass-dark-text)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-topbar,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-topbar{
  background:var(--myeclass-dark-top)!important;
  color:var(--myeclass-dark-text)!important;
  border-bottom:1px solid #2b3944!important;
  box-shadow:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-brand,
body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-copy strong,
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a,
body.myeclass-course-context-body-v2-9-375 .myeclass-account-dropdown-v2-9-398>summary{
  color:var(--myeclass-dark-text)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a:hover,
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a.is-active{
  color:var(--myeclass-dark-link)!important;
  border-bottom-color:var(--myeclass-dark-link)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-account-dropdown-v2-9-398>summary{
  background:#101820!important;
  border-color:#2b3944!important;
  border-radius:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-account-dropdown-menu-v2-9-398,
body.myeclass-course-context-body-v2-9-375 .myeclass-action-dropdown-menu-v2-9-397{
  background:#212d37!important;
  border-color:var(--myeclass-dark-line)!important;
  color:var(--myeclass-dark-text)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-account-dropdown-menu-v2-9-398 a,
body.myeclass-course-context-body-v2-9-375 .myeclass-action-dropdown-menu-v2-9-397 a{
  color:var(--myeclass-dark-text)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-account-dropdown-menu-v2-9-398 a:hover,
body.myeclass-course-context-body-v2-9-375 .myeclass-action-dropdown-menu-v2-9-397 a:hover{
  background:var(--myeclass-dark-line)!important;
  color:var(--myeclass-dark-text)!important;
  text-decoration:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
  background:var(--myeclass-dark-bg)!important;
  color:var(--myeclass-dark-text)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{
  background:var(--myeclass-dark-sidebar)!important;
  color:var(--myeclass-dark-text)!important;
  border-right:1px solid var(--myeclass-dark-line)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-role-pill-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-role-pill-v2-9-375{
  background:#f7f9fe!important;
  color:#2b3944!important;
  border-color:#eff6ff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375{
  color:var(--myeclass-dark-text)!important;
  border-bottom:1px solid var(--myeclass-dark-line)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375 span,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375 small,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-nav-v2-9-376 section h2{
  color:#b6c7d8!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375 b{
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376{
  background:transparent!important;
  color:#fdfdfd!important;
  border-bottom:1px solid rgba(79,104,147,.55)!important;
  font-weight:400!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376:hover{
  background:var(--myeclass-dark-line)!important;
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376.is-active,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376.is-active{
  background:var(--myeclass-dark-active)!important;
  color:var(--myeclass-dark-active-text)!important;
  border-bottom-color:var(--myeclass-dark-active)!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .container.myeclass-main,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{
  background:var(--myeclass-dark-bg)!important;
  color:var(--myeclass-dark-text)!important;
  border-left:1px solid var(--myeclass-dark-line)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs{
  background:#273849!important;
  border:0!important;
  color:var(--myeclass-dark-link)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs,
body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs a{
  color:var(--myeclass-dark-link)!important;
}
body.myeclass-course-context-body-v2-9-375 h1,
body.myeclass-course-context-body-v2-9-375 h2,
body.myeclass-course-context-body-v2-9-375 h3,
body.myeclass-course-context-body-v2-9-375 h4,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h1,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h2,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h3,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h4{
  color:var(--myeclass-dark-text)!important;
}
body.myeclass-course-context-body-v2-9-375 .muted,
body.myeclass-course-context-body-v2-9-375 small,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .muted,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 small{
  color:var(--myeclass-dark-muted)!important;
}
body.myeclass-course-context-body-v2-9-375 .card,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-admin-page-v2-9-400,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .card{
  background:var(--myeclass-dark-panel)!important;
  border:1px solid var(--myeclass-dark-line)!important;
  color:var(--myeclass-dark-text)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-description-v2-9-398,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-actions-v2-9-401,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-technical-details-v2-9-401,
body.myeclass-course-context-body-v2-9-375 .myeclass-admin-section-v2-9-400{
  border-color:var(--myeclass-dark-line)!important;
}
body.myeclass-course-context-body-v2-9-375 table,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 table{
  background:transparent!important;
  color:var(--myeclass-dark-text)!important;
  border-color:var(--myeclass-dark-line)!important;
}
body.myeclass-course-context-body-v2-9-375 th,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 th{
  background:#29435c!important;
  color:#ffffff!important;
  border-bottom-color:var(--myeclass-dark-line)!important;
}
body.myeclass-course-context-body-v2-9-375 td,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 td{
  background:var(--myeclass-dark-panel)!important;
  color:#ffffff!important;
  border-bottom-color:var(--myeclass-dark-line-soft)!important;
}
body.myeclass-course-context-body-v2-9-375 tr:hover td{
  background:#314a60!important;
}
body.myeclass-course-context-body-v2-9-375 a{
  color:var(--myeclass-dark-link)!important;
}
body.myeclass-course-context-body-v2-9-375 input,
body.myeclass-course-context-body-v2-9-375 select,
body.myeclass-course-context-body-v2-9-375 textarea,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 input,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 select,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 textarea{
  background:var(--myeclass-dark-input)!important;
  color:#ffffff!important;
  border-color:var(--myeclass-dark-line)!important;
}
body.myeclass-course-context-body-v2-9-375 input::placeholder,
body.myeclass-course-context-body-v2-9-375 textarea::placeholder{
  color:#a8b8ca!important;
}
body.myeclass-course-context-body-v2-9-375 label{
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 button,
body.myeclass-course-context-body-v2-9-375 .button,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 button,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .button{
  background:#101820!important;
  color:var(--myeclass-dark-link)!important;
  border-color:var(--myeclass-dark-line)!important;
}
body.myeclass-course-context-body-v2-9-375 button:hover,
body.myeclass-course-context-body-v2-9-375 .button:hover{
  background:#233545!important;
  color:#ffffff!important;
  text-decoration:none!important;
}
body.myeclass-course-context-body-v2-9-375 button.primary,
body.myeclass-course-context-body-v2-9-375 .button.primary,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 button.primary,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .button.primary{
  background:var(--myeclass-dark-link)!important;
  border-color:var(--myeclass-dark-link)!important;
  color:#212d37!important;
}
body.myeclass-course-context-body-v2-9-375 button.danger,
body.myeclass-course-context-body-v2-9-375 .button.danger{
  background:#212d37!important;
  border-color:var(--myeclass-dark-danger)!important;
  color:var(--myeclass-dark-danger)!important;
}
body.myeclass-course-context-body-v2-9-375 .status-pill,
body.myeclass-course-context-body-v2-9-375 .badge,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .status-pill,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .badge{
  background:#1e7e0e!important;
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .flash.ok{
  background:#306844!important;
  color:#ffffff!important;
  border-color:#306844!important;
  border-radius:0!important;
}
body.myeclass-course-context-body-v2-9-375 .flash.error{
  background:#872341!important;
  color:#ffffff!important;
  border-color:#872341!important;
  border-radius:0!important;
}
body.myeclass-course-context-body-v2-9-375 .flash.info{
  background:var(--myeclass-dark-link)!important;
  color:#212d37!important;
  border-color:var(--myeclass-dark-link)!important;
  border-radius:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-inline-actions-v2-9-400>summary,
body.myeclass-course-context-body-v2-9-375 .myeclass-admin-section-v2-9-400>summary,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-openeclass-v2-9-401>summary,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-technical-details-v2-9-401>summary{
  background:#203341!important;
  color:#ffffff!important;
  border-color:var(--myeclass-dark-line)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-inline-actions-v2-9-400>div,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-compact-meta-v2-9-401,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-draft-box-v2-9-401,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-upload-bridge-disabled-v2-9-403,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-upload-bridge-preflight-v2-9-403{
  background:#203341!important;
  color:#ffffff!important;
  border-color:var(--myeclass-dark-line)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-compact-meta-v2-9-401 dt,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-helper-muted-label-v2-9-401,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-technical-details-v2-9-401>summary{
  color:var(--myeclass-dark-muted)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-compact-meta-v2-9-401 dd,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-draft-box-v2-9-401,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-draft-box-v2-9-401 *{
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .submission-img,
body.myeclass-course-context-body-v2-9-375 canvas,
body.myeclass-course-context-body-v2-9-375 img{
  border-color:var(--myeclass-dark-line)!important;
}

/* ------------------------------------------------------------
   MyEClass v2.9.406 — Assignment submissions link + statement contrast fix.
   Bug-fix only: clearer existing links and readable math in dark course tables.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 .myeclass-submissions-action-button-v2-9-406{
  white-space:nowrap!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-submissions-direct-link-v2-9-406{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:4px 9px!important;
  border:1px solid var(--myeclass-dark-line)!important;
  border-radius:999px!important;
  color:var(--myeclass-dark-link)!important;
  background:#203341!important;
  font-weight:700!important;
  text-decoration:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-submissions-direct-link-v2-9-406:hover{
  background:#29435c!important;
  color:#ffffff!important;
  text-decoration:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-items-table-v2-9-406 td:nth-child(4),
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-406{
  color:#ffffff!important;
  opacity:1!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-406 mjx-container,
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-406 mjx-container *,
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-406 svg,
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-406 svg *{
  color:#ffffff!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  opacity:1!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-406 .MathJax,
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-406 .MathJax *{
  color:#ffffff!important;
  opacity:1!important;
}

/* ------------------------------------------------------------
   MyEClass v2.9.407 — Assignment item continuity / rubric + individual submissions links.
   Bug-fix only: no DB migration, no new AI/OCR/provider path.
   ------------------------------------------------------------ */
html,
html[data-theme="dark"]{
  background:#212d37!important;
}
body.myeclass-course-context-body-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375,
body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
  background:var(--myeclass-dark-bg)!important;
}
body.myeclass-course-context-body-v2-9-375 .container.myeclass-main,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{
  max-width:none!important;
  width:auto!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-items-preview-v2-9-407{
  display:grid!important;
  gap:10px!important;
  margin-top:12px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-item-card-v2-9-407{
  background:#203341!important;
  border:1px solid var(--myeclass-dark-line)!important;
  padding:12px!important;
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-item-head-v2-9-407{
  display:flex!important;
  gap:10px!important;
  align-items:flex-start!important;
  margin-bottom:10px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-item-number-v2-9-407{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:26px!important;
  height:26px!important;
  border:1px solid var(--myeclass-dark-line)!important;
  background:#29435c!important;
  color:#ffffff!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-item-head-v2-9-407 b{
  display:block!important;
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-item-head-v2-9-407 small{
  display:block!important;
  margin-top:3px!important;
  color:var(--myeclass-dark-muted)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-item-statement-v2-9-407,
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-407{
  color:#ffffff!important;
  opacity:1!important;
  overflow-x:auto!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-407 mjx-container,
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-407 mjx-container *,
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-407 svg,
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-statement-v2-9-407 svg *{
  color:#ffffff!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  opacity:1!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-panel-v2-9-407{
  margin-top:12px!important;
  background:#203341!important;
  border:1px solid var(--myeclass-dark-line)!important;
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-panel-v2-9-407>summary{
  padding:10px 12px!important;
  background:#203341!important;
  color:#ffffff!important;
  border-bottom:1px solid var(--myeclass-dark-line)!important;
  font-weight:700!important;
  cursor:pointer!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-panel-v2-9-407>p,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-panel-v2-9-407>table{
  margin:12px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-table-v2-9-407 td,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-table-v2-9-407 th{
  vertical-align:top!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-exercise-submissions-context-v2-9-407 .button{
  margin-right:8px!important;
}

/* ------------------------------------------------------------
   MyEClass v2.9.408 — Student assignment visual smoke cleanup.
   Bug-fix only: keep existing routes/actions, make the per-item statement,
   upload state and AI rubric surface readable on the dark course skin.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-item-card-v2-9-408{
  background:#203341!important;
  border:1px solid var(--myeclass-dark-line)!important;
  border-left:4px solid var(--myeclass-dark-accent)!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:14px 16px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-item-head-v2-9-408{
  border-bottom:1px solid rgba(100,155,197,.40)!important;
  padding-bottom:10px!important;
  margin-bottom:12px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-item-head-v2-9-408 h2,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-item-head-v2-9-408 .muted{
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-shell-v2-9-408{
  background:#172733!important;
  border:1px solid rgba(100,155,197,.48)!important;
  border-radius:4px!important;
  padding:12px 14px!important;
  margin:0 0 12px!important;
  color:#ffffff!important;
  overflow-x:auto!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-shell-v2-9-408 h3{
  margin:0 0 8px!important;
  color:#ffffff!important;
  font-size:1rem!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-408{
  color:#ffffff!important;
  opacity:1!important;
  font-size:1rem!important;
  line-height:1.85!important;
  white-space:normal!important;
  overflow-x:auto!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-408 mjx-container,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-408 mjx-container *,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-408 svg,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-408 svg *{
  color:#ffffff!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  opacity:1!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-submit-shell-v2-9-408{
  display:grid!important;
  gap:10px!important;
  margin-top:10px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-submit-shell-v2-9-408 .button,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-submit-shell-v2-9-408 button{
  width:auto!important;
  max-width:max-content!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-file-upload-details-v2-9-369{
  margin-top:12px!important;
  background:#101923!important;
  border:1px solid rgba(100,155,197,.40)!important;
  border-radius:4px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-file-upload-details-v2-9-369>summary{
  color:#ffffff!important;
  padding:10px 12px!important;
}
body.myeclass-course-context-body-v2-9-375 #ml-student-upload-receipts.myeclass-student-receipts-v2-9-323{
  background:#203341!important;
  border:1px solid var(--myeclass-dark-line)!important;
  box-shadow:none!important;
}
body.myeclass-course-context-body-v2-9-375 #ml-student-upload-receipts .myeclass-action-hero{
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
body.myeclass-course-context-body-v2-9-375 #ml-student-upload-receipts .myeclass-status-strip,
body.myeclass-course-context-body-v2-9-375 #ml-student-upload-receipts .myeclass-next-click-strip-v2-9-328{
  display:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-panel-v2-9-408{
  display:block!important;
  padding:0!important;
  margin:12px 0!important;
  border-radius:4px!important;
  overflow:hidden!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-head-v2-9-408{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px!important;
  border-bottom:1px solid var(--myeclass-dark-line)!important;
  background:#172733!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-head-v2-9-408 b{
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-head-v2-9-408 p{
  margin:4px 0 0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-table-v2-9-408{
  margin:0!important;
  width:100%!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-table-v2-9-408 th,
body.myeclass-course-context-body-v2-9-375 .myeclass-ai-rubric-table-v2-9-408 td{
  color:#ffffff!important;
  border-bottom:1px solid rgba(100,155,197,.32)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-exercise-submissions-help-v2-9-408{
  margin:10px 0 14px!important;
  padding:10px 12px!important;
  border:1px solid var(--myeclass-dark-line)!important;
  background:#172733!important;
  color:#d7ecff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-exercise-submissions-help-v2-9-408 span{
  display:inline-flex!important;
  padding:2px 8px!important;
  border:1px solid var(--myeclass-dark-line)!important;
  background:#203341!important;
  color:#ffffff!important;
  font-weight:700!important;
}

/* ------------------------------------------------------------
   MyEClass v2.9.409 — Student statement visibility hardening.
   Bug-fix only: keep existing student.assignment flow, force statement
   text/MathJax contrast and provide a safe visible fallback when an older
   row has an empty snapshot.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-item-card-v2-9-409{
  overflow:visible!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-shell-v2-9-409{
  min-height:86px!important;
  display:block!important;
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-shell-v2-9-409 h3{
  color:#ffffff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409 *{
  color:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409{
  display:block!important;
  min-height:34px!important;
  font-size:16px!important;
  line-height:1.85!important;
  white-space:pre-wrap!important;
  overflow-x:auto!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409 mjx-container,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409 mjx-container *,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409 mjx-container svg,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409 mjx-container svg *,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409 svg,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409 svg *,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409 path,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409 g,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409 use{
  color:#ffffff!important;
  fill:#ffffff!important;
  stroke:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409 mjx-container[display="true"]{
  margin:.25rem 0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409.is-empty{
  border:1px dashed rgba(116,175,233,.55)!important;
  border-radius:4px!important;
  padding:10px 12px!important;
  background:#101820!important;
}

/* ------------------------------------------------------------
   MyEClass v2.9.410 — Course template lock / mixed-template cleanup.
   Bug-fix only: the course-local sidebar is the single course template.
   Older horizontal course tool menus and cockpit/portfolio fragments are
   suppressed inside course context so student/teacher pages do not switch skins.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 .myeclass-course-tools-v2-9-356,
body.myeclass-course-context-body-v2-9-375 .myeclass-minimal-course-tools-v2-9-397{
  display:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365,
body.myeclass-course-context-body-v2-9-375 .myeclass-workspace-hero,
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-workspace,
body.myeclass-course-context-body-v2-9-375 .myeclass-feedback-journey,
body.myeclass-course-context-body-v2-9-375 .myeclass-action-center,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-course-surface-v2-9-361,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-card-v2-9-369,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-exercise-card-v2-9-369{
  background:var(--myeclass-dark-panel)!important;
  border:1px solid var(--myeclass-dark-line)!important;
  color:var(--myeclass-dark-text)!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365,
body.myeclass-course-context-body-v2-9-375 .myeclass-workspace-hero{
  border-left:0!important;
  border-top:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-tool-meta-v2-9-365 span,
body.myeclass-course-context-body-v2-9-375 .myeclass-workspace-meta span{
  background:#203341!important;
  border-color:var(--myeclass-dark-line)!important;
  color:var(--myeclass-dark-muted)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-instructions-v2-9-368,
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-collapsible-v2-9-367,
body.myeclass-course-context-body-v2-9-375 .myeclass-file-upload-details-v2-9-369,
body.myeclass-course-context-body-v2-9-375 #ml-student-upload-receipts{
  background:var(--myeclass-dark-panel)!important;
  border-color:var(--myeclass-dark-line)!important;
  color:var(--myeclass-dark-text)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-shell-v2-9-408,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-shell-v2-9-409{
  background:#203341!important;
  border-color:var(--myeclass-dark-line)!important;
  min-height:96px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-408,
body.myeclass-course-context-body-v2-9-375 .myeclass-student-assignment-statement-v2-9-409{
  color:#ffffff!important;
  font-weight:500!important;
}

/* ------------------------------------------------------------
   MyEClass v2.9.411 — One-template visual debt cleanup.
   Bug-fix only: course calendar error, shared table/math contrast,
   and bank visual cleanup without DB/schema/workflow changes.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375{
  --myeclass-panel-411:#203341;
  --myeclass-panel-soft-411:#263c4d;
  --myeclass-panel-deep-411:#172733;
  --myeclass-panel-field-411:#0f1822;
  --myeclass-line-411:rgba(116,175,233,.42);
  --myeclass-text-411:#f7fbff;
  --myeclass-muted-411:#b7c8da;
  --myeclass-link-411:#74afe9;
}
body.myeclass-course-context-body-v2-9-375 .card{
  background:var(--myeclass-panel-411)!important;
  border-color:var(--myeclass-line-411)!important;
  color:var(--myeclass-text-411)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.myeclass-course-context-body-v2-9-375 .card h1,
body.myeclass-course-context-body-v2-9-375 .card h2,
body.myeclass-course-context-body-v2-9-375 .card h3,
body.myeclass-course-context-body-v2-9-375 main h1,
body.myeclass-course-context-body-v2-9-375 main h2,
body.myeclass-course-context-body-v2-9-375 main h3{
  color:var(--myeclass-text-411)!important;
}
body.myeclass-course-context-body-v2-9-375 .muted,
body.myeclass-course-context-body-v2-9-375 small{
  color:var(--myeclass-muted-411)!important;
}
body.myeclass-course-context-body-v2-9-375 table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border:1px solid var(--myeclass-line-411)!important;
  background:var(--myeclass-panel-411)!important;
}
body.myeclass-course-context-body-v2-9-375 table th{
  background:#2b4a66!important;
  color:#ffffff!important;
  border-bottom:1px solid var(--myeclass-line-411)!important;
  font-size:.88rem!important;
  text-transform:none!important;
  letter-spacing:0!important;
  padding:9px 11px!important;
}
body.myeclass-course-context-body-v2-9-375 table td{
  background:var(--myeclass-panel-411)!important;
  color:var(--myeclass-text-411)!important;
  border-bottom:1px solid rgba(116,175,233,.28)!important;
  padding:10px 11px!important;
  vertical-align:top!important;
}
body.myeclass-course-context-body-v2-9-375 table tr:hover td{
  background:var(--myeclass-panel-soft-411)!important;
}
body.myeclass-course-context-body-v2-9-375 table a{
  color:var(--myeclass-link-411)!important;
}
body.myeclass-course-context-body-v2-9-375 .math-content,
body.myeclass-course-context-body-v2-9-375 .math-content *,
body.myeclass-course-context-body-v2-9-375 table .math-content,
body.myeclass-course-context-body-v2-9-375 table .math-content *{
  color:var(--myeclass-text-411)!important;
  opacity:1!important;
  visibility:visible!important;
}
body.myeclass-course-context-body-v2-9-375 .math-content mjx-container,
body.myeclass-course-context-body-v2-9-375 .math-content mjx-container *,
body.myeclass-course-context-body-v2-9-375 .math-content mjx-container svg,
body.myeclass-course-context-body-v2-9-375 .math-content mjx-container svg *,
body.myeclass-course-context-body-v2-9-375 .math-content svg,
body.myeclass-course-context-body-v2-9-375 .math-content svg *,
body.myeclass-course-context-body-v2-9-375 .math-content path,
body.myeclass-course-context-body-v2-9-375 .math-content use,
body.myeclass-course-context-body-v2-9-375 .math-content g{
  color:var(--myeclass-text-411)!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  opacity:1!important;
}
body.myeclass-course-context-body-v2-9-375 input,
body.myeclass-course-context-body-v2-9-375 select,
body.myeclass-course-context-body-v2-9-375 textarea{
  background:var(--myeclass-panel-field-411)!important;
  border-color:var(--myeclass-line-411)!important;
  color:var(--myeclass-text-411)!important;
  border-radius:4px!important;
  box-shadow:none!important;
}
body.myeclass-course-context-body-v2-9-375 input::placeholder,
body.myeclass-course-context-body-v2-9-375 textarea::placeholder{
  color:#c5d3df!important;
  opacity:.75!important;
}
body.myeclass-course-context-body-v2-9-375 input[type="checkbox"],
body.myeclass-course-context-body-v2-9-375 input[type="radio"]{
  width:auto!important;
  accent-color:var(--myeclass-link-411)!important;
}
body.myeclass-course-context-body-v2-9-375 input[type="file"]{
  padding:8px!important;
}
body.myeclass-course-context-body-v2-9-375 input[type="file"]::file-selector-button{
  margin-right:10px!important;
  border:1px solid var(--myeclass-line-411)!important;
  background:#2b4a66!important;
  color:#ffffff!important;
  border-radius:4px!important;
  padding:7px 10px!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .check,
body.myeclass-course-context-body-v2-9-375 .checkbox-inline{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:6px 8px 6px 0!important;
  padding:7px 10px!important;
  border:1px solid var(--myeclass-line-411)!important;
  border-radius:4px!important;
  background:var(--myeclass-panel-deep-411)!important;
  color:var(--myeclass-text-411)!important;
  font-weight:700!important;
  vertical-align:middle!important;
}
body.myeclass-course-context-body-v2-9-375 .checkbox-inline input{
  flex:0 0 auto!important;
}
body.myeclass-course-context-body-v2-9-375 fieldset{
  border:1px solid var(--myeclass-line-411)!important;
  background:rgba(23,39,51,.72)!important;
  padding:12px!important;
  margin:12px 0!important;
  border-radius:0!important;
}
body.myeclass-course-context-body-v2-9-375 fieldset legend{
  color:#ffffff!important;
  font-weight:800!important;
  padding:0 8px!important;
}
body.myeclass-course-context-body-v2-9-375 details,
body.myeclass-course-context-body-v2-9-375 details>summary{
  border-radius:0!important;
}
body.myeclass-course-context-body-v2-9-375 details>summary{
  background:var(--myeclass-panel-deep-411)!important;
  color:var(--myeclass-text-411)!important;
  border:1px solid var(--myeclass-line-411)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-form-v2-9-411 form{
  display:grid!important;
  gap:10px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-form-v2-9-411 .rowform,
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-filter-form-v2-9-411{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-tags-v2-9-411{
  display:block!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-results-v2-9-411{
  overflow-x:auto!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411{
  min-width:1180px!important;
  table-layout:fixed!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 th:nth-child(1){width:130px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 th:nth-child(2){width:170px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 th:nth-child(3){width:180px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 th:nth-child(4){width:260px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 th:nth-child(5){width:300px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 th:nth-child(6){width:240px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 th:nth-child(7){width:80px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 th:nth-child(8){width:110px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-statement-cell-v2-9-411 .math-content{
  min-height:48px!important;
  padding:8px 10px!important;
  background:rgba(15,24,34,.56)!important;
  border:1px solid rgba(116,175,233,.25)!important;
  white-space:normal!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-gap-cell-v2-9-411{
  font-size:.92rem!important;
  line-height:1.5!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-board{
  display:grid!important;
  gap:14px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-group{
  margin:0 0 14px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-deadline-item{
  background:var(--myeclass-panel-deep-411)!important;
  border:1px solid var(--myeclass-line-411)!important;
  color:var(--myeclass-text-411)!important;
  border-radius:0!important;
}
@media(max-width:900px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-bank-form-v2-9-411 .rowform,
  body.myeclass-course-context-body-v2-9-375 .myeclass-bank-filter-form-v2-9-411{grid-template-columns:1fr!important;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.412 — screenshot-driven final polish.
   Bug-fix only: keeps one dark LMS surface, improves global/course bridge,
   bank readability, checkbox/file-input alignment, and MathJax contrast.
   ------------------------------------------------------------ */
body.myeclass-portfolio-body-v2-9-398,
html[data-theme="dark"] body.myeclass-portfolio-body-v2-9-398{
  background:#07111f!important;
  color:#f6fbff!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-app-shell,
.myeclass-shell-no-sidebar-v2-9-398{
  background:#07111f!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-main,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-main{
  max-width:1180px!important;
  padding-top:24px!important;
}
body.myeclass-portfolio-body-v2-9-398 .card,
body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-simple-v2-9-398.card,
.myeclass-openeclass-flat-page-v2-9-399.card{
  background:#101820!important;
  border-color:#2d3b4a!important;
  color:#f6fbff!important;
}
body.myeclass-portfolio-body-v2-9-398 table th,
body.myeclass-portfolio-body-v2-9-398 table td,
.myeclass-openeclass-flat-page-v2-9-399 table th,
.myeclass-openeclass-flat-page-v2-9-399 table td{
  border-color:#263442!important;
}
body.myeclass-portfolio-body-v2-9-398 th,
.myeclass-openeclass-flat-page-v2-9-399 th{
  background:#151f29!important;
  color:#f7fbff!important;
}
body.myeclass-portfolio-body-v2-9-398 td,
.myeclass-openeclass-flat-page-v2-9-399 td{
  background:#101820!important;
  color:#f2f7ff!important;
}
body.myeclass-portfolio-body-v2-9-398 .muted,
.myeclass-openeclass-flat-page-v2-9-399 .muted{
  color:#c0d1e1!important;
}
body.myeclass-portfolio-body-v2-9-398 a,
.myeclass-openeclass-flat-page-v2-9-399 a{
  color:#28c8ff!important;
}

body.myeclass-course-context-body-v2-9-375 input[type="checkbox"],
body.myeclass-course-context-body-v2-9-375 input[type="radio"]{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  display:inline-block!important;
  vertical-align:middle!important;
}
body.myeclass-course-context-body-v2-9-375 .check,
body.myeclass-course-context-body-v2-9-375 .checkbox-inline{
  width:auto!important;
  max-width:max-content!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-tags-v2-9-411{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:8px!important;
  align-items:start!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-tags-v2-9-411 .checkbox-inline{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
}
body.myeclass-course-context-body-v2-9-375 input[type="file"]{
  background:#07111b!important;
  border:1px solid #577491!important;
  color:#f6fbff!important;
  padding:8px!important;
}
body.myeclass-course-context-body-v2-9-375 input[type="file"]::file-selector-button{
  margin-right:10px!important;
  border:1px solid #77a9d6!important;
  background:#20394f!important;
  color:#ffffff!important;
  border-radius:4px!important;
  padding:6px 10px!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 td:last-child,
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 th:last-child{
  width:96px!important;
  background:#203140!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 .myeclass-bank-statement-cell-v2-9-411,
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 .myeclass-bank-statement-cell-v2-9-411 *{
  color:#f9fcff!important;
  opacity:1!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 .myeclass-bank-statement-cell-v2-9-411 mjx-container,
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 .myeclass-bank-statement-cell-v2-9-411 mjx-container *,
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 .myeclass-bank-statement-cell-v2-9-411 svg,
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-411 .myeclass-bank-statement-cell-v2-9-411 svg *{
  color:#f9fcff!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  opacity:1!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-filter-form-v2-9-411{
  grid-template-columns:minmax(160px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(160px,1fr) minmax(120px,.8fr) auto auto!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-board .card,
body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-group{
  background:#203140!important;
  border-color:#4c6680!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-deadline-item h3,
body.myeclass-course-context-body-v2-9-375 .myeclass-deadline-item p,
body.myeclass-course-context-body-v2-9-375 .myeclass-deadline-item small{
  color:#f4f8ff!important;
}
@media(max-width:1200px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-bank-filter-form-v2-9-411{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;}
}


/* ------------------------------------------------------------
   MyEClass v2.9.413 — global LMS surface parity cleanup.
   Bug-fix only: removes the remaining visual split between the
   no-sidebar portfolio/classes pages and the dark course surface.
   ------------------------------------------------------------ */
body.myeclass-portfolio-body-v2-9-398,
html[data-theme="dark"] body.myeclass-portfolio-body-v2-9-398{
  --myeclass-global-bg-413:#212d37;
  --myeclass-global-top-413:#050505;
  --myeclass-global-panel-413:#2b3944;
  --myeclass-global-panel-soft-413:#29435c;
  --myeclass-global-panel-deep-413:#101820;
  --myeclass-global-line-413:#4f6893;
  --myeclass-global-line-soft-413:#39556a;
  --myeclass-global-text-413:#ffffff;
  --myeclass-global-muted-413:#b8c7db;
  --myeclass-global-link-413:#74afe9;
  --myeclass-global-action-413:#0b1016;
  background:var(--myeclass-global-bg-413)!important;
  color:var(--myeclass-global-text-413)!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-app-shell,
body.myeclass-portfolio-body-v2-9-398.myeclass-shell-no-sidebar-v2-9-398,
.myeclass-shell-no-sidebar-v2-9-398{
  background:var(--myeclass-global-bg-413)!important;
  color:var(--myeclass-global-text-413)!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-topbar,
html[data-theme="dark"] body.myeclass-portfolio-body-v2-9-398 .myeclass-topbar{
  background:var(--myeclass-global-top-413)!important;
  border-bottom:1px solid #2b3944!important;
  box-shadow:none!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-main,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-main{
  max-width:1240px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:34px 22px 42px!important;
}
body.myeclass-portfolio-body-v2-9-398 .card,
body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-simple-v2-9-398.card,
body.myeclass-portfolio-body-v2-9-398 .myeclass-openeclass-flat-page-v2-9-399.card,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-openeclass-flat-page-v2-9-399.card{
  background:var(--myeclass-global-panel-413)!important;
  border:1px solid var(--myeclass-global-line-413)!important;
  color:var(--myeclass-global-text-413)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-simple-v2-9-398.card,
body.myeclass-portfolio-body-v2-9-398 .myeclass-openeclass-flat-page-v2-9-399.card{
  margin:0 0 16px!important;
  padding:14px 16px!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-eclass-page-title-v2-9-394,
body.myeclass-portfolio-body-v2-9-398 .card h2 + p,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-eclass-page-title-v2-9-394{
  border-color:var(--myeclass-global-line-413)!important;
}
body.myeclass-portfolio-body-v2-9-398 h1,
body.myeclass-portfolio-body-v2-9-398 h2,
body.myeclass-portfolio-body-v2-9-398 h3,
.myeclass-shell-no-sidebar-v2-9-398 h1,
.myeclass-shell-no-sidebar-v2-9-398 h2,
.myeclass-shell-no-sidebar-v2-9-398 h3{
  color:var(--myeclass-global-text-413)!important;
}
body.myeclass-portfolio-body-v2-9-398 .muted,
body.myeclass-portfolio-body-v2-9-398 small,
.myeclass-shell-no-sidebar-v2-9-398 .muted,
.myeclass-shell-no-sidebar-v2-9-398 small{
  color:var(--myeclass-global-muted-413)!important;
}
body.myeclass-portfolio-body-v2-9-398 a,
.myeclass-shell-no-sidebar-v2-9-398 a{
  color:var(--myeclass-global-link-413)!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-table-wrap-v2-9-362,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-table-wrap-v2-9-362{
  border:1px solid var(--myeclass-global-line-413)!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:var(--myeclass-global-panel-413)!important;
}
body.myeclass-portfolio-body-v2-9-398 table,
.myeclass-shell-no-sidebar-v2-9-398 table{
  width:100%!important;
  color:var(--myeclass-global-text-413)!important;
  border-color:var(--myeclass-global-line-413)!important;
}
body.myeclass-portfolio-body-v2-9-398 th,
.myeclass-shell-no-sidebar-v2-9-398 th{
  background:var(--myeclass-global-panel-soft-413)!important;
  color:#ffffff!important;
  border-bottom:1px solid var(--myeclass-global-line-413)!important;
}
body.myeclass-portfolio-body-v2-9-398 td,
.myeclass-shell-no-sidebar-v2-9-398 td{
  background:var(--myeclass-global-panel-413)!important;
  color:#ffffff!important;
  border-bottom:1px solid var(--myeclass-global-line-soft-413)!important;
}
body.myeclass-portfolio-body-v2-9-398 tr:hover td,
.myeclass-shell-no-sidebar-v2-9-398 tr:hover td{
  background:#314a60!important;
}
body.myeclass-portfolio-body-v2-9-398 .button,
body.myeclass-portfolio-body-v2-9-398 button,
body.myeclass-portfolio-body-v2-9-398 input[type="submit"],
.myeclass-shell-no-sidebar-v2-9-398 .button,
.myeclass-shell-no-sidebar-v2-9-398 button,
.myeclass-shell-no-sidebar-v2-9-398 input[type="submit"]{
  background:var(--myeclass-global-action-413)!important;
  border:1px solid var(--myeclass-global-line-413)!important;
  color:#ffffff!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.myeclass-portfolio-body-v2-9-398 .button.primary,
body.myeclass-portfolio-body-v2-9-398 button.primary,
.myeclass-shell-no-sidebar-v2-9-398 .button.primary,
.myeclass-shell-no-sidebar-v2-9-398 button.primary{
  background:#74afe9!important;
  border-color:#74afe9!important;
  color:#07111f!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-action-dropdown-v2-9-397>summary,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-action-dropdown-v2-9-397>summary{
  background:var(--myeclass-global-action-413)!important;
  border-color:var(--myeclass-global-line-413)!important;
  color:#ffffff!important;
  border-radius:0!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-action-dropdown-menu-v2-9-397,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-action-dropdown-menu-v2-9-397{
  background:#212d37!important;
  border-color:var(--myeclass-global-line-413)!important;
  border-radius:0!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-grid-v2-9-398{
  grid-template-columns:minmax(0,1fr) 240px!important;
  gap:16px!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-actions-v2-9-398 .button{
  min-height:30px!important;
  justify-content:flex-start!important;
}
body.myeclass-portfolio-body-v2-9-398 details.card>summary,
.myeclass-shell-no-sidebar-v2-9-398 details.card>summary{
  background:#203140!important;
  border:1px solid var(--myeclass-global-line-413)!important;
  color:#ffffff!important;
  padding:10px 12px!important;
}
@media(max-width:900px){
  body.myeclass-portfolio-body-v2-9-398 .myeclass-main,
  .myeclass-shell-no-sidebar-v2-9-398 .myeclass-main{padding:18px 12px 28px!important;}
  body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-grid-v2-9-398{grid-template-columns:1fr!important;}
}


/* ------------------------------------------------------------
   MyEClass v2.9.414 — global table cell / background tone cleanup.
   Bug-fix only: fixes table action-cell drift seen in screenshots and
   locks the no-sidebar empty surface to the same Open-eClass dark tone.
   ------------------------------------------------------------ */
body.myeclass-portfolio-body-v2-9-398,
html[data-theme="dark"] body.myeclass-portfolio-body-v2-9-398{
  --myeclass-global-bg-413:#212d37;
  --myeclass-global-panel-413:#2b3944;
  --myeclass-global-panel-soft-413:#29435c;
  --myeclass-global-line-413:#4f6893;
  --myeclass-global-line-soft-413:#39556a;
  background:#212d37!important;
  background-image:none!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-app-shell,
body.myeclass-portfolio-body-v2-9-398.myeclass-shell-no-sidebar-v2-9-398,
.myeclass-shell-no-sidebar-v2-9-398{
  background:#212d37!important;
  background-image:none!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-main,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-main{
  background:#212d37!important;
}
/* The generic .actions utility is flex elsewhere; inside tables it must stay
   a real table cell. Otherwise Chromium paints the cell border as a stray
   rectangular fragment under the Ενέργειες button. */
body.myeclass-portfolio-body-v2-9-398 td.actions,
body.myeclass-portfolio-body-v2-9-398 th.actions,
.myeclass-shell-no-sidebar-v2-9-398 td.actions,
.myeclass-shell-no-sidebar-v2-9-398 th.actions,
body.myeclass-course-context-body-v2-9-375 td.actions,
body.myeclass-course-context-body-v2-9-375 th.actions{
  display:table-cell!important;
  position:relative!important;
  white-space:nowrap!important;
  text-align:left!important;
  vertical-align:middle!important;
  min-width:112px!important;
}
body.myeclass-portfolio-body-v2-9-398 td.actions .myeclass-action-dropdown-v2-9-397,
.myeclass-shell-no-sidebar-v2-9-398 td.actions .myeclass-action-dropdown-v2-9-397,
body.myeclass-course-context-body-v2-9-375 td.actions .myeclass-action-dropdown-v2-9-397{
  display:inline-block!important;
  vertical-align:middle!important;
}
body.myeclass-portfolio-body-v2-9-398 td.actions .button,
body.myeclass-portfolio-body-v2-9-398 td.actions button,
body.myeclass-portfolio-body-v2-9-398 td.actions .myeclass-action-dropdown-v2-9-397>summary,
.myeclass-shell-no-sidebar-v2-9-398 td.actions .button,
.myeclass-shell-no-sidebar-v2-9-398 td.actions button,
.myeclass-shell-no-sidebar-v2-9-398 td.actions .myeclass-action-dropdown-v2-9-397>summary{
  margin:0!important;
}
body.myeclass-portfolio-body-v2-9-398 table tr:last-child td,
.myeclass-shell-no-sidebar-v2-9-398 table tr:last-child td{
  border-bottom:0!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-table-wrap-v2-9-362,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-table-wrap-v2-9-362{
  overflow:visible!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-table-wrap-v2-9-362 table,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-table-wrap-v2-9-362 table{
  border-collapse:collapse!important;
  table-layout:auto!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-simple-v2-9-398.card,
body.myeclass-portfolio-body-v2-9-398 .myeclass-openeclass-flat-page-v2-9-399.card,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-openeclass-flat-page-v2-9-399.card{
  background:#2b3944!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-actions-v2-9-398{
  display:grid!important;
  gap:6px!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-actions-v2-9-398 .button{
  width:100%!important;
  text-align:left!important;
}
@media(max-width:900px){
  body.myeclass-portfolio-body-v2-9-398 td.actions,
  .myeclass-shell-no-sidebar-v2-9-398 td.actions{min-width:96px!important;}
}


/* ------------------------------------------------------------
   MyEClass v2.9.415 — dropdown overflow + dark background tone cleanup.
   Bug-fix only: action dropdowns must not create clipped scrollbars in
   portfolio/course tables, and the empty dark-theme LMS background is #787878.
   ------------------------------------------------------------ */
body.myeclass-portfolio-body-v2-9-398,
html[data-theme="dark"] body.myeclass-portfolio-body-v2-9-398,
body.myeclass-course-context-body-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375{
  --myeclass-global-bg-413:#787878!important;
  --myeclass-dark-bg:#787878!important;
  background:#787878!important;
  background-image:none!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-app-shell,
body.myeclass-portfolio-body-v2-9-398.myeclass-shell-no-sidebar-v2-9-398,
.myeclass-shell-no-sidebar-v2-9-398,
body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
  background:#787878!important;
  background-image:none!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-main,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-main,
body.myeclass-course-context-body-v2-9-375 .myeclass-main,
body.myeclass-course-context-shell-v2-9-375 .myeclass-main,
.myeclass-course-context-shell-v2-9-375 .myeclass-main{
  background:#787878!important;
  background-image:none!important;
}
/* Chromium was treating table cards as scroll containers via the old
   .card:has(table){overflow-x:auto} responsive rule. That clipped absolute
   action menus and painted the scrollbar shown in the screenshot. */
body.myeclass-portfolio-body-v2-9-398 .card:has(.myeclass-action-dropdown-v2-9-397),
body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-simple-v2-9-398.card,
body.myeclass-portfolio-body-v2-9-398 .myeclass-openeclass-flat-page-v2-9-399.card,
.myeclass-shell-no-sidebar-v2-9-398 .card:has(.myeclass-action-dropdown-v2-9-397),
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-openeclass-flat-page-v2-9-399.card,
body.myeclass-course-context-body-v2-9-375 .card:has(.myeclass-action-dropdown-v2-9-397),
body.myeclass-course-context-body-v2-9-375 .panel:has(.myeclass-action-dropdown-v2-9-397),
body.myeclass-course-context-body-v2-9-375 .mini-card:has(.myeclass-action-dropdown-v2-9-397),
body.myeclass-course-context-body-v2-9-375 .myeclass-assignments-table-v2-9-362,
body.myeclass-course-context-body-v2-9-375 .myeclass-assignments-table-v2-9-390,
body.myeclass-course-context-body-v2-9-375 .myeclass-teacher-submissions-table-reset-v2-9-396{
  overflow:visible!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-table-wrap-v2-9-362,
body.myeclass-portfolio-body-v2-9-398 .myeclass-table-scroll,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-table-wrap-v2-9-362,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-table-scroll,
body.myeclass-course-context-body-v2-9-375 .myeclass-table-wrap-v2-9-362,
body.myeclass-course-context-body-v2-9-375 .myeclass-table-scroll{
  overflow:visible!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-action-dropdown-v2-9-397,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-action-dropdown-v2-9-397,
body.myeclass-course-context-body-v2-9-375 .myeclass-action-dropdown-v2-9-397{
  position:relative!important;
  z-index:20!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-action-dropdown-v2-9-397[open],
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-action-dropdown-v2-9-397[open],
body.myeclass-course-context-body-v2-9-375 .myeclass-action-dropdown-v2-9-397[open]{
  z-index:3000!important;
}
body.myeclass-portfolio-body-v2-9-398 .myeclass-action-dropdown-menu-v2-9-397,
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-action-dropdown-menu-v2-9-397,
body.myeclass-course-context-body-v2-9-375 .myeclass-action-dropdown-menu-v2-9-397{
  z-index:3001!important;
  max-height:none!important;
  overflow:visible!important;
}
body.myeclass-portfolio-body-v2-9-398 td.actions:has(.myeclass-action-dropdown-v2-9-397[open]),
.myeclass-shell-no-sidebar-v2-9-398 td.actions:has(.myeclass-action-dropdown-v2-9-397[open]),
body.myeclass-course-context-body-v2-9-375 td.actions:has(.myeclass-action-dropdown-v2-9-397[open]){
  z-index:3002!important;
}
/* The dropdown must appear over the next card rather than forcing an internal
   scrollbar inside the current card. */
body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-simple-v2-9-398.card:has(.myeclass-action-dropdown-v2-9-397[open]),
body.myeclass-portfolio-body-v2-9-398 .myeclass-openeclass-flat-page-v2-9-399.card:has(.myeclass-action-dropdown-v2-9-397[open]),
.myeclass-shell-no-sidebar-v2-9-398 .myeclass-openeclass-flat-page-v2-9-399.card:has(.myeclass-action-dropdown-v2-9-397[open]),
body.myeclass-course-context-body-v2-9-375 .card:has(.myeclass-action-dropdown-v2-9-397[open]){
  position:relative!important;
  z-index:2500!important;
}


/* ------------------------------------------------------------
   MyEClass v2.9.416 — assignment detail header/tabs overflow cleanup.
   Bug-fix only: the assignment detail page must not clip its top action
   buttons/dropdown, the tab strip must read as one dark Open-eClass control,
   and #787878 stays as empty LMS background without leaking into controls.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375{
  overflow-x:hidden!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
  grid-template-columns:218px minmax(0,1fr)!important;
  min-width:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{
  min-width:0!important;
}
body.myeclass-course-context-body-v2-9-375 .container.myeclass-main,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  overflow:visible!important;
  background:#787878!important;
  padding:18px 22px 34px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-main > .card,
body.myeclass-course-context-body-v2-9-375 .myeclass-main > section,
body.myeclass-course-context-body-v2-9-375 .myeclass-main > details{
  max-width:100%!important;
  min-width:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-detail-reset-v2-9-395,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-detail-reset-v2-9-395{
  overflow:visible!important;
  position:relative!important;
  z-index:20!important;
  margin-bottom:12px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-section-reset-v2-9-395,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-section-reset-v2-9-395{
  overflow:visible!important;
  position:relative!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px!important;
  overflow:visible!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394 > div:first-child{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394 h2,
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394 p{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-page-actions-v2-9-398{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-page-actions-v2-9-398 .button,
body.myeclass-course-context-body-v2-9-375 .myeclass-page-actions-v2-9-398 button,
body.myeclass-course-context-body-v2-9-375 .myeclass-page-actions-v2-9-398 .myeclass-action-dropdown-v2-9-397{
  flex:0 0 auto!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-page-actions-v2-9-398 .myeclass-action-dropdown-v2-9-397[open]{
  z-index:5000!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-page-actions-v2-9-398 .myeclass-action-dropdown-menu-v2-9-397{
  right:0!important;
  left:auto!important;
  max-width:min(280px,calc(100vw - 32px))!important;
  white-space:normal!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-page-actions-v2-9-398 .myeclass-action-dropdown-menu-v2-9-397 a{
  white-space:normal!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-tabs-v2-9-395{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:0!important;
  margin:10px 0 0!important;
  padding:0!important;
  border:1px solid var(--myeclass-dark-line)!important;
  border-top:0!important;
  background:#203341!important;
  overflow:visible!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-tabs-v2-9-395 a{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 16px!important;
  border:0!important;
  border-right:1px solid var(--myeclass-dark-line-soft)!important;
  border-bottom:3px solid transparent!important;
  border-radius:0!important;
  background:#203341!important;
  color:#cfe4ff!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:700!important;
  text-decoration:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-tabs-v2-9-395 a:hover{
  background:#29435c!important;
  color:#ffffff!important;
  text-decoration:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-tabs-v2-9-395 a.is-active,
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-tabs-v2-9-395 a[aria-current="page"]{
  background:#29435c!important;
  color:#ffffff!important;
  border-bottom-color:var(--myeclass-dark-link)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-section-reset-v2-9-395>summary{
  min-width:0!important;
  overflow:visible!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-section-reset-v2-9-395>summary::after{
  flex:0 0 24px!important;
  margin-left:auto!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-section-reset-v2-9-395>*:not(summary){
  min-width:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-table-scroll,
body.myeclass-course-context-body-v2-9-375 .myeclass-table-wrap-v2-9-362{
  max-width:100%!important;
}
@media(max-width:1100px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394{
    grid-template-columns:1fr!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-page-actions-v2-9-398{
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
    grid-template-columns:1fr!important;
  }
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{
    padding:12px!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-page-actions-v2-9-398 .button,
  body.myeclass-course-context-body-v2-9-375 .myeclass-page-actions-v2-9-398 .myeclass-action-dropdown-v2-9-397>summary{
    min-height:34px!important;
  }
}

/* ------------------------------------------------------------
   MyEClass v2.9.417 — wide tool strip clipping cleanup.
   Bug-fix only: long pill/tab toolbars must not lose their first active
   item at the left edge or clip active outlines. This targets only wide
   tool strips (8+ direct items) so normal forms/filters keep wrapping.
   ------------------------------------------------------------ */
.toolbar:has(> :nth-child(8)),
.tabs:has(> :nth-child(8)),
[role="tablist"]:has(> :nth-child(8)),
.myeclass-tool-strip-v2-9-417,
.myeclass-wide-tabs-v2-9-417,
.myeclass-admin-toolbar-v2-9-417,
.myeclass-schema-toolbar-v2-9-417{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:6px 10px 8px!important;
  margin-left:0!important;
  margin-right:0!important;
  scroll-padding-inline:10px!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable both-edges;
}
.toolbar:has(> :nth-child(8)) > *,
.tabs:has(> :nth-child(8)) > *,
[role="tablist"]:has(> :nth-child(8)) > *,
.myeclass-tool-strip-v2-9-417 > *,
.myeclass-wide-tabs-v2-9-417 > *,
.myeclass-admin-toolbar-v2-9-417 > *,
.myeclass-schema-toolbar-v2-9-417 > *{
  flex:0 0 auto!important;
  max-width:calc(100vw - 28px)!important;
  white-space:nowrap!important;
}
.toolbar:has(> :nth-child(8)) > :first-child,
.tabs:has(> :nth-child(8)) > :first-child,
[role="tablist"]:has(> :nth-child(8)) > :first-child,
.myeclass-tool-strip-v2-9-417 > :first-child,
.myeclass-wide-tabs-v2-9-417 > :first-child,
.myeclass-admin-toolbar-v2-9-417 > :first-child,
.myeclass-schema-toolbar-v2-9-417 > :first-child{
  margin-left:0!important;
}
.toolbar:has(> :nth-child(8)) > :last-child,
.tabs:has(> :nth-child(8)) > :last-child,
[role="tablist"]:has(> :nth-child(8)) > :last-child,
.myeclass-tool-strip-v2-9-417 > :last-child,
.myeclass-wide-tabs-v2-9-417 > :last-child,
.myeclass-admin-toolbar-v2-9-417 > :last-child,
.myeclass-schema-toolbar-v2-9-417 > :last-child{
  margin-right:10px!important;
}
.card:has(.toolbar > :nth-child(8)),
.panel:has(.toolbar > :nth-child(8)),
.mini-card:has(.toolbar > :nth-child(8)),
.card:has([role="tablist"] > :nth-child(8)),
.panel:has([role="tablist"] > :nth-child(8)){
  overflow:visible!important;
}
.toolbar:has(> :nth-child(8)) .active,
.tabs:has(> :nth-child(8)) .active,
[role="tablist"]:has(> :nth-child(8)) [aria-selected="true"],
[role="tablist"]:has(> :nth-child(8)) .active{
  position:relative!important;
  z-index:2!important;
  outline-offset:0!important;
}
@media(max-width:900px){
  .toolbar:has(> :nth-child(8)),
  .tabs:has(> :nth-child(8)),
  [role="tablist"]:has(> :nth-child(8)){
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* ------------------------------------------------------------
   MyEClass v2.9.418 — assignment detail tab target cleanup.
   Bug-fix only: assignment tabs must point to real full URLs/fragments,
   show the correct active tab, and not hide anchored panels under chrome.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 #myeclass-assignment-description,
body.myeclass-course-context-body-v2-9-375 #myeclass-assignment-submissions,
body.myeclass-course-context-body-v2-9-375 #myeclass-assignment-settings{
  scroll-margin-top:78px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-tabs-v2-9-395 a[data-myeclass-assignment-tab]{
  cursor:pointer!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-tabs-v2-9-395 a[data-myeclass-assignment-tab]:focus-visible{
  outline:2px solid #7cc4ff!important;
  outline-offset:2px!important;
}


/* ------------------------------------------------------------
   MyEClass v2.9.419 — assignment submissions exercise mapping cleanup.
   Bug-fix only: teacher submission intake is grouped by student and each
   uploaded attempt names the exact assignment item/exercise target.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 .myeclass-teacher-submissions-grouped-v2-9-419{
  overflow:visible!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-submission-summary-strip-v2-9-419{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:10px 0 14px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-submission-student-summary-v2-9-419 td,
body.myeclass-course-context-body-v2-9-375 .myeclass-submissions-by-exercise-v2-9-419 td{
  vertical-align:top!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-submission-target-chips-v2-9-419{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  align-items:flex-start!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-submission-target-chip-v2-9-419{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  max-width:100%!important;
  padding:4px 8px!important;
  border:1px solid rgba(124,196,255,.45)!important;
  border-radius:999px!important;
  background:rgba(12,28,43,.82)!important;
  color:#dff2ff!important;
  font-weight:700!important;
  line-height:1.25!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-submission-target-chip-v2-9-419 small{
  color:#7cc4ff!important;
  font-weight:800!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-submission-groups-v2-9-419{
  display:grid!important;
  gap:12px!important;
  margin-top:14px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-submission-group-v2-9-419{
  overflow:visible!important;
  border-color:rgba(124,196,255,.38)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-student-submission-group-v2-9-419>summary{
  background:#18344a!important;
  border-bottom:1px solid rgba(124,196,255,.28)!important;
  padding:10px 12px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-submissions-by-exercise-v2-9-419 td:first-child{
  min-width:230px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-submissions-by-exercise-v2-9-419 td.actions{
  white-space:nowrap!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-submissions-by-exercise-v2-9-419 .button,
body.myeclass-course-context-body-v2-9-375 .myeclass-submission-student-summary-v2-9-419 .button{
  margin:2px!important;
}

/* v2.9.420: pilot-grade student upload flow */
.myeclass-student-upload-progress-v2-9-420 {
  display: grid;
  gap: 14px;
}
.myeclass-progressbar-v2-9-420 {
  width: 100%;
  min-height: 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--line) 55%, transparent);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--line) 85%, transparent);
}
.myeclass-progressbar-v2-9-420 span {
  display: block;
  height: 100%;
  min-height: 10px;
  border-radius: inherit;
  background: var(--accent);
}
.myeclass-submit-methods-v2-9-420 {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--card) 82%, transparent);
}
.myeclass-submit-method-grid-v2-9-420 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
}
.myeclass-submit-method-grid-v2-9-420 > a.button,
.myeclass-submit-method-grid-v2-9-420 > form,
.myeclass-submit-method-grid-v2-9-420 > details {
  margin: 0;
}
.myeclass-mobile-handoff-form-v2-9-420 { display: inline-flex; }
.myeclass-upload-method-v2-9-420 {
  min-width: min(100%, 320px);
  border: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--surface) 72%, transparent);
}
.myeclass-upload-method-v2-9-420 summary {
  cursor: pointer;
  padding: 10px 12px;
  font-weight: 700;
}
.myeclass-upload-method-v2-9-420 .callout {
  margin: 0 10px 10px;
}
.myeclass-file-preview-form-v2-9-420 {
  display: grid;
  gap: 12px;
}
.myeclass-upload-preview-v2-9-420 {
  display: grid;
  gap: 10px;
  margin-top: 4px;
}
.myeclass-upload-preview-summary-v2-9-420 {
  margin: 0;
  font-weight: 700;
}
.myeclass-upload-preview-list-v2-9-420 {
  display: grid;
  gap: 10px;
}
.myeclass-upload-preview-card-v2-9-420 {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--card) 88%, transparent);
}
.myeclass-upload-preview-thumb-v2-9-420 {
  width: 88px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  overflow: hidden;
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
  font-weight: 800;
}
.myeclass-upload-preview-thumb-v2-9-420 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.myeclass-upload-preview-meta-v2-9-420 {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.myeclass-upload-preview-meta-v2-9-420 strong {
  overflow-wrap: anywhere;
}
.myeclass-upload-preview-meta-v2-9-420 small {
  color: var(--muted);
}
.myeclass-upload-preview-actions-v2-9-420 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.myeclass-upload-preview-actions-v2-9-420 button {
  margin: 0;
}
@media (max-width: 720px) {
  .myeclass-upload-preview-card-v2-9-420 {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .myeclass-upload-preview-thumb-v2-9-420 {
    width: 72px;
    height: 64px;
  }
  .myeclass-upload-preview-actions-v2-9-420 {
    grid-column: 1 / -1;
    justify-content: stretch;
  }
  .myeclass-upload-preview-actions-v2-9-420 button {
    flex: 1 1 auto;
  }
}

/* ------------------------------------------------------------
   MyEClass v2.9.426 — Dark-only responsive shell reset.
   Visual/shell only: no upload, correction, AI/OCR, notifications,
   publication, schema or route behavior changes.
   ------------------------------------------------------------ */
:root,
html[data-theme="dark"]{
  color-scheme:dark;
  --ml-shell-topbar-h:56px;
  --ml-shell-sidebar-w:244px;
  --bg:#0b1118;
  --card:#203443;
  --surface:#172635;
  --surface-2:#101b27;
  --ink:#f5f8fc;
  --muted:#c5d5e4;
  --line:#41617a;
  --accent:#71b7f3;
  --accent-2:#31d0ff;
  --soft:rgba(113,183,243,.14);
  --ok:#3ddc97;
  --danger:#ff9a9a;
}
html{background:#0b1118!important;overflow-x:hidden!important;}
body,
html[data-theme="dark"] body,
body.myeclass-portfolio-body-v2-9-398,
body.myeclass-course-context-body-v2-9-375{
  margin:0!important;
  background:#0b1118!important;
  color:var(--ink)!important;
  overflow-x:hidden!important;
}
.myeclass-body::before{content:none!important;}
.myeclass-app-shell,
html[data-theme="dark"] .myeclass-app-shell{
  min-height:100vh!important;
  background:#0b1118!important;
  color:var(--ink)!important;
}
.myeclass-app-shell.myeclass-shell-no-sidebar-v2-9-398,
.myeclass-app-shell.myeclass-shell-guest{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:var(--ml-shell-topbar-h) 1fr!important;
}
.myeclass-app-shell.myeclass-shell-with-sidebar,
body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
  display:grid!important;
  grid-template-columns:var(--ml-shell-sidebar-w) minmax(0,1fr)!important;
  grid-template-rows:var(--ml-shell-topbar-h) 1fr!important;
  align-items:start!important;
  background:#0b1118!important;
  color:var(--ink)!important;
}
.top.myeclass-topbar,
.myeclass-topbar,
body.myeclass-course-context-body-v2-9-375 .myeclass-topbar,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-topbar{
  grid-column:1 / -1!important;
  min-height:var(--ml-shell-topbar-h)!important;
  height:var(--ml-shell-topbar-h)!important;
  padding:0 clamp(12px,1.8vw,24px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  background:#000!important;
  border-bottom:1px solid #24394c!important;
  box-shadow:none!important;
  color:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
.myeclass-topbar-left{display:flex!important;align-items:center!important;gap:28px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;}
.myeclass-brand{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:0!important;padding:0!important;color:#fff!important;text-decoration:none!important;}
.myeclass-brand .brand-copy{display:none!important;}
.myeclass-brand .brand-logo-shell,
body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-logo-shell{
  width:72px!important;
  height:46px!important;
  max-width:72px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.myeclass-brand .brand-logo,
body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-logo{
  max-width:72px!important;
  max-height:46px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
.brand-logo-light{display:none!important;}
.brand-logo-dark{display:block!important;}
.myeclass-global-topnav-v2-9-375,
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375{
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.myeclass-global-topnav-v2-9-375::-webkit-scrollbar{display:none!important;}
.myeclass-global-topnav-v2-9-375 a,
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a{
  min-height:var(--ml-shell-topbar-h)!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 0!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f5f8fc!important;
  font-size:15px!important;
  line-height:18px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.myeclass-global-topnav-v2-9-375 a:hover,
.myeclass-global-topnav-v2-9-375 a.is-active,
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a:hover,
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a.is-active{
  color:var(--accent)!important;
  border-bottom-color:#31d0ff!important;
  text-decoration:none!important;
}
.myeclass-user-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:0 0 auto!important;min-width:0!important;}
.myeclass-account-dropdown-v2-9-398{position:relative!important;}
.myeclass-account-dropdown-v2-9-398>summary,
body.myeclass-course-context-body-v2-9-375 .myeclass-account-dropdown-v2-9-398>summary,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-account-dropdown-v2-9-398>summary{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 10px!important;
  border:1px solid #344b61!important;
  border-radius:4px!important;
  background:#05070a!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:800!important;
  cursor:pointer!important;
  list-style:none!important;
  max-width:230px!important;
}
.myeclass-account-dropdown-v2-9-398>summary::-webkit-details-marker{display:none!important;}
.myeclass-account-dropdown-v2-9-398>summary span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.myeclass-account-dropdown-menu-v2-9-398{
  background:#101b27!important;
  border:1px solid #41617a!important;
  border-radius:8px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.45)!important;
  color:#fff!important;
}
.myeclass-account-dropdown-menu-v2-9-398 a,
.myeclass-account-dropdown-menu-v2-9-398 button{color:#f5f8fc!important;background:transparent!important;border:0!important;}
.myeclass-account-dropdown-menu-v2-9-398 a:hover,
.myeclass-account-dropdown-menu-v2-9-398 button:hover{background:#203443!important;text-decoration:none!important;}
.myeclass-nav-toggle,
html[data-theme="dark"] .myeclass-nav-toggle,
body.myeclass-course-context-body-v2-9-375 .myeclass-nav-toggle{
  display:none!important;
  min-height:34px!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 10px!important;
  border:1px solid #344b61!important;
  border-radius:4px!important;
  background:#05070a!important;
  color:#f5f8fc!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:800!important;
}
.myeclass-nav-toggle .shell-icon svg{stroke-width:2.5!important;}
.myeclass-sidebar.myeclass-course-sidebar-v2-9-375,
body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{
  grid-column:1!important;
  grid-row:2!important;
  width:var(--ml-shell-sidebar-w)!important;
  height:calc(100vh - var(--ml-shell-topbar-h))!important;
  position:sticky!important;
  top:var(--ml-shell-topbar-h)!important;
  align-self:start!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding:18px 0 24px!important;
  background:#182836!important;
  border-right:1px solid #41617a!important;
  box-shadow:none!important;
  color:#f5f8fc!important;
  z-index:900!important;
  scrollbar-color:#5b7b94 #182836!important;
}
.myeclass-course-sidebar-reset-v2-9-393 .myeclass-sidebar-inner,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-reset-v2-9-393 .myeclass-sidebar-inner{
  padding:0 10px!important;
  gap:14px!important;
}
.myeclass-course-role-pill-v2-9-375,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-role-pill-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-role-pill-v2-9-375{
  min-height:36px!important;
  margin:0 0 14px!important;
  padding:8px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:#edf5fc!important;
  border:1px solid #cfe3f5!important;
  border-radius:999px!important;
  color:#172635!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.myeclass-course-role-pill-v2-9-375 .shell-icon{color:#172635!important;}
.myeclass-course-sidebar-title-v2-9-375,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375{
  display:grid!important;
  gap:5px!important;
  margin:0 0 14px!important;
  padding:0 4px 14px!important;
  border-bottom:1px solid #41617a!important;
  background:transparent!important;
  color:#f5f8fc!important;
}
.myeclass-course-sidebar-title-v2-9-375 span,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375 span{
  color:#9db5c9!important;
  font-size:11px!important;
  line-height:15px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.myeclass-course-sidebar-title-v2-9-375 b,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375 b{
  color:#ffffff!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
.myeclass-course-sidebar-title-v2-9-375 small,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-title-v2-9-375 small{color:#c5d5e4!important;font-size:12px!important;line-height:16px!important;}
.myeclass-course-sidebar-nav-v2-9-376 section h2,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-nav-v2-9-376 section h2{
  margin:0 4px 8px!important;
  color:#ffffff!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:900!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.myeclass-course-sidebar-nav-v2-9-376 h2::before{content:'⌄ '!important;color:#ffffff!important;}
.myeclass-course-sidebar-link-v2-9-376,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376{
  min-height:42px!important;
  margin:0!important;
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:0!important;
  border-bottom:1px solid rgba(113,183,243,.18)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f5f8fc!important;
  box-shadow:none!important;
  font-size:15px!important;
  line-height:18px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.myeclass-course-sidebar-link-v2-9-376:hover,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376:hover{
  background:#21384a!important;
  color:#ffffff!important;
  text-decoration:none!important;
}
.myeclass-course-sidebar-link-v2-9-376.is-active,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376.is-active,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376.is-active{
  background:#70afe9!important;
  color:#062137!important;
  border-bottom-color:#70afe9!important;
  font-weight:900!important;
}
.myeclass-course-sidebar-link-v2-9-376 .shell-icon,
.myeclass-course-sidebar-link-v2-9-376 .shell-icon svg,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376 .shell-icon,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-sidebar-link-v2-9-376 .shell-icon svg{
  width:20px!important;
  height:20px!important;
  color:currentColor!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  flex:0 0 20px!important;
}
.shell-icon,
.shell-icon svg{color:currentColor;}
.container.myeclass-main,
body.myeclass-course-context-body-v2-9-375 .container.myeclass-main,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{
  grid-column:2!important;
  grid-row:2!important;
  width:100%!important;
  max-width:1280px!important;
  margin:0 auto!important;
  min-height:calc(100vh - var(--ml-shell-topbar-h))!important;
  padding:clamp(18px,2.4vw,30px)!important;
  background:#0b1118!important;
  color:var(--ink)!important;
  border-left:0!important;
  overflow:visible!important;
}
.myeclass-shell-no-sidebar-v2-9-398 .container.myeclass-main,
.myeclass-shell-guest .container.myeclass-main{grid-column:1!important;max-width:1180px!important;}
.card,.tile,.panel,.mini-card,.rubric-builder,.myeclass-workspace-hero,
body.myeclass-course-context-body-v2-9-375 .card,
body.myeclass-course-context-body-v2-9-375 .myeclass-course-admin-page-v2-9-400,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .card{
  background:#203443!important;
  border:1px solid #41617a!important;
  color:#f5f8fc!important;
  border-radius:0!important;
  box-shadow:none!important;
}
table,
body.myeclass-course-context-body-v2-9-375 table,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 table{
  width:100%!important;
  background:#203443!important;
  color:#f5f8fc!important;
  border:1px solid #41617a!important;
}
th,
body.myeclass-course-context-body-v2-9-375 th,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 th{
  background:#284961!important;
  color:#f5f8fc!important;
  border-bottom:1px solid #41617a!important;
}
td,
body.myeclass-course-context-body-v2-9-375 td,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 td{
  background:#203443!important;
  color:#f5f8fc!important;
  border-bottom:1px solid #314d63!important;
}
tr:hover td,
body.myeclass-course-context-body-v2-9-375 tr:hover td{background:#254157!important;}
input,select,textarea,
body.myeclass-course-context-body-v2-9-375 input,
body.myeclass-course-context-body-v2-9-375 select,
body.myeclass-course-context-body-v2-9-375 textarea,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 input,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 select,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 textarea{
  background:#101b27!important;
  color:#f5f8fc!important;
  border:1px solid #4d718d!important;
  box-shadow:none!important;
}
button,.button,input[type="submit"],
body.myeclass-course-context-body-v2-9-375 button,
body.myeclass-course-context-body-v2-9-375 .button,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 button,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .button{
  background:#0c1622!important;
  color:#f5f8fc!important;
  border:1px solid #5a84a4!important;
  box-shadow:none!important;
  border-radius:4px!important;
}
button.primary,.button.primary,.primary,
body.myeclass-course-context-body-v2-9-375 button.primary,
body.myeclass-course-context-body-v2-9-375 .button.primary,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 button.primary,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .button.primary{
  background:#70afe9!important;
  border-color:#70afe9!important;
  color:#061a2c!important;
}
body.myeclass-course-context-body-v2-9-375 a,
a{color:#71b7f3!important;}
.muted,small,
body.myeclass-course-context-body-v2-9-375 .muted,
body.myeclass-course-context-body-v2-9-375 small,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .muted,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 small{color:#c5d5e4!important;}
.myeclass-breadcrumbs,
body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs{
  margin:0 0 14px!important;
  overflow:visible!important;
}
.myeclass-breadcrumbs a,
body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs a{background:transparent!important;color:#71b7f3!important;border:0!important;padding:0!important;font-size:14px!important;}
.myeclass-breadcrumbs span[aria-current="page"]{background:transparent!important;border:0!important;color:#f5f8fc!important;padding:0!important;}
.myeclass-table-wrap-v2-9-362,
.myeclass-table-scroll{overflow-x:auto!important;overflow-y:visible!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394{border-bottom:1px solid #41617a!important;}
body.myeclass-course-context-body-v2-9-375 h1,
body.myeclass-course-context-body-v2-9-375 h2,
body.myeclass-course-context-body-v2-9-375 h3,
body.myeclass-course-context-body-v2-9-375 h4,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h1,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h2,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h3,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 h4{color:#f5f8fc!important;}
.myeclass-nav-backdrop{z-index:850!important;background:rgba(0,0,0,.58)!important;}
@media(max-width:980px){
  :root,html[data-theme="dark"]{--ml-shell-sidebar-w:300px;}
  .myeclass-app-shell,
  .myeclass-app-shell.myeclass-shell-no-sidebar-v2-9-398,
  .myeclass-app-shell.myeclass-shell-guest,
  .myeclass-app-shell.myeclass-shell-with-sidebar,
  body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
    display:block!important;
    min-height:100vh!important;
  }
  .top.myeclass-topbar,.myeclass-topbar,body.myeclass-course-context-body-v2-9-375 .myeclass-topbar{
    height:var(--ml-shell-topbar-h)!important;
    min-height:var(--ml-shell-topbar-h)!important;
    padding:0 10px!important;
    gap:8px!important;
  }
  .myeclass-topbar-left{gap:12px!important;}
  body.myeclass-course-context-body-v2-9-375 .myeclass-nav-toggle{display:inline-flex!important;}
  .myeclass-sidebar.myeclass-course-sidebar-v2-9-375,
  body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{
    position:fixed!important;
    top:var(--ml-shell-topbar-h)!important;
    left:0!important;
    bottom:0!important;
    height:calc(100vh - var(--ml-shell-topbar-h))!important;
    width:min(86vw,320px)!important;
    max-width:320px!important;
    padding-top:18px!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    box-shadow:28px 0 70px rgba(0,0,0,.42)!important;
    z-index:900!important;
  }
  .myeclass-app-shell.myeclass-nav-open .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{transform:translateX(0)!important;}
  .container.myeclass-main,
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{min-height:calc(100vh - var(--ml-shell-topbar-h))!important;padding:18px!important;max-width:1180px!important;}
}
@media(max-width:760px){
  .myeclass-brand .brand-logo-shell{width:58px!important;height:40px!important;max-width:58px!important;}
  .myeclass-brand .brand-logo{max-width:58px!important;max-height:40px!important;}
  .myeclass-global-topnav-v2-9-375{gap:18px!important;}
  .myeclass-global-topnav-v2-9-375 a{font-size:14px!important;}
  .myeclass-account-dropdown-v2-9-398>summary span{display:none!important;}
  .myeclass-account-dropdown-v2-9-398>summary{padding:6px 8px!important;}
}
@media(max-width:560px){
  .myeclass-topbar-left{gap:8px!important;}
  .myeclass-global-topnav-v2-9-375{gap:14px!important;}
  .myeclass-global-topnav-v2-9-375 a{font-size:13px!important;}
  .myeclass-nav-toggle span{display:none!important;}
}

/* v2.9.427 — Pilot-safe table sorting affordance */
table.ml-sortable-table th.ml-sortable-th,
body.myeclass-course-context-body-v2-9-375 table.ml-sortable-table th.ml-sortable-th{
  padding:0!important;
  white-space:nowrap!important;
}
table.ml-sortable-table th.ml-sortable-th .ml-table-sort-button,
body.myeclass-course-context-body-v2-9-375 table.ml-sortable-table th.ml-sortable-th .ml-table-sort-button,
html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 table.ml-sortable-table th.ml-sortable-th .ml-table-sort-button{
  appearance:none!important;
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:10px 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:#f5f8fc!important;
  font:inherit!important;
  font-weight:900!important;
  line-height:1.25!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
table.ml-sortable-table th.ml-sortable-th .ml-table-sort-button:hover,
table.ml-sortable-table th.ml-sortable-th .ml-table-sort-button:focus-visible,
body.myeclass-course-context-body-v2-9-375 table.ml-sortable-table th.ml-sortable-th .ml-table-sort-button:hover,
body.myeclass-course-context-body-v2-9-375 table.ml-sortable-table th.ml-sortable-th .ml-table-sort-button:focus-visible{
  background:rgba(113,183,243,.14)!important;
  outline:2px solid rgba(113,183,243,.7)!important;
  outline-offset:-2px!important;
}
table.ml-sortable-table .ml-table-sort-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
table.ml-sortable-table .ml-table-sort-indicator{
  margin-left:auto!important;
  flex:0 0 auto!important;
  width:1.1em!important;
  color:#c5d5e4!important;
  font-size:.86em!important;
  text-align:center!important;
  opacity:.82!important;
}
table.ml-sortable-table .ml-table-sort-indicator::before{content:"↕";}
table.ml-sortable-table .ml-table-sort-button.is-ascending .ml-table-sort-indicator::before{content:"▲";}
table.ml-sortable-table .ml-table-sort-button.is-descending .ml-table-sort-indicator::before{content:"▼";}
table.ml-sortable-table th[aria-sort="ascending"],
table.ml-sortable-table th[aria-sort="descending"]{
  background:#315a76!important;
}
@media(max-width:760px){
  table.ml-sortable-table th.ml-sortable-th .ml-table-sort-button{min-height:38px!important;padding:9px 10px!important;font-size:13px!important;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.428 — Responsive shell contract.
   Visual/shell only: desktop topbar never scrolls; mobile uses a drawer.
   No upload, correction, AI/OCR, DB, publication or notification changes.
   ------------------------------------------------------------ */
:root,
html[data-theme="dark"]{
  --ml-shell-topbar-h:58px;
  --ml-shell-sidebar-w:250px;
}
html,
body{max-width:100%!important;overflow-x:hidden!important;}
.top.myeclass-topbar,
.myeclass-topbar,
body.myeclass-course-context-body-v2-9-375 .myeclass-topbar{
  height:var(--ml-shell-topbar-h)!important;
  min-height:var(--ml-shell-topbar-h)!important;
  max-height:var(--ml-shell-topbar-h)!important;
  overflow:visible!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
}
.myeclass-topbar-left{
  height:100%!important;
  min-width:0!important;
  overflow:visible!important;
  flex:1 1 auto!important;
  flex-wrap:nowrap!important;
}
.myeclass-brand .brand-logo-shell,
body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-logo-shell{
  width:74px!important;
  height:48px!important;
  max-width:74px!important;
}
.myeclass-brand .brand-logo,
body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-logo{
  max-width:74px!important;
  max-height:48px!important;
}
.myeclass-global-topnav-v2-9-375,
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375{
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  flex:0 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.myeclass-global-topnav-v2-9-375 a,
body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375 a{
  height:var(--ml-shell-topbar-h)!important;
  min-height:var(--ml-shell-topbar-h)!important;
  flex:0 0 auto!important;
}
.myeclass-mobile-menu-toggle-v2-9-428{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:42px!important;
  min-height:38px!important;
  padding:7px 10px!important;
  border:1px solid #344b61!important;
  border-radius:4px!important;
  background:#05070a!important;
  color:#f5f8fc!important;
  box-shadow:none!important;
  font-weight:900!important;
}
.myeclass-mobile-menu-toggle-v2-9-428 .shell-icon,
.myeclass-mobile-menu-toggle-v2-9-428 .shell-icon svg{width:20px!important;height:20px!important;}
.myeclass-mobile-menu-v2-9-428{
  position:fixed!important;
  top:var(--ml-shell-topbar-h)!important;
  left:0!important;
  bottom:0!important;
  width:min(88vw,340px)!important;
  max-width:340px!important;
  z-index:1200!important;
  background:#182836!important;
  border-right:1px solid #41617a!important;
  color:#f5f8fc!important;
  overflow:auto!important;
  box-shadow:28px 0 70px rgba(0,0,0,.48)!important;
  overscroll-behavior:contain!important;
}
.myeclass-mobile-menu-v2-9-428[hidden],
.myeclass-mobile-menu-backdrop-v2-9-428[hidden]{display:none!important;}
.myeclass-mobile-menu-backdrop-v2-9-428{
  position:fixed!important;
  top:var(--ml-shell-topbar-h)!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:1190!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(0,0,0,.58)!important;
  padding:0!important;
  margin:0!important;
}
.myeclass-mobile-menu-inner-v2-9-428{display:grid!important;gap:18px!important;padding:16px 14px 24px!important;}
.myeclass-mobile-menu-head-v2-9-428{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:0 0 12px!important;border-bottom:1px solid rgba(113,183,243,.22)!important;}
.myeclass-mobile-menu-head-v2-9-428 b{font-size:17px!important;line-height:22px!important;color:#fff!important;}
#myeclassMobileMenuClose{width:36px!important;height:36px!important;padding:0!important;font-size:24px!important;line-height:1!important;}
.myeclass-mobile-menu-section-v2-9-428{display:grid!important;gap:6px!important;}
.myeclass-mobile-menu-section-v2-9-428 h2{margin:0 0 6px!important;color:#ffffff!important;font-size:13px!important;font-weight:950!important;letter-spacing:.02em!important;}
.myeclass-mobile-course-title-v2-9-428{margin:0 0 8px!important;padding:9px 10px!important;border:1px solid rgba(113,183,243,.22)!important;background:#101b27!important;color:#f5f8fc!important;font-weight:900!important;line-height:1.25!important;}
.myeclass-mobile-course-title-v2-9-428 small{display:block!important;margin-top:4px!important;color:#c5d5e4!important;font-size:12px!important;}
.myeclass-mobile-menu-link{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 11px!important;
  border:0!important;
  border-bottom:1px solid rgba(113,183,243,.18)!important;
  background:transparent!important;
  color:#f5f8fc!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:850!important;
}
.myeclass-mobile-menu-link:hover{background:#21384a!important;color:#fff!important;text-decoration:none!important;}
.myeclass-mobile-menu-link.is-active{background:#70afe9!important;color:#062137!important;border-bottom-color:#70afe9!important;}
.myeclass-mobile-menu-link .shell-icon,
.myeclass-mobile-menu-link .shell-icon svg{width:20px!important;height:20px!important;flex:0 0 20px!important;background:transparent!important;border:0!important;color:currentColor!important;}
@media(min-width:981px){
  .myeclass-mobile-menu-v2-9-428,
  .myeclass-mobile-menu-backdrop-v2-9-428,
  .myeclass-mobile-menu-toggle-v2-9-428{display:none!important;}
  .myeclass-sidebar.myeclass-course-sidebar-v2-9-375,
  body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{display:block!important;}
  .myeclass-account-dropdown-v2-9-398>summary{max-width:260px!important;}
}
@media(max-width:980px){
  .myeclass-app-shell,
  .myeclass-app-shell.myeclass-shell-no-sidebar-v2-9-398,
  .myeclass-app-shell.myeclass-shell-guest,
  .myeclass-app-shell.myeclass-shell-with-sidebar,
  body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
    display:block!important;
    min-height:100vh!important;
  }
  .myeclass-mobile-menu-toggle-v2-9-428{display:inline-flex!important;flex:0 0 auto!important;}
  .myeclass-mobile-menu-toggle-v2-9-428 span{display:none!important;}
  .myeclass-global-topnav-v2-9-375,
  body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375{display:none!important;}
  .myeclass-topbar-left{gap:12px!important;flex:1 1 auto!important;}
  .myeclass-user-nav{flex:0 0 auto!important;}
  .myeclass-sidebar.myeclass-course-sidebar-v2-9-375,
  body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{display:none!important;}
  .container.myeclass-main,
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    min-height:calc(100vh - var(--ml-shell-topbar-h))!important;
    padding:16px!important;
  }
  body.myeclass-nav-locked{overflow:hidden!important;}
}
@media(max-width:560px){
  :root,html[data-theme="dark"]{--ml-shell-topbar-h:54px;}
  .top.myeclass-topbar,.myeclass-topbar{padding:0 8px!important;gap:8px!important;}
  .myeclass-topbar-left{gap:8px!important;}
  .myeclass-brand .brand-logo-shell,
  body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-logo-shell{width:58px!important;height:40px!important;max-width:58px!important;}
  .myeclass-brand .brand-logo,
  body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-logo{max-width:58px!important;max-height:40px!important;}
  .myeclass-account-dropdown-v2-9-398>summary{min-width:38px!important;max-width:42px!important;padding:6px 8px!important;}
  .myeclass-account-dropdown-v2-9-398>summary span{display:none!important;}
  .container.myeclass-main,
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{padding:12px!important;}
}
@media(max-width:760px){
  .container.myeclass-main table,
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .container.myeclass-main table th,
  .container.myeclass-main table td{white-space:nowrap!important;}
  .actions{flex-wrap:wrap!important;}
  .actions .button,.actions button{max-width:100%!important;}
}

/* ------------------------------------------------------------
   MyEClass v2.9.429 — Mobile browser correction pass.
   Shell/table visual fix only. Locks mobile header as a real row,
   contains page width on phones, and keeps wide tables inside their
   own scroll wrapper instead of widening the page.
   ------------------------------------------------------------ */
:root,
html[data-theme="dark"]{
  --ml-shell-topbar-h:58px;
  --ml-shell-mobile-topbar-h:56px;
}
html,
body,
.myeclass-app-shell,
.container.myeclass-main{
  min-width:0!important;
}
body{
  width:100%!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
}
.top.myeclass-topbar,
body.myeclass-course-context-body-v2-9-375 .top.myeclass-topbar,
body.myeclass-portfolio-body-v2-9-398 .top.myeclass-topbar{
  width:100%!important;
  max-width:100vw!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  overflow:visible!important;
}
.myeclass-topbar-left,
body.myeclass-course-context-body-v2-9-375 .myeclass-topbar-left,
body.myeclass-portfolio-body-v2-9-398 .myeclass-topbar-left{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
@media(min-width:981px){
  .top.myeclass-topbar,
  body.myeclass-course-context-body-v2-9-375 .top.myeclass-topbar,
  body.myeclass-portfolio-body-v2-9-398 .top.myeclass-topbar{
    height:var(--ml-shell-topbar-h)!important;
    min-height:var(--ml-shell-topbar-h)!important;
    max-height:var(--ml-shell-topbar-h)!important;
    overflow:visible!important;
  }
  .myeclass-global-topnav-v2-9-375,
  body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-global-topnav-v2-9-375{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
    max-width:none!important;
  }
}
@media(max-width:980px){
  .top.myeclass-topbar,
  body.myeclass-course-context-body-v2-9-375 .top.myeclass-topbar,
  body.myeclass-portfolio-body-v2-9-398 .top.myeclass-topbar{
    position:sticky!important;
    top:0!important;
    z-index:1300!important;
    height:var(--ml-shell-mobile-topbar-h)!important;
    min-height:var(--ml-shell-mobile-topbar-h)!important;
    max-height:var(--ml-shell-mobile-topbar-h)!important;
    padding:0 10px!important;
    gap:8px!important;
  }
  .myeclass-topbar-left,
  body.myeclass-course-context-body-v2-9-375 .myeclass-topbar-left,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-topbar-left{
    flex:1 1 auto!important;
    gap:10px!important;
    height:100%!important;
  }
  .myeclass-mobile-menu-toggle-v2-9-428{
    display:inline-flex!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:1px solid #41617a!important;
    border-radius:4px!important;
    background:#05070a!important;
    color:#ffffff!important;
    line-height:1!important;
  }
  .myeclass-mobile-menu-toggle-v2-9-428 .shell-icon,
  .myeclass-mobile-menu-toggle-v2-9-428 .shell-icon svg{
    display:none!important;
  }
  .myeclass-mobile-menu-toggle-v2-9-428::before{
    content:"☰"!important;
    display:block!important;
    font-size:25px!important;
    line-height:1!important;
    color:#ffffff!important;
    font-weight:900!important;
  }
  .myeclass-mobile-menu-toggle-v2-9-428 span{display:none!important;}
  .myeclass-brand{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    height:100%!important;
    min-width:0!important;
  }
  .myeclass-brand .brand-logo-shell,
  body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-logo-shell,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-brand .brand-logo-shell{
    width:70px!important;
    height:46px!important;
    max-width:70px!important;
    max-height:46px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .myeclass-brand .brand-logo,
  body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-logo,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-brand .brand-logo{
    max-width:70px!important;
    max-height:46px!important;
  }
  .myeclass-global-topnav-v2-9-375,
  body.myeclass-course-context-body-v2-9-375 .myeclass-global-topnav-v2-9-375,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-global-topnav-v2-9-375{
    display:none!important;
  }
  .myeclass-user-nav,
  .myeclass-account-nav-v2-9-398{
    flex:0 0 auto!important;
    margin-left:auto!important;
    min-width:42px!important;
  }
  .myeclass-account-dropdown-v2-9-398>summary{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    padding:0!important;
    justify-content:center!important;
    border-radius:4px!important;
    overflow:hidden!important;
  }
  .myeclass-account-dropdown-v2-9-398>summary span{display:none!important;}
  .myeclass-account-dropdown-v2-9-398>summary .shell-icon,
  .myeclass-account-dropdown-v2-9-398>summary .shell-icon svg{
    width:20px!important;
    height:20px!important;
  }
  .myeclass-mobile-menu-v2-9-428,
  .myeclass-mobile-menu-backdrop-v2-9-428{
    top:var(--ml-shell-mobile-topbar-h)!important;
  }
  .myeclass-mobile-menu-v2-9-428{
    width:min(86vw,340px)!important;
    max-width:min(86vw,340px)!important;
  }
  .myeclass-app-shell,
  .myeclass-shell-no-sidebar-v2-9-398,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-app-shell,
  body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell{
    display:block!important;
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
    grid-template-columns:1fr!important;
  }
  .container.myeclass-main,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-main,
  .myeclass-shell-no-sidebar-v2-9-398 .myeclass-main,
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    overflow-x:hidden!important;
  }
  .card,
  .tile,
  .panel,
  .mini-card,
  body.myeclass-portfolio-body-v2-9-398 .card,
  body.myeclass-course-context-body-v2-9-375 .card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .myeclass-eclass-page-title-v2-9-394,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-eclass-page-title-v2-9-394,
  body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-items:start!important;
  }
  .myeclass-eclass-page-title-v2-9-394 .button,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-eclass-page-title-v2-9-394 .button{
    justify-self:start!important;
    max-width:100%!important;
  }
  .myeclass-portfolio-grid-v2-9-398,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-grid-v2-9-398{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:12px!important;
  }
  .myeclass-portfolio-grid-v2-9-398>*{
    min-width:0!important;
    max-width:100%!important;
  }
  .myeclass-portfolio-actions-v2-9-398,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-actions-v2-9-398{
    width:100%!important;
    max-width:100%!important;
  }
  .myeclass-portfolio-actions-v2-9-398 .button{
    width:100%!important;
    max-width:100%!important;
  }
  .ml-table-responsive-v2-9-429,
  .myeclass-table-wrap-v2-9-362,
  .myeclass-table-scroll{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:4px!important;
  }
  .ml-table-responsive-v2-9-429 table,
  .myeclass-table-wrap-v2-9-362 table,
  .myeclass-table-scroll table,
  .container.myeclass-main table{
    display:table!important;
    width:100%!important;
    min-width:620px!important;
    max-width:none!important;
    overflow:visible!important;
  }
  .ml-table-responsive-v2-9-429 table th,
  .ml-table-responsive-v2-9-429 table td,
  .container.myeclass-main table th,
  .container.myeclass-main table td{
    white-space:nowrap!important;
  }
  .actions,
  td.actions{
    white-space:nowrap!important;
  }
}
@media(max-width:480px){
  .top.myeclass-topbar,
  body.myeclass-course-context-body-v2-9-375 .top.myeclass-topbar,
  body.myeclass-portfolio-body-v2-9-398 .top.myeclass-topbar{
    padding:0 8px!important;
    gap:6px!important;
  }
  .myeclass-topbar-left{gap:8px!important;}
  .myeclass-mobile-menu-toggle-v2-9-428,
  .myeclass-account-dropdown-v2-9-398>summary{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
  .myeclass-brand .brand-logo-shell,
  body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-logo-shell,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-brand .brand-logo-shell{
    width:62px!important;
    max-width:62px!important;
  }
  .myeclass-brand .brand-logo,
  body.myeclass-course-context-body-v2-9-375 .myeclass-brand .brand-logo,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-brand .brand-logo{
    max-width:62px!important;
  }
  .container.myeclass-main,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-main,
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{
    padding:10px!important;
  }
  body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-simple-v2-9-398.card,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-openeclass-flat-page-v2-9-399.card,
  body.myeclass-course-context-body-v2-9-375 .card{
    padding:10px!important;
  }
  .ml-table-responsive-v2-9-429 table,
  .container.myeclass-main table{
    min-width:560px!important;
  }
}

/* ------------------------------------------------------------
   MyEClass v2.9.430 — Mobile overflow hard fix.
   Visual/mobile CSS only: keeps the mobile header icons visible and
   changes portfolio tables to compact mobile cards so they cannot widen
   the phone viewport. No upload/correction/AI/DB logic changes.
   ------------------------------------------------------------ */
@media(max-width:980px){
  .top.myeclass-topbar,
  body.myeclass-course-context-body-v2-9-375 .top.myeclass-topbar,
  body.myeclass-portfolio-body-v2-9-398 .top.myeclass-topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    width:100%!important;
    max-width:100vw!important;
    overflow:visible!important;
  }
  .myeclass-topbar-left,
  body.myeclass-course-context-body-v2-9-375 .myeclass-topbar-left,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-topbar-left{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:10px!important;
    min-width:0!important;
    width:100%!important;
    height:100%!important;
  }
  .myeclass-mobile-menu-toggle-v2-9-428{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    padding:0!important;
    border:1px solid #41617a!important;
    border-radius:4px!important;
    background:#05070a!important;
    color:#ffffff!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  .myeclass-mobile-menu-toggle-v2-9-428::before{content:none!important;display:none!important;}
  .myeclass-mobile-menu-toggle-v2-9-428 .shell-icon,
  .myeclass-mobile-menu-toggle-v2-9-428 .shell-icon svg{
    display:none!important;
  }
  .myeclass-mobile-menu-glyph-v2-9-430{
    display:block!important;
    color:#ffffff!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:900!important;
    font-family:Arial,Helvetica,sans-serif!important;
  }
  .myeclass-mobile-menu-label-v2-9-430{display:none!important;}
  .myeclass-brand,
  body.myeclass-course-context-body-v2-9-375 .myeclass-brand,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-brand{
    justify-self:start!important;
    max-width:86px!important;
    overflow:visible!important;
  }
  .myeclass-user-nav,
  .myeclass-account-nav-v2-9-398{
    justify-self:end!important;
    min-width:42px!important;
    width:42px!important;
  }
  .myeclass-account-dropdown-v2-9-398>summary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .myeclass-account-dropdown-v2-9-398>summary > span:not(.shell-icon){display:none!important;}
  .myeclass-account-dropdown-v2-9-398>summary > .shell-icon,
  .myeclass-account-dropdown-v2-9-398>summary > .shell-icon svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
    color:#ffffff!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.1!important;
  }
  .myeclass-account-dropdown-menu-v2-9-398{
    right:0!important;
    left:auto!important;
    max-width:calc(100vw - 16px)!important;
  }
}

@media(max-width:760px){
  body.myeclass-portfolio-body-v2-9-398 .myeclass-main,
  body.myeclass-portfolio-body-v2-9-398 .container.myeclass-main,
  body.myeclass-portfolio-body-v2-9-398 .card,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-simple-v2-9-398.card,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-openeclass-flat-page-v2-9-399.card,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-grid-v2-9-398,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-portfolio-grid-v2-9-398 > *,
  body.myeclass-portfolio-body-v2-9-398 section,
  body.myeclass-portfolio-body-v2-9-398 aside{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  body.myeclass-portfolio-body-v2-9-398 .myeclass-table-wrap-v2-9-362,
  body.myeclass-portfolio-body-v2-9-398 .ml-table-responsive-v2-9-429,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-table-scroll{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    margin:8px 0 0!important;
  }
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430,
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 tbody{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 tr.ml-table-header-row-v2-9-430{
    display:none!important;
  }
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 tr{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 10px!important;
    padding:9px 10px!important;
    border:1px solid #41617a!important;
    background:#203443!important;
    box-sizing:border-box!important;
  }
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 th,
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 td{
    display:grid!important;
    grid-template-columns:minmax(78px,34%) minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:5px 0!important;
    border:0!important;
    border-bottom:1px solid rgba(113,183,243,.14)!important;
    background:transparent!important;
    color:#f5f8fc!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    box-sizing:border-box!important;
  }
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 td:last-child{
    border-bottom:0!important;
  }
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 td::before{
    content:attr(data-label)!important;
    display:block!important;
    color:#c5d5e4!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.25!important;
  }
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 td[data-label=""],
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 td:not([data-label]){
    grid-template-columns:1fr!important;
  }
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 td[data-label=""]::before,
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 td:not([data-label])::before{
    display:none!important;
    content:""!important;
  }
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 td.actions,
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 td:last-child{
    justify-items:start!important;
  }
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 .button,
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 button,
  body.myeclass-portfolio-body-v2-9-398 table.ml-mobile-card-table-v2-9-430 .myeclass-action-dropdown-v2-9-397>summary{
    max-width:100%!important;
    white-space:normal!important;
  }
}

/* ------------------------------------------------------------
   MyEClass v2.9.431 — Course mobile shell hard fix.
   Visual/mobile CSS only: removes leftover desktop course-sidebar
   offset on phone viewports and turns course tables into compact
   mobile cards. No upload/correction/AI/DB logic changes.
   ------------------------------------------------------------ */
@media(max-width:980px){
  body.myeclass-course-context-body-v2-9-375,
  html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375{
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
    background:#0b1118!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375,
  html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
    display:block!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    margin:0!important;
    overflow-x:hidden!important;
    background:#0b1118!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-topbar{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100vw!important;
    margin:0!important;
    left:auto!important;
    right:auto!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375,
  body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-reset-v2-9-393{
    display:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    transform:none!important;
    position:absolute!important;
    left:-9999px!important;
  }
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main,
  html[data-theme="dark"] body.myeclass-course-context-body-v2-9-375 .container.myeclass-main,
  body.myeclass-course-context-body-v2-9-375 .myeclass-course-context-shell-v2-9-375 .myeclass-main{
    grid-column:1!important;
    grid-row:auto!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    background:#0b1118!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs,
  body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs ol{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs li{
    flex:0 0 auto!important;
    max-width:70vw!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs a,
  body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs span[aria-current="page"]{
    display:inline-block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:70vw!important;
  }
  body.myeclass-course-context-body-v2-9-375 .card,
  body.myeclass-course-context-body-v2-9-375 .panel,
  body.myeclass-course-context-body-v2-9-375 .mini-card,
  body.myeclass-course-context-body-v2-9-375 .myeclass-openeclass-flat-page-v2-9-399,
  body.myeclass-course-context-body-v2-9-375 .myeclass-course-landing-minimal-v2-9-398{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.myeclass-course-context-body-v2-9-375 h1,
  body.myeclass-course-context-body-v2-9-375 h2,
  body.myeclass-course-context-body-v2-9-375 h3{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394 h2,
  body.myeclass-course-context-body-v2-9-375 h1{
    font-size:clamp(1.35rem,8vw,1.9rem)!important;
    line-height:1.16!important;
  }
}

@media(max-width:760px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-table-wrap-v2-9-362,
  body.myeclass-course-context-body-v2-9-375 .ml-table-responsive-v2-9-429,
  body.myeclass-course-context-body-v2-9-375 .myeclass-table-scroll{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    margin:8px 0 0!important;
  }
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430,
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 tbody{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 tr.ml-table-header-row-v2-9-430{
    display:none!important;
  }
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 tr{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 10px!important;
    padding:9px 10px!important;
    border:1px solid #41617a!important;
    background:#203443!important;
    box-sizing:border-box!important;
  }
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 th,
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 td{
    display:grid!important;
    grid-template-columns:minmax(78px,34%) minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:5px 0!important;
    border:0!important;
    border-bottom:1px solid rgba(113,183,243,.14)!important;
    background:transparent!important;
    color:#f5f8fc!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    box-sizing:border-box!important;
  }
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 td:last-child{
    border-bottom:0!important;
  }
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 td::before{
    content:attr(data-label)!important;
    display:block!important;
    color:#c5d5e4!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.25!important;
  }
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 td[data-label=""],
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 td:not([data-label]){
    grid-template-columns:1fr!important;
  }
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 td[data-label=""]::before,
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 td:not([data-label])::before{
    display:none!important;
    content:""!important;
  }
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 td.actions,
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 td:last-child{
    justify-items:start!important;
  }
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 .button,
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 button,
  body.myeclass-course-context-body-v2-9-375 table.ml-mobile-card-table-v2-9-430 .myeclass-action-dropdown-v2-9-397>summary{
    max-width:100%!important;
    white-space:normal!important;
  }
}


/* ------------------------------------------------------------
   MyEClass v2.9.432 — Course mobile breadcrumb and content width fix.
   Visual/mobile CSS only: removes the broken long course breadcrumb line
   on phone screens and hard-clamps course detail content inside the viewport.
   No upload/correction/AI/DB logic changes.
   ------------------------------------------------------------ */
@media(max-width:760px){
  body.myeclass-course-context-body-v2-9-375,
  body.myeclass-course-context-body-v2-9-375 *{
    box-sizing:border-box!important;
  }
  body.myeclass-course-context-body-v2-9-375{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375,
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main,
  body.myeclass-course-context-body-v2-9-375 .myeclass-course-context-shell-v2-9-375 .myeclass-main{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    overflow-x:hidden!important;
  }
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main > *,
  body.myeclass-course-context-body-v2-9-375 .myeclass-main > *,
  body.myeclass-course-context-body-v2-9-375 .card,
  body.myeclass-course-context-body-v2-9-375 .panel,
  body.myeclass-course-context-body-v2-9-375 .mini-card,
  body.myeclass-course-context-body-v2-9-375 .myeclass-workspace-hero,
  body.myeclass-course-context-body-v2-9-375 .myeclass-openeclass-flat-page-v2-9-399,
  body.myeclass-course-context-body-v2-9-375 .myeclass-course-landing-minimal-v2-9-398,
  body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-workspace-rail-v2-9-363,
  body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-tool-intro-v2-9-365{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    float:none!important;
    transform:none!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-workspace-hero,
  body.myeclass-course-context-body-v2-9-375 .myeclass-openeclass-flat-page-v2-9-399.card,
  body.myeclass-course-context-body-v2-9-375 .myeclass-course-landing-minimal-v2-9-398.card{
    padding:14px!important;
    overflow:hidden!important;
  }

  /* The full course breadcrumb is too long for phones and was causing the
     broken clipped strip shown in screenshots. The page title immediately
     below provides the context, while navigation remains available from the
     mobile drawer. */
  body.myeclass-course-context-body-v2-9-375 .myeclass-breadcrumbs{
    display:none!important;
  }

  body.myeclass-course-context-body-v2-9-375 h1,
  body.myeclass-course-context-body-v2-9-375 h2,
  body.myeclass-course-context-body-v2-9-375 h3,
  body.myeclass-course-context-body-v2-9-375 .myeclass-workspace-hero h1,
  body.myeclass-course-context-body-v2-9-375 .myeclass-eclass-page-title-v2-9-394 h2{
    max-width:100%!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-workspace-hero h1,
  body.myeclass-course-context-body-v2-9-375 h1{
    font-size:clamp(1.45rem,7.2vw,1.9rem)!important;
    line-height:1.14!important;
    letter-spacing:-.03em!important;
  }
  body.myeclass-course-context-body-v2-9-375 .button,
  body.myeclass-course-context-body-v2-9-375 button,
  body.myeclass-course-context-body-v2-9-375 input,
  body.myeclass-course-context-body-v2-9-375 select,
  body.myeclass-course-context-body-v2-9-375 textarea{
    max-width:100%!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-rail-links-v2-9-363,
  body.myeclass-course-context-body-v2-9-375 .myeclass-course-tool-grid-v2-9-356{
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-assignment-rail-links-v2-9-363 a,
  body.myeclass-course-context-body-v2-9-375 .myeclass-course-tool-link{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* ------------------------------------------------------------
   MyEClass v2.9.433 — Mobile back navigation polish.
   Visual/navigation CSS only: adds a small route-aware Back button
   on course-context mobile pages where breadcrumbs are hidden.
   ------------------------------------------------------------ */
.myeclass-mobile-back-strip-v2-9-433{
  display:none;
}
@media(max-width:760px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-mobile-back-strip-v2-9-433{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    padding:0!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-mobile-back-button-v2-9-433{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:38px!important;
    padding:8px 11px!important;
    border:1px solid #6fb2ee!important;
    border-radius:6px!important;
    background:#0d1721!important;
    color:#74b7f5!important;
    text-decoration:none!important;
    font-weight:900!important;
    line-height:1!important;
    box-shadow:none!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-mobile-back-button-v2-9-433 span{
    font-size:1.15rem!important;
    line-height:1!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-mobile-back-button-v2-9-433:focus,
  body.myeclass-course-context-body-v2-9-375 .myeclass-mobile-back-button-v2-9-433:hover{
    background:#13283b!important;
    color:#d9efff!important;
    outline:2px solid rgba(111,178,238,.45)!important;
    outline-offset:2px!important;
  }
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{
    padding-top:10px!important;
  }
}

/* ------------------------------------------------------------
   MyEClass v2.9.434 — icon-only back button on desktop + mobile.
   Visual/navigation only: breadcrumbs stay visible on desktop, while
   the same compact parent-route button also appears next to them.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 .myeclass-route-strip-v2-9-434{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 12px!important;
  overflow:hidden!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-route-strip-v2-9-434 .myeclass-mobile-back-strip-v2-9-433{
  display:flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-route-strip-v2-9-434 .myeclass-mobile-back-button-v2-9-433{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid #6fb2ee!important;
  border-radius:6px!important;
  background:#0d1721!important;
  color:#74b7f5!important;
  text-decoration:none!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-route-strip-v2-9-434 .myeclass-mobile-back-button-v2-9-433 span{
  display:block!important;
  font-size:1.15rem!important;
  line-height:1!important;
  transform:translateY(-1px);
}
body.myeclass-course-context-body-v2-9-375 .myeclass-route-strip-v2-9-434 .myeclass-mobile-back-button-v2-9-433 b{
  display:none!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-route-strip-v2-9-434 .myeclass-mobile-back-button-v2-9-433:hover,
body.myeclass-course-context-body-v2-9-375 .myeclass-route-strip-v2-9-434 .myeclass-mobile-back-button-v2-9-433:focus{
  background:#13283b!important;
  color:#d9efff!important;
  outline:2px solid rgba(111,178,238,.45)!important;
  outline-offset:2px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-route-strip-v2-9-434 .myeclass-breadcrumbs{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-route-strip-v2-9-434 .myeclass-breadcrumbs ol{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
@media(max-width:760px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-route-strip-v2-9-434{
    gap:0!important;
    margin:0 0 10px!important;
  }
  body.myeclass-course-context-body-v2-9-375 .myeclass-route-strip-v2-9-434 .myeclass-breadcrumbs{
    display:none!important;
  }
}

/* -------------------------------------------------------------------------
   MyEClass v2.9.435 — create exercise and assign as one-item assignment.
   UI is mostly existing form styling; this cache bump prevents stale form CSS.
   ------------------------------------------------------------------------- */

/* v2.9.437 — Open-eClass hierarchy cleanup: course context + simpler submission choices */
.myeclass-context-lock-v2-9-437 {
  border-style: dashed;
  background: color-mix(in srgb, var(--surface) 68%, transparent);
}
.myeclass-context-lock-v2-9-437 p {
  margin: 6px 0;
}
.myeclass-submit-methods-simplified-v2-9-437 > h3,
.myeclass-submit-methods-simplified-v2-9-437 > h2 {
  margin-top: 0;
}
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-submit-method-grid-v2-9-420 {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 12px;
}
.myeclass-submit-choice-v2-9-437,
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-mobile-handoff-form-v2-9-420 button,
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-upload-method-v2-9-420 > summary {
  min-height: 62px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}
.myeclass-submit-choice-v2-9-437 span,
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-upload-method-v2-9-420 > summary::after {
  font-size: .84rem;
  opacity: .82;
  font-weight: 500;
}
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-upload-method-v2-9-420 {
  min-width: 0;
  width: 100%;
}
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-upload-method-v2-9-420 > summary::after {
  content: 'PDF ή φωτογραφίες από τον υπολογιστή.';
  display: block;
}
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-mobile-handoff-form-v2-9-420 button::after {
  content: 'Σκανάρω QR και φωτογραφίζω τη λύση.';
  display: block;
  font-size: .84rem;
  opacity: .82;
  font-weight: 500;
  margin-top: 4px;
}
.myeclass-mobile-qr-clean-v2-9-437 details {
  margin-top: 12px;
}
@media (max-width: 980px) {
  .myeclass-submit-methods-simplified-v2-9-437 .myeclass-submit-method-grid-v2-9-420 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .myeclass-submit-methods-simplified-v2-9-437 .myeclass-submit-method-grid-v2-9-420 {
    grid-template-columns: 1fr;
  }
}

/* v2.9.438 — Open-eClass-like teacher assignment flow cleanup. */
.myeclass-openeclass-assignments-list-v2-9-438 th:nth-child(2),
.myeclass-openeclass-assignments-list-v2-9-438 th:nth-child(3),
.myeclass-openeclass-assignments-list-v2-9-438 td:nth-child(2),
.myeclass-openeclass-assignments-list-v2-9-438 td:nth-child(3){text-align:center!important;width:92px!important;}
.myeclass-assignment-row-meta-v2-9-438{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;font-size:12px;}
.myeclass-unreviewed-count-v2-9-438{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:28px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-weight:800;color:var(--ink);}
.myeclass-unreviewed-count-v2-9-438.has-items{border-color:var(--accent);background:rgba(106,169,232,.16);color:var(--accent);}
.myeclass-assignment-openeclass-flow-v2-9-438{margin-bottom:12px!important;}
.myeclass-assignment-submissions-primary-v2-9-438{margin-top:0!important;}
.myeclass-assignment-submissions-primary-v2-9-438 + #myeclass-assignment-description{margin-top:12px!important;}
@media(max-width:720px){
  .myeclass-openeclass-assignments-list-v2-9-438 th:nth-child(4),
  .myeclass-openeclass-assignments-list-v2-9-438 td:nth-child(4){display:none!important;}
  .myeclass-openeclass-assignments-list-v2-9-438 th:nth-child(2),
  .myeclass-openeclass-assignments-list-v2-9-438 th:nth-child(3),
  .myeclass-openeclass-assignments-list-v2-9-438 td:nth-child(2),
  .myeclass-openeclass-assignments-list-v2-9-438 td:nth-child(3){width:auto!important;}
}

/* v2.9.439 — Open-eClass assignment detail/submissions layout. */
.myeclass-assignment-openeclass-detail-v2-9-439{margin-bottom:12px!important;}
.myeclass-assignment-info-card-v2-9-439{margin-top:12px!important;}
.myeclass-assignment-info-card-v2-9-439 h2,
.myeclass-assignment-submissions-openeclass-v2-9-439 h2{margin-top:0;}
.myeclass-assignment-info-table-v2-9-439 th{width:230px;color:var(--ink);font-weight:800;}
.myeclass-assignment-info-table-v2-9-439 td{line-height:1.45;}
.myeclass-assignment-submissions-openeclass-v2-9-439{margin-top:14px!important;}
.myeclass-openeclass-submitted-strip-v2-9-439{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:10px;background:rgba(46,125,75,.92);color:#fff;margin-bottom:14px;font-weight:800;}
.myeclass-openeclass-submitted-strip-v2-9-439 .status-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.18);font-weight:900;}
.myeclass-assignment-submissions-summary-v2-9-439{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.92rem;margin:-4px 0 10px;}
.myeclass-openeclass-submissions-table-v2-9-439 th:nth-child(3),
.myeclass-openeclass-submissions-table-v2-9-439 td:nth-child(3),
.myeclass-openeclass-submissions-table-v2-9-439 th:nth-child(4),
.myeclass-openeclass-submissions-table-v2-9-439 td:nth-child(4){width:150px;}
.myeclass-openeclass-submissions-table-v2-9-439 td.actions{width:110px;text-align:right;}
.myeclass-openeclass-submission-row-v2-9-439 .muted{font-size:.86rem;}
.myeclass-assignment-submissions-openeclass-v2-9-439 .myeclass-correction-panel-shell-v2-9-354,
.myeclass-assignment-submissions-openeclass-v2-9-439 .myeclass-teacher-correction-side-panel-shell-v2-9-354{margin-top:12px;}
@media(max-width:760px){
  .myeclass-assignment-info-table-v2-9-439 th,
  .myeclass-assignment-info-table-v2-9-439 td{display:block;width:100%;}
  .myeclass-assignment-info-table-v2-9-439 th{border-bottom:0;padding-bottom:2px;}
  .myeclass-assignment-info-table-v2-9-439 td{padding-top:2px;}
  .myeclass-openeclass-submissions-table-v2-9-439 th:nth-child(3),
  .myeclass-openeclass-submissions-table-v2-9-439 td:nth-child(3){display:none;}
  .myeclass-openeclass-submissions-table-v2-9-439 th:nth-child(4),
  .myeclass-openeclass-submissions-table-v2-9-439 td:nth-child(4){width:auto;}
}

/* v2.9.440 — Fullscreen correction workspace with real tabs.
   UX-only shell over the existing correction side-panel. No new route, no new write path,
   no DB migration, no AI/OCR/provider call, no notification, no publication/student visibility change. */
.myeclass-correction-panel-sheet-v2-9-440{
  left:28px;
  right:28px;
  top:22px;
  bottom:22px;
  width:auto;
  max-width:none;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0;
}
.myeclass-correction-panel-header-v2-9-440{
  flex:0 0 auto;
  margin:0;
  padding:18px 20px;
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
}
.myeclass-correction-tabs-v2-9-440{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
}
.myeclass-correction-tab-input-v2-9-440{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.myeclass-correction-tab-labels-v2-9-440{
  flex:0 0 auto;
  display:flex;
  gap:10px;
  padding:12px 18px;
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--surface) 90%,transparent);
}
.myeclass-correction-tab-labels-v2-9-440 label{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);
  color:var(--ink);
  cursor:pointer;
  user-select:none;
  font-weight:900;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.myeclass-correction-tab-labels-v2-9-440 label:hover{
  transform:translateY(-1px);
  border-color:rgba(79,111,184,.38);
  background:var(--soft);
}
.myeclass-correction-tab-labels-v2-9-440 label>span{
  width:28px;
  height:28px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--soft);
  border:1px solid var(--line);
  color:var(--accent);
  font-weight:950;
}
.myeclass-correction-tab-labels-v2-9-440 label b{display:block;line-height:1.05;}
.myeclass-correction-tab-labels-v2-9-440 label small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:780;line-height:1.1;}
.myeclass-correction-tab-solution-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="solution"],
.myeclass-correction-tab-grading-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="grading"],
.myeclass-correction-tab-helper-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="helper"]{
  border-color:rgba(79,111,184,.62);
  background:linear-gradient(135deg,rgba(79,111,184,.18),rgba(20,132,124,.08));
}
.myeclass-correction-tab-solution-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="solution"]>span,
.myeclass-correction-tab-grading-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="grading"]>span,
.myeclass-correction-tab-helper-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="helper"]>span{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}
.myeclass-correction-tab-panels-v2-9-440{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:18px;
}
.myeclass-correction-tab-panel-v2-9-440{
  display:none;
  max-width:1120px;
  margin:0 auto;
}
.myeclass-correction-tab-solution-v2-9-440:checked ~ .myeclass-correction-tab-panels-v2-9-440 .myeclass-correction-tab-solution-panel-v2-9-440,
.myeclass-correction-tab-grading-v2-9-440:checked ~ .myeclass-correction-tab-panels-v2-9-440 .myeclass-correction-tab-grading-panel-v2-9-440,
.myeclass-correction-tab-helper-v2-9-440:checked ~ .myeclass-correction-tab-panels-v2-9-440 .myeclass-correction-tab-helper-panel-v2-9-440{
  display:block;
}
.myeclass-correction-panel-sheet-v2-9-440 .myeclass-correction-helper-v2-9-354{
  margin-top:0;
}
html[data-theme="dark"] .myeclass-correction-panel-header-v2-9-440{
  background:linear-gradient(180deg,#1f2d37,#17232c);
}
html[data-theme="dark"] .myeclass-correction-tab-labels-v2-9-440{
  background:#17232c;
  border-color:#46637f;
}
html[data-theme="dark"] .myeclass-correction-tab-labels-v2-9-440 label{
  background:#0b0b0b;
  border-color:#303030;
}
html[data-theme="dark"] .myeclass-correction-tab-labels-v2-9-440 label:hover{
  background:#111827;
  border-color:rgba(49,208,255,.34);
}
html[data-theme="dark"] .myeclass-correction-tab-solution-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="solution"],
html[data-theme="dark"] .myeclass-correction-tab-grading-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="grading"],
html[data-theme="dark"] .myeclass-correction-tab-helper-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="helper"]{
  background:linear-gradient(135deg,rgba(49,208,255,.18),rgba(37,99,235,.10));
  border-color:rgba(49,208,255,.50);
}
html[data-theme="dark"] .myeclass-correction-tab-solution-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="solution"]>span,
html[data-theme="dark"] .myeclass-correction-tab-grading-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="grading"]>span,
html[data-theme="dark"] .myeclass-correction-tab-helper-v2-9-440:checked ~ .myeclass-correction-tab-labels-v2-9-440 label[data-tab="helper"]>span{
  background:var(--ml-accent);
  border-color:var(--ml-accent);
  color:#020617;
}
@media(max-width:760px){
  .myeclass-correction-panel-sheet-v2-9-440{left:8px;right:8px;top:8px;bottom:8px;border-radius:16px;}
  .myeclass-correction-panel-header-v2-9-440{padding:14px;}
  .myeclass-correction-tab-labels-v2-9-440{display:grid;grid-template-columns:1fr;padding:10px;gap:8px;}
  .myeclass-correction-tab-labels-v2-9-440 label{min-height:42px;padding:9px 10px;}
  .myeclass-correction-tab-labels-v2-9-440 label small{display:none;}
  .myeclass-correction-tab-panels-v2-9-440{padding:12px;}
}

/* v2.9.441 — Simple teacher-facing AI correction flow.
   Keeps the fullscreen modal/tabs, but removes developer wording from the teacher workspace.
   No DB migration, no OCR/PDF OCR, no notifications and no student-visible AI. */
.myeclass-correction-tab-labels-v2-9-440 label{
  min-width:160px;
  justify-content:center;
  text-align:center;
}
.myeclass-correction-tab-labels-v2-9-440 label b{
  font-size:14px;
  letter-spacing:-.01em;
}
.myeclass-correction-tab-labels-v2-9-440 label small{
  font-size:11px;
  opacity:.82;
}
.myeclass-ai-proposal-tab-v2-9-441,
.myeclass-final-correction-tab-v2-9-441{
  display:none;
}
.myeclass-correction-tab-grading-v2-9-440:checked ~ .myeclass-correction-tab-panels-v2-9-440 .myeclass-ai-proposal-tab-v2-9-441,
.myeclass-correction-tab-helper-v2-9-440:checked ~ .myeclass-correction-tab-panels-v2-9-440 .myeclass-final-correction-tab-v2-9-441{
  display:block;
}
.myeclass-ai-proposal-summary-v2-9-441{
  display:grid;
  gap:14px;
}
.myeclass-ai-proposal-grade-v2-9-441{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(79,111,184,.14),rgba(20,132,124,.08));
}
.myeclass-ai-proposal-grade-v2-9-441 span{
  color:var(--muted);
  font-weight:800;
}
.myeclass-ai-proposal-grade-v2-9-441 b{
  font-size:28px;
  letter-spacing:-.03em;
}
.myeclass-ai-proposal-box-v2-9-441,
.myeclass-ai-proposal-empty-v2-9-441,
.myeclass-ai-final-proposal-note-v2-9-441{
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px 16px;
  background:var(--surface-2);
}
.myeclass-ai-proposal-box-v2-9-441 h4{
  margin:0 0 8px;
}
.myeclass-ai-context-details-v2-9-441,
.myeclass-ai-inner-details-v2-9-441{
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);
  overflow:hidden;
}
.myeclass-ai-context-details-v2-9-441>summary,
.myeclass-ai-inner-details-v2-9-441>summary{
  cursor:pointer;
  padding:12px 14px;
  font-weight:900;
  color:var(--ink);
  list-style:none;
}
.myeclass-ai-context-details-v2-9-441>summary::-webkit-details-marker,
.myeclass-ai-inner-details-v2-9-441>summary::-webkit-details-marker{
  display:none;
}
.myeclass-ai-context-details-v2-9-441>summary::after,
.myeclass-ai-inner-details-v2-9-441>summary::after{
  content:"▾";
  float:right;
  color:var(--muted);
}
.myeclass-ai-context-details-v2-9-441[open]>summary::after,
.myeclass-ai-inner-details-v2-9-441[open]>summary::after{
  content:"▴";
}
.myeclass-ai-context-details-v2-9-441>*:not(summary),
.myeclass-ai-inner-details-v2-9-441>*:not(summary){
  margin:0 14px 14px;
}
.myeclass-ai-context-details-v2-9-441 pre,
.myeclass-ai-inner-details-v2-9-441 pre{
  white-space:pre-wrap;
  overflow:auto;
  max-height:360px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(15,23,42,.06);
}
.myeclass-ai-proposal-actions-v2-9-441,
.myeclass-ai-proposal-empty-v2-9-441{
  margin-top:14px;
}
.myeclass-ai-proposal-empty-v2-9-441 form,
.myeclass-ai-proposal-actions-v2-9-441 form{
  margin-top:10px;
}
.myeclass-final-correction-form-v2-9-441{
  display:grid;
  gap:12px;
}
.myeclass-final-correction-form-v2-9-441 fieldset{
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px 14px;
}
html[data-theme="dark"] .myeclass-ai-proposal-grade-v2-9-441{
  background:linear-gradient(135deg,rgba(49,208,255,.14),rgba(37,99,235,.10));
}
html[data-theme="dark"] .myeclass-ai-proposal-box-v2-9-441,
html[data-theme="dark"] .myeclass-ai-proposal-empty-v2-9-441,
html[data-theme="dark"] .myeclass-ai-final-proposal-note-v2-9-441,
html[data-theme="dark"] .myeclass-ai-context-details-v2-9-441,
html[data-theme="dark"] .myeclass-ai-inner-details-v2-9-441{
  background:#101923;
  border-color:#46637f;
}
html[data-theme="dark"] .myeclass-ai-context-details-v2-9-441 pre,
html[data-theme="dark"] .myeclass-ai-inner-details-v2-9-441 pre{
  background:#0b0f14;
  border-color:#303030;
  color:#eef6ff;
}
@media(max-width:760px){
  .myeclass-correction-tab-labels-v2-9-440 label{min-width:0;}
  .myeclass-ai-proposal-grade-v2-9-441{display:block;}
  .myeclass-ai-proposal-grade-v2-9-441 b{display:block;margin-top:6px;}
}

/* v2.9.442 — AI proposal decision flow cleanup.
   Keeps the teacher workspace simple: original solution + AI proposal + explicit teacher decision.
   No DB migration, no OCR/PDF OCR, no notifications and no student-visible AI draft. */
.myeclass-ai-proposal-compare-grid-v2-9-442{
  display:grid;
  grid-template-columns:minmax(260px,.85fr) minmax(0,1.35fr);
  gap:16px;
  align-items:start;
}
.myeclass-original-solution-snapshot-v2-9-442,
.myeclass-ai-final-gaps-preview-v2-9-442{
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px 16px;
  background:var(--surface-2);
}
.myeclass-original-solution-snapshot-v2-9-442 h4,
.myeclass-ai-final-gaps-preview-v2-9-442 b{
  margin:0 0 8px;
}
.myeclass-original-solution-files-v2-9-442 li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.myeclass-ai-proposal-main-v2-9-442{
  min-width:0;
}
.myeclass-ai-decision-choice-v2-9-442{
  display:grid;
  gap:10px;
}
.myeclass-ai-decision-choice-v2-9-442 label{
  display:block;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);
  cursor:pointer;
}
.myeclass-ai-decision-choice-v2-9-442 label:has(input:checked){
  border-color:rgba(79,111,184,.62);
  background:linear-gradient(135deg,rgba(79,111,184,.14),rgba(20,132,124,.08));
}
.myeclass-ai-decision-choice-v2-9-442 input{
  margin-right:8px;
}
.myeclass-ai-decision-choice-v2-9-442 b{
  display:inline-block;
}
.myeclass-ai-decision-choice-v2-9-442 span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  font-weight:760;
}
html[data-theme="dark"] .myeclass-original-solution-snapshot-v2-9-442,
html[data-theme="dark"] .myeclass-ai-final-gaps-preview-v2-9-442,
html[data-theme="dark"] .myeclass-ai-decision-choice-v2-9-442 label{
  background:#101923;
  border-color:#46637f;
}
html[data-theme="dark"] .myeclass-ai-decision-choice-v2-9-442 label:has(input:checked){
  background:linear-gradient(135deg,rgba(49,208,255,.14),rgba(37,99,235,.10));
  border-color:rgba(49,208,255,.44);
}
@media(max-width:900px){
  .myeclass-ai-proposal-compare-grid-v2-9-442{grid-template-columns:1fr;}
}

/* v2.9.443 — correction workspace polish: visible original solution preview and quiet difficulty tags. */
.myeclass-original-solution-preview-v2-9-443{
  position:sticky;
  top:16px;
  max-height:calc(100vh - 220px);
  overflow:auto;
}
.myeclass-original-solution-preview-stack-v2-9-443{
  display:grid;
  gap:12px;
  margin:12px 0;
}
.myeclass-original-solution-image-frame-v2-9-443{
  margin:0;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.myeclass-original-solution-image-frame-v2-9-443 figcaption{
  padding:8px 10px;
  font-size:12px;
  font-weight:850;
  color:var(--muted);
  background:var(--surface-2);
  border-bottom:1px solid var(--line);
}
.myeclass-original-solution-image-frame-v2-9-443 img{
  display:block;
  width:100%;
  max-height:560px;
  object-fit:contain;
  background:#fff;
}
.myeclass-original-solution-no-preview-v2-9-443{
  border:1px dashed var(--line);
  border-radius:12px;
  padding:12px;
  margin:10px 0;
}
.myeclass-original-solution-file-details-v2-9-443{
  margin-top:10px;
  border-top:1px solid var(--line);
  padding-top:10px;
}
.myeclass-difficulty-tags-details-v2-9-443{
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px 14px;
  background:var(--surface-2);
}
.myeclass-difficulty-tags-details-v2-9-443 summary{
  cursor:pointer;
  font-weight:900;
}
.myeclass-difficulty-tags-grid-v2-9-443{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.myeclass-difficulty-tags-grid-v2-9-443 .checkbox-inline{
  margin:0;
}
html[data-theme="dark"] .myeclass-difficulty-tags-details-v2-9-443,
html[data-theme="dark"] .myeclass-original-solution-image-frame-v2-9-443 figcaption{
  background:#101923;
  border-color:#46637f;
}
@media(max-width:900px){
  .myeclass-original-solution-preview-v2-9-443{
    position:relative;
    top:auto;
    max-height:none;
  }
  .myeclass-original-solution-image-frame-v2-9-443 img{max-height:420px;}
}


/* v2.9.444 — compact correction workspace + rendered transcript.
   UX-only polish: less header height, lighter tabs, controlled solution preview,
   rendered MathJax transcript first, raw LaTeX only inside a closed details.
   No backend rewrite, no DB migration, no OCR/PDF OCR, no student-visible AI. */
.myeclass-correction-panel-sheet-v2-9-440{
  top:12px;
  bottom:12px;
  left:20px;
  right:20px;
}
.myeclass-correction-panel-header-v2-9-444{
  min-height:0;
  padding:10px 16px!important;
  align-items:center!important;
  gap:12px!important;
}
.myeclass-correction-titleline-v2-9-444{
  display:flex;
  align-items:baseline;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
}
.myeclass-correction-panel-header-v2-9-444 .myeclass-action-kicker{
  font-size:11px;
  letter-spacing:.04em;
  white-space:nowrap;
}
.myeclass-correction-panel-header-v2-9-444 h2{
  margin:0!important;
  font-size:18px!important;
  line-height:1.15!important;
  letter-spacing:-.02em;
}
.myeclass-correction-panel-header-v2-9-444 .muted{
  font-size:13px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:min(760px,58vw);
}
.myeclass-correction-panel-header-v2-9-444 .button{
  padding:7px 12px!important;
  min-height:34px;
}
.myeclass-correction-tab-labels-v2-9-440{
  padding:8px 16px!important;
  gap:8px!important;
}
.myeclass-correction-tab-labels-v2-9-440 label{
  min-width:0!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border-radius:10px!important;
  gap:6px!important;
}
.myeclass-correction-tab-labels-v2-9-440 label b{
  font-size:13px!important;
  line-height:1.1;
}
.myeclass-correction-tab-labels-v2-9-440 label small,
.myeclass-correction-tab-labels-v2-9-440 label>span{
  display:none!important;
}
.myeclass-correction-tab-panels-v2-9-440{
  padding:14px 18px!important;
}
.myeclass-correction-tab-panel-v2-9-440{
  max-width:1240px!important;
}
.myeclass-correction-section-head-v2-9-358{
  margin-bottom:10px!important;
}
.myeclass-correction-section-head-v2-9-358 h3{
  margin:0 0 3px!important;
  font-size:18px!important;
}
.myeclass-correction-section-head-v2-9-358 p{
  margin:0!important;
}
.myeclass-ai-proposal-compare-grid-v2-9-442{
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;
  gap:14px!important;
}
.myeclass-original-solution-preview-v2-9-443{
  top:10px!important;
  max-height:calc(100vh - 190px)!important;
  padding:10px 12px!important;
}
.myeclass-original-solution-preview-v2-9-443 h4{
  margin:0 0 6px!important;
}
.myeclass-original-solution-preview-stack-v2-9-443{
  gap:8px!important;
  margin:8px 0!important;
}
.myeclass-original-solution-image-frame-v2-9-443{
  border-radius:10px!important;
}
.myeclass-original-solution-image-frame-v2-9-443 figcaption{
  padding:6px 8px!important;
  font-size:11px!important;
}
.myeclass-original-solution-image-frame-v2-9-443 img{
  max-height:430px!important;
}
.myeclass-original-solution-file-details-v2-9-443{
  margin-top:8px!important;
  padding-top:8px!important;
}
.myeclass-ai-proposal-summary-v2-9-441{
  gap:10px!important;
}
.myeclass-ai-proposal-grade-v2-9-441{
  padding:12px 14px!important;
  border-radius:12px!important;
}
.myeclass-ai-proposal-grade-v2-9-441 b{
  font-size:24px!important;
}
.myeclass-ai-proposal-box-v2-9-441,
.myeclass-ai-proposal-empty-v2-9-441,
.myeclass-ai-final-proposal-note-v2-9-441{
  padding:12px 14px!important;
  border-radius:12px!important;
}
.myeclass-ai-context-details-v2-9-441,
.myeclass-ai-inner-details-v2-9-441{
  border-radius:12px!important;
}
.myeclass-ai-context-details-v2-9-441>summary,
.myeclass-ai-inner-details-v2-9-441>summary{
  padding:10px 12px!important;
}
.myeclass-transcript-rendered-v2-9-444{
  display:grid;
  gap:8px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(15,23,42,.04);
  overflow:auto;
}
.myeclass-rendered-latex-line-v2-9-444{
  padding:4px 0;
  white-space:normal!important;
  overflow-x:auto;
}
.myeclass-raw-latex-details-v2-9-444,
.myeclass-transcript-text-details-v2-9-444{
  margin-top:10px!important;
}
html[data-theme="dark"] .myeclass-transcript-rendered-v2-9-444{
  background:#0b0f14;
  border-color:#303030;
}
@media(max-width:900px){
  .myeclass-correction-panel-sheet-v2-9-440{left:8px;right:8px;top:8px;bottom:8px;}
  .myeclass-correction-titleline-v2-9-444{display:block;}
  .myeclass-correction-panel-header-v2-9-444 .muted{display:block;max-width:calc(100vw - 130px);margin-top:2px;white-space:nowrap;}
  .myeclass-correction-tab-labels-v2-9-440{display:flex!important;overflow:auto;}
  .myeclass-correction-tab-labels-v2-9-440 label{white-space:nowrap;flex:0 0 auto;}
  .myeclass-ai-proposal-compare-grid-v2-9-442{grid-template-columns:1fr!important;}
  .myeclass-original-solution-preview-v2-9-443{position:relative!important;top:auto!important;max-height:none!important;}
  .myeclass-original-solution-image-frame-v2-9-443 img{max-height:360px!important;}
}

/* v2.9.447: compact open-eClass-like table toolbar */
.myeclass-table-toolbar-v2-9-447{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 14px;flex-wrap:wrap}
.myeclass-table-toolbar-v2-9-447 label{display:flex;align-items:center;gap:6px;margin:0;color:var(--text,#fff)}
.myeclass-table-toolbar-v2-9-447 select,.myeclass-table-toolbar-v2-9-447 input[type="search"]{min-height:38px;border:1px solid var(--border,#5d83a5);background:var(--panel-2,#102030);color:var(--text,#fff);border-radius:6px;padding:6px 10px}
.myeclass-table-search-v2-9-447{margin-left:auto}
.myeclass-table-search-v2-9-447 input[type="search"]{min-width:240px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (max-width: 760px){.myeclass-table-toolbar-v2-9-447{align-items:stretch}.myeclass-table-toolbar-v2-9-447 label,.myeclass-table-search-v2-9-447{width:100%;margin-left:0}.myeclass-table-search-v2-9-447 input[type="search"]{width:100%;min-width:0}}
/* v2.9.447: keep single visible New assignment entry point; form appears after button click */
#myeclass-new-assignment:not([open]){display:none}

/* v2.9.448 — student polish: compact feedback summary and equal submission choices */
.myeclass-feedback-summary-line-v2-9-448 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 16px;
}
.myeclass-feedback-summary-line-v2-9-448 span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--surface) 72%, transparent);
  color: var(--text);
}
.myeclass-feedback-summary-line-v2-9-448 b {
  font-size: 1.08rem;
}
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-submit-choice-v2-9-437,
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-mobile-handoff-form-v2-9-420 button,
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-upload-method-v2-9-420 > summary {
  border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--line));
  background: color-mix(in srgb, var(--surface) 78%, transparent);
  color: var(--text);
}
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-submit-choice-v2-9-437:hover,
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-mobile-handoff-form-v2-9-420 button:hover,
.myeclass-submit-methods-simplified-v2-9-437 .myeclass-upload-method-v2-9-420 > summary:hover {
  background: color-mix(in srgb, var(--accent) 18%, var(--surface));
}

/* v2.9.449: when no next exercise exists, do not reserve an empty student panel. */
.myeclass-action-columns.is-single-v2-9-449{grid-template-columns:1fr;}

/* ------------------------------------------------------------
   MathLoop v2.9.462 — teacher bank filters for BALG 3.2 system bank.
   Adds category/subcategory/usage_role filtering and improves dense
   imported-bank table readability without changing stored data.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-filter-form-v2-9-462{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-quickfilters-v2-9-462{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid var(--myeclass-line-411)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-category-summary-v2-9-462{
  margin:0 0 10px!important;
  padding:8px 10px!important;
  background:#152536!important;
  border:1px solid #466680!important;
  color:#eaf6ff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-462{
  min-width:1120px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-462 th:nth-child(1){width:140px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-462 th:nth-child(2){width:210px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-462 th:nth-child(3){width:170px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-462 th:nth-child(4){width:360px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-462 th:nth-child(5){width:280px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-462 th:nth-child(6){width:110px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-system-bank-badge-v2-9-462{
  background:#05070a!important;
  border-color:#05070a!important;
  color:#fff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-role-common-v2-9-462{
  background:#e8fff3!important;
  border-color:#7be0a4!important;
  color:#096b36!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-role-ai-v2-9-462{
  background:#fff5d9!important;
  border-color:#ffd76a!important;
  color:#8a5200!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-use-details-v2-9-462{
  margin-top:8px!important;
  border-top:1px solid rgba(150,190,220,.35)!important;
  padding-top:6px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-use-details-v2-9-462>summary{
  cursor:pointer!important;
  color:#bfe9ff!important;
  font-weight:800!important;
}
@media(max-width:900px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-bank-quickfilters-v2-9-462 .button{width:100%!important;justify-content:center!important;}
}

/* ------------------------------------------------------------
   MathLoop v2.9.463 — bank → assignment integration.
   Lets teachers select visible bank items and add them to an
   existing or newly created draft assignment from the bank table.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-to-assignment-panel-v2-9-463{
  margin:12px 0 14px!important;
  border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line))!important;
  background:color-mix(in srgb, var(--surface) 84%, var(--accent) 8%)!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-assignment-form-v2-9-463 .rowform{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  align-items:end!important;
}
body.myeclass-course-context-body-v2-9-375 #myeclassBankSelectionSummary{
  margin-top:8px!important;
  font-weight:700!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-463{
  min-width:1260px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-463 th:nth-child(1){width:110px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-463 th:nth-child(2){width:140px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-463 th:nth-child(3){width:210px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-463 th:nth-child(4){width:170px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-463 th:nth-child(5){width:360px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-463 th:nth-child(6){width:280px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-463 th:nth-child(7){width:110px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-select-cell-v2-9-463{
  vertical-align:top!important;
  white-space:nowrap!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-select-cell-v2-9-463 input{
  transform:translateY(2px)!important;
}

/* ------------------------------------------------------------
   MathLoop v2.9.464 — compact teacher bank UI.
   Reduces vertical clutter after bank → assignment integration:
   collapsed manual-create form, collapsed assignment panel, and a
   tighter 5-column bank table with details hidden until requested.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-create-collapsed-v2-9-464{
  padding:0!important;
  overflow:hidden!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-create-collapsed-v2-9-464>summary{
  padding:12px 16px!important;
  cursor:pointer!important;
  background:#172b3d!important;
  border-bottom:1px solid #45647f!important;
  color:#f7fbff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-create-collapsed-v2-9-464[open]>form{
  padding:14px 16px 16px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-filter-compact-v2-9-464 h2{
  margin-bottom:10px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-filter-form-v2-9-464{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:9px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-filter-form-v2-9-464 label{
  margin:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-filter-form-v2-9-464 input,
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-filter-form-v2-9-464 select{
  min-height:34px!important;
  padding:6px 8px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-category-summary-v2-9-464{
  margin:0 0 10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-category-summary-v2-9-464>summary{
  display:inline-flex!important;
  padding:6px 10px!important;
  cursor:pointer!important;
  border:1px solid #466680!important;
  background:#152536!important;
  color:#eaf6ff!important;
  font-weight:800!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-category-summary-v2-9-464>p{
  margin:8px 0 0!important;
  padding:8px 10px!important;
  border:1px solid #466680!important;
  background:#152536!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-to-assignment-panel-v2-9-464{
  padding:0!important;
  margin:8px 0 12px!important;
  overflow:hidden!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-to-assignment-panel-v2-9-464>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 12px!important;
  cursor:pointer!important;
  background:#173049!important;
  color:#f7fbff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-to-assignment-panel-v2-9-464>.rowform{
  padding:12px!important;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
  gap:9px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-to-assignment-panel-v2-9-464 textarea{
  min-height:42px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-ai-routing-collapsed-v2-9-464{
  padding:0 12px 12px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-ai-routing-collapsed-v2-9-464 details{
  display:inline-block!important;
  max-width:360px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-ai-routing-collapsed-v2-9-464 details>summary{
  padding:6px 9px!important;
  cursor:pointer!important;
  font-weight:800!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-464{
  min-width:980px!important;
  table-layout:fixed!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-464 th:nth-child(1){width:72px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-464 th:nth-child(2){width:190px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-464 th:nth-child(3){width:250px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-464 th:nth-child(4){width:auto!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-464 th:nth-child(5){width:180px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-464 td{
  vertical-align:top!important;
  padding:9px 10px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-464 .check{
  padding:5px 7px!important;
  margin:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-code-cell-v2-9-464 .badge,
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-category-cell-v2-9-464 .pill{
  margin-top:4px!important;
  margin-right:4px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-464 .myeclass-bank-statement-cell-v2-9-411 .math-content{
  min-height:0!important;
  padding:8px 10px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-gap-cell-v2-9-464{
  font-size:.86rem!important;
  line-height:1.35!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-use-details-v2-9-464{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-use-details-v2-9-464>summary{
  padding:5px 7px!important;
  display:inline-flex!important;
  background:#142536!important;
  border:1px solid #466680!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-use-details-v2-9-464[open]{
  max-width:100%!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-row-actions-v2-9-464{
  margin-top:8px!important;
  font-size:.82rem!important;
}
body.myeclass-course-context-body-v2-9-375 .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:1000px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-v2-9-464{min-width:900px!important;}
}

/* ------------------------------------------------------------
   MathLoop v2.9.465 — teacher bank template coherence.
   Keeps the page focused on the teacher flow:
   search → select exercises → add to assignment.
   PDF import is removed from the main create form and internal
   labels are translated to teacher-facing language.
   ------------------------------------------------------------ */
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-template-coherent-v2-9-465{
  margin-top:12px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-template-coherent-v2-9-465>p.muted{
  margin-top:-2px!important;
  margin-bottom:12px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-create-personal-v2-9-465{
  margin-bottom:12px!important;
  border-style:dashed!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-create-personal-v2-9-465>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  background:#132536!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-results-coherent-v2-9-465 .myeclass-eclass-page-title-v2-9-394{
  margin-bottom:6px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-action-panel-v2-9-465>summary{
  position:relative!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-action-panel-v2-9-465>summary b::before{
  content:'✓';
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  margin-right:7px!important;
  border-radius:999px!important;
  background:color-mix(in srgb, var(--accent) 28%, #0e2234)!important;
  color:#fff!important;
  font-size:.78rem!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465 th:nth-child(1){width:64px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465 th:nth-child(2){width:170px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465 th:nth-child(3){width:245px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465 th:nth-child(5){width:165px!important;}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465 .myeclass-bank-code-cell-v2-9-464 b{
  display:block!important;
  line-height:1.15!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465 .myeclass-system-bank-badge-v2-9-462{
  background:#0b1722!important;
  border-color:#6eaee6!important;
  color:#eaf6ff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465 .myeclass-role-common-v2-9-462,
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465 .myeclass-role-ai-v2-9-462{
  color:#fff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465 .myeclass-role-common-v2-9-462{
  background:#23824a!important;
  border-color:#23824a!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465 .myeclass-role-ai-v2-9-462{
  background:#8a5a00!important;
  border-color:#8a5a00!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465 .myeclass-bank-row-actions-v2-9-464{
  opacity:.86!important;
}
@media(max-width:1000px){
  body.myeclass-course-context-body-v2-9-375 .myeclass-bank-table-coherent-v2-9-465{min-width:880px!important;}
}

/* ------------------------------------------------------------
   MathLoop v2.9.466 — site-wide theme coherence layer.
   Visual-only pass: one dark MyEClass language for portfolio,
   course pages, bank, assignments, tables, forms, badges and panels.
   No route, DB, import, AI or submit behavior changes.
   ------------------------------------------------------------ */
:root,
html[data-theme="dark"]{
  color-scheme:dark!important;
  --ml-theme-bg:#09121b;
  --ml-theme-bg-2:#0d1924;
  --ml-theme-top:#05080c;
  --ml-theme-sidebar:#142433;
  --ml-theme-card:#203443;
  --ml-theme-card-2:#1a2c3b;
  --ml-theme-field:#0d1824;
  --ml-theme-ink:#f4f8fc;
  --ml-theme-muted:#c3d4e2;
  --ml-theme-muted-2:#8fadbf;
  --ml-theme-line:#3f5f78;
  --ml-theme-line-2:#2d465d;
  --ml-theme-accent:#71b7f3;
  --ml-theme-accent-strong:#3aa5f5;
  --ml-theme-accent-soft:rgba(113,183,243,.16);
  --ml-theme-ok:#3ddc97;
  --ml-theme-warn:#ffc857;
  --ml-theme-danger:#ff8fa3;
  --ml-theme-radius:4px;
  --ml-theme-radius-card:2px;
  --ml-theme-topbar-h:58px;
  --ml-theme-sidebar-w:244px;
  --bg:var(--ml-theme-bg)!important;
  --card:var(--ml-theme-card)!important;
  --surface:var(--ml-theme-card)!important;
  --surface-2:var(--ml-theme-bg-2)!important;
  --ink:var(--ml-theme-ink)!important;
  --muted:var(--ml-theme-muted)!important;
  --line:var(--ml-theme-line)!important;
  --accent:var(--ml-theme-accent)!important;
  --accent-2:var(--ml-theme-accent-strong)!important;
  --soft:var(--ml-theme-accent-soft)!important;
  --ok:var(--ml-theme-ok)!important;
  --warn:var(--ml-theme-warn)!important;
  --danger:var(--ml-theme-danger)!important;
  --shadow:none!important;
  --shadow-sm:none!important;
  --radius:var(--ml-theme-radius-card)!important;
  --radius-sm:var(--ml-theme-radius)!important;
  --focus:0 0 0 3px rgba(113,183,243,.24)!important;
  --ml-shell-topbar-h:var(--ml-theme-topbar-h)!important;
  --ml-shell-sidebar-w:var(--ml-theme-sidebar-w)!important;
}
html,
body,
.myeclass-body{
  min-width:0!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
  background:var(--ml-theme-bg)!important;
  color:var(--ml-theme-ink)!important;
}
body{
  background-image:none!important;
  font-size:14px!important;
  line-height:1.45!important;
}
a{color:var(--ml-theme-accent)!important;text-decoration:none!important;}
a:hover{text-decoration:underline!important;}
/* One shell geometry everywhere */
.myeclass-app-shell,
html[data-theme="dark"] .myeclass-app-shell{
  min-height:100vh!important;
  width:100%!important;
  max-width:100vw!important;
  margin:0!important;
  background:var(--ml-theme-bg)!important;
  color:var(--ml-theme-ink)!important;
}
.myeclass-app-shell.myeclass-shell-no-sidebar-v2-9-398,
.myeclass-app-shell.myeclass-shell-guest,
body.myeclass-portfolio-body-v2-9-398 .myeclass-app-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:var(--ml-theme-topbar-h) 1fr!important;
}
.myeclass-app-shell.myeclass-shell-with-sidebar,
body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375{
  display:grid!important;
  grid-template-columns:var(--ml-theme-sidebar-w) minmax(0,1fr)!important;
  grid-template-rows:var(--ml-theme-topbar-h) 1fr!important;
  align-items:start!important;
}
/* Header */
.top.myeclass-topbar,
.myeclass-topbar,
body.myeclass-portfolio-body-v2-9-398 .myeclass-topbar,
body.myeclass-course-context-body-v2-9-375 .myeclass-topbar{
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:100%!important;
  max-width:100vw!important;
  height:var(--ml-theme-topbar-h)!important;
  min-height:var(--ml-theme-topbar-h)!important;
  max-height:var(--ml-theme-topbar-h)!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  position:sticky!important;
  top:0!important;
  z-index:1400!important;
  background:var(--ml-theme-top)!important;
  border-bottom:1px solid #24394c!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.myeclass-topbar-left{display:flex!important;align-items:center!important;gap:28px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;}
.myeclass-brand{height:var(--ml-theme-topbar-h)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;padding:0!important;}
.myeclass-brand .brand-logo-shell{width:78px!important;height:50px!important;max-width:78px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;}
.myeclass-brand .brand-logo{max-width:78px!important;max-height:50px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
.brand-logo-light{display:none!important;}.brand-logo-dark{display:block!important;}
.myeclass-global-topnav-v2-9-375{display:flex!important;align-items:center!important;gap:26px!important;overflow:hidden!important;min-width:0!important;}
.myeclass-global-topnav-v2-9-375 a{
  height:var(--ml-theme-topbar-h)!important;
  min-height:var(--ml-theme-topbar-h)!important;
  display:inline-flex!important;align-items:center!important;
  padding:0!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#f5f8fc!important;
  font-size:15px!important;font-weight:850!important;white-space:nowrap!important;text-decoration:none!important;
}
.myeclass-global-topnav-v2-9-375 a:hover,
.myeclass-global-topnav-v2-9-375 a.is-active{color:var(--ml-theme-accent)!important;border-bottom-color:var(--ml-theme-accent-strong)!important;text-decoration:none!important;}
.myeclass-account-dropdown-v2-9-398>summary,
.myeclass-mobile-menu-toggle-v2-9-428{
  min-height:34px!important;height:34px!important;padding:5px 10px!important;
  border:1px solid #344b61!important;border-radius:var(--ml-theme-radius)!important;
  background:#05070a!important;color:#fff!important;box-shadow:none!important;
  font-size:14px!important;font-weight:800!important;
}
/* Sidebar */
.myeclass-sidebar.myeclass-course-sidebar-v2-9-375,
body.myeclass-course-context-body-v2-9-375 .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{
  grid-column:1!important;grid-row:2!important;
  width:var(--ml-theme-sidebar-w)!important;min-width:var(--ml-theme-sidebar-w)!important;
  height:calc(100vh - var(--ml-theme-topbar-h))!important;
  top:var(--ml-theme-topbar-h)!important;position:sticky!important;
  padding:18px 10px 24px!important;margin:0!important;overflow:auto!important;
  background:var(--ml-theme-sidebar)!important;color:var(--ml-theme-ink)!important;
  border-right:1px solid var(--ml-theme-line)!important;box-shadow:none!important;
}
.myeclass-course-role-pill-v2-9-375{background:#edf5fc!important;color:#172635!important;border-color:#cfe3f5!important;border-radius:999px!important;}
.myeclass-course-sidebar-title-v2-9-375{padding:10px 4px 12px!important;border-bottom:1px solid var(--ml-theme-line)!important;color:var(--ml-theme-ink)!important;}
.myeclass-course-sidebar-title-v2-9-375 span{color:#9ec7e9!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.myeclass-course-sidebar-title-v2-9-375 b{color:#fff!important;font-size:15px!important;}
.myeclass-course-sidebar-title-v2-9-375 small{color:var(--ml-theme-muted)!important;}
.myeclass-course-sidebar-nav-v2-9-376 h2{color:#dcecf8!important;border-bottom:1px solid var(--ml-theme-line-2)!important;margin:8px 0!important;padding:0 4px 8px!important;font-size:13px!important;}
.myeclass-course-sidebar-link-v2-9-376{min-height:44px!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid #2b4358!important;border-radius:0!important;background:transparent!important;color:#f5f8fc!important;box-shadow:none!important;font-weight:800!important;}
.myeclass-course-sidebar-link-v2-9-376:hover{background:#203443!important;text-decoration:none!important;}
.myeclass-course-sidebar-link-v2-9-376.is-active{background:#70afe9!important;color:#062137!important;border-bottom-color:#70afe9!important;}
/* Main content: identical rhythm for course and portfolio pages */
.container.myeclass-main,
body.myeclass-portfolio-body-v2-9-398 .container.myeclass-main,
body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{
  grid-row:2!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:22px 24px 34px!important;
  background:var(--ml-theme-bg)!important;
  color:var(--ml-theme-ink)!important;
  overflow-x:hidden!important;
}
body.myeclass-course-context-body-v2-9-375 .container.myeclass-main{grid-column:2!important;}
body.myeclass-portfolio-body-v2-9-398 .container.myeclass-main,
.myeclass-shell-no-sidebar-v2-9-398 .container.myeclass-main,
.myeclass-shell-guest .container.myeclass-main{grid-column:1!important;max-width:1280px!important;margin:0 auto!important;}
.container.myeclass-main>*{max-width:100%!important;}
.myeclass-route-strip-v2-9-434,.myeclass-breadcrumbs{margin:0 0 12px!important;}
.myeclass-breadcrumbs,.myeclass-route-strip-v2-9-434{background:transparent!important;color:var(--ml-theme-muted)!important;}
.myeclass-breadcrumbs ol,.myeclass-route-strip-v2-9-434{border-radius:0!important;border:0!important;box-shadow:none!important;}
.myeclass-breadcrumbs a{color:#9fd1ff!important;}
/* Cards, panels, sections */
.card,.tile,.mini-card,.panel,
.myeclass-openeclass-flat-page-v2-9-399,
.myeclass-course-landing-minimal-v2-9-398,
.myeclass-workspace-hero,
.myeclass-eclass-tool-intro-v2-9-365,
.myeclass-bank-filter-v2-9-411,
.myeclass-bank-results-v2-9-411{
  background:var(--ml-theme-card)!important;
  border:1px solid var(--ml-theme-line)!important;
  border-radius:var(--ml-theme-radius-card)!important;
  box-shadow:none!important;
  color:var(--ml-theme-ink)!important;
}
.card,.mini-card,.panel{padding:16px!important;margin:14px 0!important;}
.card h1,.card h2,.card h3,.mini-card h1,.mini-card h2,.mini-card h3{color:#fff!important;}
h1,h2,h3{color:#fff!important;letter-spacing:-.02em!important;}
h1{font-size:28px!important;line-height:1.12!important;} h2{font-size:22px!important;line-height:1.18!important;} h3{font-size:17px!important;}
.muted,small,.help{color:var(--ml-theme-muted)!important;}
/* Forms */
label{color:#f7fbff!important;font-weight:800!important;margin:10px 0 5px!important;}
input,select,textarea{
  background:var(--ml-theme-field)!important;
  border:1px solid var(--ml-theme-line)!important;
  border-radius:var(--ml-theme-radius)!important;
  color:#fff!important;
  min-height:34px!important;
  padding:7px 9px!important;
  box-shadow:none!important;
}
textarea{line-height:1.45!important;}
input::placeholder,textarea::placeholder{color:#9fb3c5!important;opacity:1!important;}
input:focus,select:focus,textarea:focus,button:focus-visible,.button:focus-visible,summary:focus-visible{outline:none!important;box-shadow:var(--focus)!important;border-color:var(--ml-theme-accent)!important;}
fieldset{border:1px solid var(--ml-theme-line)!important;border-radius:var(--ml-theme-radius-card)!important;background:rgba(13,24,36,.24)!important;}
legend{color:#fff!important;font-weight:900!important;}
/* Buttons */
button,.button,input[type="submit"]{
  min-height:34px!important;
  padding:7px 12px!important;
  border:1px solid var(--ml-theme-line)!important;
  border-radius:var(--ml-theme-radius)!important;
  background:#0d1824!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:850!important;
  text-decoration:none!important;
}
button:hover,.button:hover,input[type="submit"]:hover{background:#172b3d!important;border-color:var(--ml-theme-accent)!important;text-decoration:none!important;}
button.primary,.button.primary,input[type="submit"].primary,.primary{background:var(--ml-theme-accent)!important;border-color:var(--ml-theme-accent)!important;color:#061724!important;}
button.primary:hover,.button.primary:hover,input[type="submit"].primary:hover{background:#9bd1ff!important;border-color:#9bd1ff!important;}
button.danger,.button.danger{border-color:var(--ml-theme-danger)!important;color:#ffd8df!important;background:#321722!important;}
/* Tables */
.myeclass-table-scroll,.myeclass-table-wrap-v2-9-362,.ml-table-responsive-v2-9-429{
  width:100%!important;max-width:100%!important;overflow:auto!important;
  border:1px solid var(--ml-theme-line)!important;border-radius:var(--ml-theme-radius-card)!important;background:var(--ml-theme-card-2)!important;
}
table{width:100%!important;border-collapse:collapse!important;color:var(--ml-theme-ink)!important;background:transparent!important;}
th{background:#274660!important;color:#fff!important;border-bottom:1px solid var(--ml-theme-line)!important;font-size:12px!important;font-weight:900!important;}
td{background:transparent!important;color:var(--ml-theme-ink)!important;border-bottom:1px solid #2f4b61!important;}
tr:nth-child(even) td{background:rgba(113,183,243,.035)!important;}
tr:hover td{background:rgba(113,183,243,.075)!important;}
th,td{padding:8px 10px!important;vertical-align:top!important;}
/* Badges/pills: one visual vocabulary */
.badge,.pill,.status-pill,
.myeclass-assignment-status-chip-v2-9-364,
.myeclass-system-bank-badge-v2-9-462,
.myeclass-role-common-v2-9-462,
.myeclass-role-ai-v2-9-462{
  display:inline-flex!important;align-items:center!important;gap:4px!important;
  min-height:20px!important;padding:3px 8px!important;border-radius:999px!important;
  border:1px solid #5f7f97!important;background:#142536!important;color:#eaf6ff!important;
  font-size:11px!important;line-height:1.15!important;font-weight:900!important;white-space:nowrap!important;
}
.myeclass-system-bank-badge-v2-9-462{background:#16283a!important;color:#d8efff!important;border-color:#5f9dca!important;}
.myeclass-role-common-v2-9-462{background:#153425!important;color:#c8ffdf!important;border-color:#3ddc97!important;}
.myeclass-role-ai-v2-9-462{background:#3a2d12!important;color:#ffe8a6!important;border-color:#ffc857!important;}
/* Details / disclosure */
details>summary{cursor:pointer!important;color:#f7fbff!important;font-weight:850!important;}
details.card>summary,details.mini-card>summary{padding:2px 0!important;}
details[open]>summary{margin-bottom:10px!important;}
/* Bank page refinements inside the global theme */
.myeclass-bank-create-personal-v2-9-465{margin:0 0 12px!important;padding:0!important;border-style:solid!important;background:#172b3d!important;}
.myeclass-bank-create-personal-v2-9-465>summary{padding:10px 14px!important;background:#172b3d!important;border:0!important;color:#fff!important;}
.myeclass-bank-template-coherent-v2-9-465 .rowform{gap:10px!important;}
.myeclass-bank-quickfilters-v2-9-462{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid var(--ml-theme-line)!important;}
.myeclass-bank-quickfilters-v2-9-462 .button.is-active,
.myeclass-bank-quickfilters-v2-9-462 .button[aria-current="true"]{background:var(--ml-theme-accent)!important;border-color:var(--ml-theme-accent)!important;color:#061724!important;}
.myeclass-bank-results-coherent-v2-9-465{padding:14px!important;}
.myeclass-bank-action-panel-v2-9-465{background:#172b3d!important;border-color:var(--ml-theme-line)!important;padding:0!important;}
.myeclass-bank-action-panel-v2-9-465>summary{padding:10px 12px!important;background:#172b3d!important;border:0!important;}
.myeclass-bank-table-coherent-v2-9-465{min-width:980px!important;table-layout:fixed!important;}
.myeclass-bank-table-coherent-v2-9-465 th:nth-child(1){width:58px!important;}
.myeclass-bank-table-coherent-v2-9-465 th:nth-child(2){width:210px!important;}
.myeclass-bank-table-coherent-v2-9-465 th:nth-child(3){width:260px!important;}
.myeclass-bank-table-coherent-v2-9-465 th:nth-child(5){width:170px!important;}
.myeclass-bank-code-cell-v2-9-464 b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
.myeclass-bank-code-cell-v2-9-464 .muted{display:block!important;margin-top:3px!important;}
.myeclass-bank-statement-cell-v2-9-411 .math-content{background:#122232!important;border:1px solid #31516a!important;border-radius:var(--ml-theme-radius-card)!important;padding:8px 10px!important;}
.myeclass-bank-use-details-v2-9-464>summary{background:#122232!important;border:1px solid var(--ml-theme-line)!important;border-radius:var(--ml-theme-radius)!important;color:#dff2ff!important;}
.myeclass-bank-row-actions-v2-9-464{color:var(--ml-theme-muted)!important;}
/* Flash messages */
.flash{border-radius:var(--ml-theme-radius-card)!important;border:1px solid var(--ml-theme-line)!important;background:#172b3d!important;color:#fff!important;}
.flash.ok{border-color:rgba(61,220,151,.55)!important;background:#123526!important;color:#c8ffdf!important;}
.flash.error{border-color:rgba(255,143,163,.55)!important;background:#351925!important;color:#ffd8df!important;}
.flash.info{border-color:rgba(113,183,243,.55)!important;background:#122c45!important;color:#d8efff!important;}
/* Mobile: one contained flow, no desktop gutters */
@media(max-width:980px){
  .myeclass-app-shell,
  .myeclass-app-shell.myeclass-shell-with-sidebar,
  body.myeclass-course-context-body-v2-9-375 .myeclass-app-shell.myeclass-course-context-shell-v2-9-375,
  body.myeclass-portfolio-body-v2-9-398 .myeclass-app-shell{display:block!important;width:100%!important;max-width:100vw!important;}
  .top.myeclass-topbar,.myeclass-topbar{height:56px!important;min-height:56px!important;max-height:56px!important;padding:0 10px!important;}
  .myeclass-global-topnav-v2-9-375{display:none!important;}
  .myeclass-sidebar.myeclass-course-sidebar-v2-9-375{display:none!important;}
  .container.myeclass-main,
  body.myeclass-course-context-body-v2-9-375 .container.myeclass-main,
  body.myeclass-portfolio-body-v2-9-398 .container.myeclass-main{width:100%!important;max-width:100%!important;margin:0!important;padding:12px!important;overflow-x:hidden!important;}
  .card,.mini-card,.panel{padding:12px!important;margin:10px 0!important;}
  .rowform{grid-template-columns:1fr!important;}
  .myeclass-table-scroll,.myeclass-table-wrap-v2-9-362,.ml-table-responsive-v2-9-429{overflow-x:auto!important;}
}
@media(max-width:560px){
  h1{font-size:24px!important;} h2{font-size:20px!important;}
  .myeclass-brand .brand-logo-shell{width:62px!important;max-width:62px!important;}
  .myeclass-brand .brand-logo{max-width:62px!important;}
  button,.button,input[type="submit"]{width:auto!important;max-width:100%!important;}
}

/* v2.9.467: explicit AI model choice and duplicate-current submission hints */
.myeclass-bank-ai-model-choice-v2-9-467,
.myeclass-ai-model-choice-v2-9-467 .model-routing-control,
.myeclass-ai-run-form-v2-9-401 .model-routing-control{
  margin-top:10px!important;padding:10px!important;border:1px solid var(--ml-theme-line)!important;
  border-radius:var(--ml-theme-radius-card)!important;background:#122232!important;
}
.myeclass-bank-ai-model-choice-v2-9-467 h4{margin:0 0 4px!important;font-size:14px!important;}
.model-routing-control select{min-width:220px!important;}
.myeclass-ai-model-choice-v2-9-467 button{margin-top:8px!important;}
.myeclass-openeclass-submission-row-v2-9-439 .muted{line-height:1.35!important;}

/* v2.9.468 research model standard note */
.myeclass-research-ai-standard-note{margin:0 0 .65rem 0;padding:.55rem .7rem;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#f8fafc;color:#334155;font-size:.92rem;}

/* v2.9.472: safe transcript rendering for two-phase AI reading */
.myeclass-safe-transcript-v2-9-472 {
  white-space: pre-wrap;
  overflow-x: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  line-height: 1.55;
  padding: 1rem;
  border: 1px solid var(--border, rgba(148, 163, 184, .35));
  border-radius: .75rem;
  background: rgba(2, 6, 23, .28);
}


/* v2.9.474: teacher-friendly Greek math input + research tag cleanup */
.myeclass-friendly-math-preview-v2-9-474 summary,
.myeclass-research-tags-details-v2-9-474 summary{
  cursor:pointer;
}
.myeclass-tag-group-v2-9-474{
  margin:.75rem 0;
  padding:.65rem .75rem;
  border:1px solid var(--line, rgba(148,163,184,.35));
  border-radius:12px;
  background:rgba(15,23,42,.16);
}
.myeclass-tag-group-v2-9-474 > b{
  display:block;
  margin-bottom:.45rem;
  color:var(--text, #e5edf7);
}
.myeclass-research-tags-details-v2-9-474{
  opacity:.92;
}
.myeclass-research-tags-details-v2-9-474[open]{
  opacity:1;
}
.myeclass-friendly-math-preview-v2-9-474 .myeclass-safe-transcript-v2-9-472{
  margin-top:.55rem;
}

/* v2.9.487 shared-hosting AI queue monitor */
.myeclass-ai-queue-dropdown-v2-9-487{position:relative;display:inline-block;margin-right:.35rem}
.myeclass-ai-queue-dropdown-v2-9-487>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .65rem;border-radius:999px;border:1px solid var(--myeclass-border,rgba(255,255,255,.14));background:rgba(255,255,255,.06);color:inherit;font-weight:700}
.myeclass-ai-queue-dropdown-v2-9-487>summary::-webkit-details-marker{display:none}
.myeclass-ai-queue-dropdown-v2-9-487[open]>summary{background:rgba(74,155,212,.16);border-color:rgba(74,155,212,.35)}
.myeclass-ai-queue-badge-v2-9-487{min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#c62828;color:#fff;font-size:.78rem;line-height:1;font-weight:900}
.myeclass-ai-queue-menu-v2-9-487{position:absolute;right:0;top:calc(100% + .55rem);z-index:1500;width:min(430px,calc(100vw - 24px));padding:.8rem;border-radius:16px;border:1px solid var(--myeclass-border,rgba(255,255,255,.14));background:var(--myeclass-card,#fff);box-shadow:0 24px 70px rgba(0,0,0,.30);color:var(--myeclass-text,#111)}
.myeclass-ai-queue-menu-v2-9-487 .muted,.myeclass-ai-queue-item-v2-9-487>small{color:#536579!important}.myeclass-ai-queue-summary-v2-9-487{color:#536579!important}.myeclass-ai-queue-summary-v2-9-487 span{background:rgba(21,101,192,.08);color:#536579}.myeclass-ai-queue-item-v2-9-487>b{color:#1565c0}.myeclass-ai-queue-item-v2-9-487.is-pending>span{color:#7c4d00}.myeclass-ai-queue-item-v2-9-487.is-running>span{color:#0d47a1}.myeclass-ai-queue-item-v2-9-487.is-completed>span{color:#1b5e20}.myeclass-ai-queue-item-v2-9-487.is-failed>span,.myeclass-ai-queue-error-v2-9-487{color:#b71c1c!important}
.myeclass-ai-queue-menu-head-v2-9-487{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}
.myeclass-ai-queue-menu-head-v2-9-487 b{font-size:1rem}
.myeclass-ai-queue-menu-head-v2-9-487 .small{padding:.35rem .65rem;font-size:.85rem}
.myeclass-ai-queue-summary-v2-9-487{display:flex;flex-wrap:wrap;gap:.4rem;margin:.35rem 0 .65rem;color:var(--muted,#64748b);font-size:.85rem}
.myeclass-ai-queue-summary-v2-9-487 span{padding:.25rem .5rem;border-radius:999px;background:rgba(125,125,125,.10)}
.myeclass-ai-queue-list-v2-9-487{display:flex;flex-direction:column;gap:.45rem;max-height:320px;overflow:auto;margin-bottom:.6rem}
.myeclass-ai-queue-item-v2-9-487{display:grid;grid-template-columns:1fr auto;gap:.1rem .55rem;padding:.55rem .65rem;border-radius:12px;border:1px solid var(--myeclass-border,rgba(0,0,0,.12));background:rgba(125,125,125,.06);color:inherit;text-decoration:none}
.myeclass-ai-queue-item-v2-9-487:hover{background:rgba(74,155,212,.10);text-decoration:none}
.myeclass-ai-queue-item-v2-9-487>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.myeclass-ai-queue-item-v2-9-487>span{font-weight:800;font-size:.82rem}
.myeclass-ai-queue-item-v2-9-487>small{grid-column:1 / -1;color:var(--muted,#64748b);font-size:.78rem}
.myeclass-ai-queue-item-v2-9-487.is-running>span{color:#1565c0}
.myeclass-ai-queue-item-v2-9-487.is-pending>span{color:#7c5a00}
.myeclass-ai-queue-item-v2-9-487.is-failed>span,.myeclass-ai-queue-error-v2-9-487{color:#c62828}
@media (max-width:700px){.myeclass-ai-queue-menu-v2-9-487{right:-4.25rem;width:calc(100vw - 16px)}}
/* v2.9.489: AI queue stabilization UI */
.myeclass-ai-queue-item-v2-9-487.is-due{border-color:rgba(21,101,192,.32);background:rgba(21,101,192,.06)}
.myeclass-ai-queue-item-v2-9-487.is-pending:not(.is-due)>span{color:#8a6d00}
.myeclass-ai-queue-error-v2-9-487{white-space:normal;line-height:1.35;opacity:.95}

/* v2.9.500: AI queue remove action and readable child-step chips */
.myeclass-ai-queue-steps-v2-9-499{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.25rem .3rem;margin-top:.2rem;line-height:1.35}
.myeclass-ai-queue-step-v2-9-499{display:inline-flex;align-items:center;max-width:100%;padding:.14rem .38rem;border-radius:999px;background:rgba(21,101,192,.08);color:#36506c;font-size:.72rem;font-weight:700;white-space:normal}
.myeclass-ai-queue-step-v2-9-499.is-completed{background:rgba(27,94,32,.10);color:#1b5e20}
.myeclass-ai-queue-step-v2-9-499.is-running{background:rgba(21,101,192,.13);color:#0d47a1}
.myeclass-ai-queue-step-v2-9-499.is-retry_wait,.myeclass-ai-queue-step-v2-9-499.is-pending{background:rgba(124,77,0,.10);color:#7c4d00}
.myeclass-ai-queue-step-v2-9-499.is-failed{background:rgba(183,28,28,.10);color:#b71c1c}
.myeclass-ai-queue-actions-v2-9-500{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.35rem;margin-top:.25rem}
.myeclass-ai-queue-actions-v2-9-500 .small{padding:.25rem .5rem;font-size:.76rem}

/* MyEClass v2.9.504 — product-quality UI polish for non-technical teachers/students. */
.myeclass-product-page-head-v2-9-504{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.myeclass-product-page-head-v2-9-504 h2{margin:.1rem 0 .25rem;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.15}
.myeclass-product-page-head-v2-9-504 .muted{max-width:780px;font-size:.98rem;line-height:1.55}
.myeclass-product-assignment-cards-v2-9-504{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.myeclass-product-assignment-card-v2-9-504{display:flex;flex-direction:column;gap:.75rem;border-radius:18px;border:1px solid rgba(74,155,212,.18);box-shadow:0 14px 36px rgba(15,23,42,.07)}
.myeclass-product-assignment-card-v2-9-504 h2{font-size:1.16rem;margin:0 0 .2rem;line-height:1.25}
.myeclass-product-card-main-v2-9-504{margin:0;font-weight:750;line-height:1.4;color:var(--myeclass-text,#172033)}
.myeclass-product-card-actions-v2-9-504{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:auto}
.myeclass-product-card-actions-v2-9-504 small{line-height:1.35;max-width:28rem}
.myeclass-product-submit-block-v2-9-504{border-radius:18px;border:1px solid rgba(74,155,212,.18);background:linear-gradient(180deg,rgba(74,155,212,.07),rgba(255,255,255,.02));padding:1rem}
.myeclass-product-submit-block-v2-9-504 h3{font-size:1.18rem;margin-top:0}
.myeclass-product-submit-block-v2-9-504 .myeclass-submit-choice-v2-9-437{border-radius:16px;min-height:4.8rem;justify-content:flex-start;text-align:left;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.myeclass-product-submit-block-v2-9-504 .myeclass-submit-choice-v2-9-437 b{font-size:1rem}
.myeclass-product-submit-block-v2-9-504 .myeclass-upload-method-v2-9-420>summary{border-radius:16px;padding:.9rem 1rem;font-weight:850;background:rgba(74,155,212,.08);border:1px solid rgba(74,155,212,.18)}
.myeclass-product-teacher-filters-v2-9-504,.myeclass-product-teacher-queue-v2-9-504{border-radius:20px;box-shadow:0 14px 38px rgba(15,23,42,.06)}
.myeclass-product-teacher-queue-v2-9-504 table{font-size:.94rem}
.myeclass-product-teacher-queue-v2-9-504 th{white-space:nowrap}
.myeclass-product-teacher-queue-v2-9-504 td{vertical-align:top}
.myeclass-product-teacher-queue-v2-9-504 td:last-child a{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.45rem .75rem;border-radius:999px;background:rgba(21,101,192,.10);font-weight:850;text-decoration:none}
.myeclass-product-teacher-queue-v2-9-504 td:last-child a:hover{background:rgba(21,101,192,.16);text-decoration:none}
.myeclass-ai-queue-product-v2-9-504>summary{gap:.45rem}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-menu-v2-9-487{width:min(560px,calc(100vw - 24px));padding:1rem;border-radius:20px}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-menu-head-v2-9-487{align-items:flex-start;border-bottom:1px solid rgba(148,163,184,.20);padding-bottom:.7rem}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-menu-head-v2-9-487 small{display:block;margin-top:.15rem;color:#64748b;font-size:.78rem;line-height:1.35}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-summary-v2-9-487 span{font-size:.8rem;background:rgba(21,101,192,.07);border:1px solid rgba(21,101,192,.08)}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-list-v2-9-487{max-height:430px;gap:.6rem}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-item-v2-9-487{grid-template-columns:1fr auto;border-radius:16px;padding:.75rem;background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(241,245,249,.88));border-color:rgba(148,163,184,.24)}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-item-v2-9-487>b{font-size:.95rem;white-space:normal;line-height:1.25;color:#0f172a}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-item-v2-9-487>span{padding:.24rem .5rem;border-radius:999px;background:rgba(100,116,139,.10);white-space:nowrap}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-item-v2-9-487.is-running>span{background:rgba(21,101,192,.12)}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-item-v2-9-487.is-failed>span{background:rgba(183,28,28,.10)}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-actions-v2-9-500{justify-content:flex-start;flex-wrap:wrap;gap:.45rem;margin-top:.5rem}
.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-actions-v2-9-500 .small{font-size:.78rem;border-radius:999px;padding:.34rem .65rem}
.myeclass-ai-queue-product-v2-9-504 .ml-ai-queue-priority-v2-9-504{background:#1565c0;color:#fff;border-color:#1565c0}
.myeclass-ai-queue-help-v2-9-504{font-size:.82rem;line-height:1.45;margin:.4rem 0 0}
@media (max-width:700px){.myeclass-product-page-head-v2-9-504{display:block}.myeclass-ai-queue-product-v2-9-504 .myeclass-ai-queue-menu-v2-9-487{right:-5.8rem;width:calc(100vw - 16px)}.myeclass-product-card-actions-v2-9-504{align-items:stretch}.myeclass-product-card-actions-v2-9-504 .button{width:100%}}

/* MyEClass v2.9.505 — final assignment submission workflow. */
.myeclass-final-submit-panel-v2-9-505{border-left:5px solid var(--accent,#1565c0);background:linear-gradient(180deg,rgba(21,101,192,.055),rgba(255,255,255,.98));}
.myeclass-final-submit-head-v2-9-505{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;}
.myeclass-final-submit-head-v2-9-505 h2{margin:.1rem 0 .35rem;line-height:1.2;}
.myeclass-final-submit-form-v2-9-505{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1rem;}
.myeclass-final-submit-form-v2-9-505 small{display:block;flex:1 1 240px;line-height:1.35;}
.myeclass-final-submit-status-v2-9-505{white-space:nowrap;}
.myeclass-final-submit-note-v2-9-505{background:rgba(20,132,124,.08);border:1px solid rgba(20,132,124,.18);border-radius:14px;padding:.75rem;margin-top:.9rem;line-height:1.45;}
.myeclass-final-submit-privacy-v2-9-505{font-size:.88rem;margin-bottom:0;}
@media(max-width:700px){.myeclass-final-submit-head-v2-9-505{display:block}.myeclass-final-submit-status-v2-9-505{margin-top:.6rem}.myeclass-final-submit-form-v2-9-505 .primary{width:100%;}}

/* v2.9.507 product cleanup: assignments page */
.myeclass-product-reset-panel-v2-9-507{border-color:rgba(245,158,11,.45);background:linear-gradient(180deg,rgba(245,158,11,.10),rgba(255,255,255,.025));}
.myeclass-product-reset-head-v2-9-507{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;}
.myeclass-product-reset-grid-v2-9-507{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;align-items:start;}
.myeclass-product-reset-summary-v2-9-507{padding:14px;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:rgba(15,23,42,.22);}
.myeclass-product-cleanup-form-v2-9-507{display:grid;gap:12px;padding:14px;border:1px solid rgba(239,68,68,.35);border-radius:14px;background:rgba(127,29,29,.14);}
.myeclass-product-cleanup-form-v2-9-507 input[name="confirm_phrase"]{font-weight:800;letter-spacing:.04em;}
.myeclass-assignments-product-page-v2-9-507 .myeclass-eclass-page-title-v2-9-394{align-items:flex-start;}
.myeclass-product-table-toolbar-v2-9-507{margin-top:16px;}
.myeclass-product-assignments-table-v2-9-507 th{white-space:nowrap;}
.myeclass-assignment-row-actions-v2-9-507{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.myeclass-product-table-note-v2-9-507{margin:12px 0 0;}
.myeclass-empty-state-v2-9-507{display:grid;gap:6px;margin-top:16px;padding:18px;border:1px dashed rgba(148,163,184,.45);border-radius:16px;background:rgba(148,163,184,.08);}
.myeclass-empty-state-v2-9-507 b{font-size:1.05rem;}
@media (max-width:900px){.myeclass-product-reset-grid-v2-9-507{grid-template-columns:1fr}.myeclass-product-reset-head-v2-9-507{display:grid}.myeclass-assignment-row-actions-v2-9-507 .button{width:100%;justify-content:center}}
/* v2.9.512: expandable AI step list in the teacher correction assistant */
.myeclass-ai-queue-all-steps-v2-9-512{grid-column:1 / -1;margin-top:.25rem}
.myeclass-ai-queue-all-steps-v2-9-512>summary{cursor:pointer;font-size:.78rem;font-weight:800;color:#294b68;list-style:none;display:inline-flex;align-items:center;gap:.35rem;padding:.12rem .45rem;border:1px solid rgba(41,75,104,.18);border-radius:999px;background:rgba(21,101,192,.06)}
.myeclass-ai-queue-all-steps-v2-9-512>summary::-webkit-details-marker{display:none}
.myeclass-ai-queue-all-steps-v2-9-512[open]>summary{margin-bottom:.25rem}

/* v2.9.513: make full step history clearly expandable and warn on non-blocking pedagogical outcomes. */
.myeclass-ai-queue-step-v2-9-499.is-warning-v2-9-513{background:rgba(245,124,0,.14);color:#7c3f00;border:1px solid rgba(245,124,0,.24)}
.myeclass-ai-queue-all-steps-v2-9-512{display:block!important;opacity:1!important;pointer-events:auto!important}
.myeclass-ai-queue-all-steps-v2-9-512>summary{user-select:none;color:#173c5a!important;background:rgba(21,101,192,.10)!important;border-color:rgba(21,101,192,.25)!important}
.myeclass-ai-queue-all-steps-v2-9-512>summary:focus-visible{outline:2px solid rgba(21,101,192,.55);outline-offset:2px}

/* v2.9.515 — Professional Correction Workspace */
.myeclass-professional-correction-workspace-v2-9-515{max-width:1420px;margin:0 auto 2rem;display:block}
.myeclass-correction-page-title-v2-9-515{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:14px;background:linear-gradient(135deg,rgba(30,64,95,.96),rgba(20,48,70,.94));border-color:rgba(125,181,230,.35)}
.myeclass-correction-exercise-tabs-v2-9-515{display:flex;gap:.55rem;overflow-x:auto;padding:.45rem;margin:0 0 14px;border:1px solid rgba(125,181,230,.24);border-radius:18px;background:rgba(9,20,31,.54);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}
.myeclass-correction-exercise-tab-v2-9-515{min-width:138px;display:grid;gap:.15rem;padding:.65rem .8rem;border:1px solid rgba(125,181,230,.20);border-radius:14px;background:rgba(24,54,76,.72);color:var(--text,#eaf4ff);text-decoration:none;box-shadow:0 1px 0 rgba(255,255,255,.04) inset;transition:transform .12s ease,border-color .12s ease,background .12s ease}
.myeclass-correction-exercise-tab-v2-9-515:hover{transform:translateY(-1px);border-color:rgba(125,181,230,.55);background:rgba(35,76,106,.84)}
.myeclass-correction-exercise-tab-v2-9-515 b{font-size:.92rem;letter-spacing:.01em}.myeclass-correction-exercise-tab-v2-9-515 small{font-size:.76rem;color:rgba(226,241,255,.76);line-height:1.25}.myeclass-correction-exercise-tab-v2-9-515.is-current{border-color:rgba(103,187,255,.86);background:linear-gradient(135deg,rgba(35,96,137,.92),rgba(21,72,108,.88));box-shadow:0 0 0 1px rgba(103,187,255,.22),0 8px 30px rgba(0,0,0,.16)}
.myeclass-correction-exercise-tab-v2-9-515.is-disabled{opacity:.55;cursor:not-allowed}.myeclass-correction-exercise-tab-v2-9-515.is-summary{margin-left:auto;min-width:110px;background:rgba(18,72,58,.68);border-color:rgba(65,191,139,.26)}
.myeclass-current-exercise-banner-v2-9-515{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:0 0 16px;padding:14px 16px;border:1px solid rgba(125,181,230,.25);border-radius:18px;background:linear-gradient(135deg,rgba(26,58,82,.96),rgba(18,42,62,.92));box-shadow:0 10px 34px rgba(0,0,0,.14)}
.myeclass-current-exercise-banner-v2-9-515>div{display:grid;gap:.2rem}.myeclass-current-exercise-banner-v2-9-515 b{font-size:1.04rem}.myeclass-current-exercise-banner-v2-9-515 span{color:rgba(226,241,255,.78)}.myeclass-current-exercise-banner-v2-9-515 strong{font-size:1.15rem;text-align:right}.myeclass-current-exercise-banner-v2-9-515.is-ok{border-color:rgba(65,191,139,.44)}.myeclass-current-exercise-banner-v2-9-515.is-warn,.myeclass-current-exercise-banner-v2-9-515.is-attention{border-color:rgba(245,158,11,.48)}.myeclass-current-exercise-banner-v2-9-515.is-bad{border-color:rgba(239,68,68,.42)}
.myeclass-correction-workspace-grid-v2-9-515{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:16px;align-items:start}.myeclass-correction-side-panel-v2-9-515{display:grid;gap:14px;position:sticky;top:76px;max-height:calc(100vh - 92px);overflow:auto;padding-right:4px}.myeclass-correction-side-panel-v2-9-515>.card,.myeclass-correction-side-panel-v2-9-515>.myeclass-workspace-panel-v2-9-515{margin:0}
.myeclass-solution-viewer-v2-9-515{min-height:70vh;margin:0;overflow:hidden}.myeclass-workspace-card-head-v2-9-515{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:12px}.myeclass-statement-details-v2-9-515{margin:10px 0 14px;padding:.75rem;border:1px solid rgba(125,181,230,.20);border-radius:14px;background:rgba(7,17,27,.20)}.myeclass-statement-details-v2-9-515 summary{cursor:pointer;font-weight:800}.myeclass-page-chip-row-v2-9-515{position:sticky;top:58px;z-index:8;display:flex;gap:.4rem;flex-wrap:wrap;margin:8px 0 12px;padding:.5rem;border:1px solid rgba(125,181,230,.18);border-radius:14px;background:rgba(8,18,28,.76);backdrop-filter:blur(8px)}.myeclass-page-chip-v2-9-515{padding:.34rem .55rem;border:1px solid rgba(125,181,230,.25);border-radius:999px;text-decoration:none;font-weight:800;font-size:.82rem;background:rgba(35,76,106,.72)}
.myeclass-submission-pages-v2-9-515{display:grid;gap:14px}.myeclass-submission-page-v2-9-515{margin:0;padding:0;border:1px solid rgba(125,181,230,.28);border-radius:16px;overflow:hidden;background:rgba(6,16,25,.24)}.myeclass-submission-page-v2-9-515 figcaption{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;background:rgba(8,18,28,.65)}.myeclass-submission-page-v2-9-515 figcaption a{font-size:.82rem;font-weight:800}.myeclass-submission-page-v2-9-515 .submission-img{display:block;width:100%;height:auto;max-height:none;border:0;border-radius:0;background:#fff}.myeclass-typed-answer-v2-9-515{white-space:pre-wrap;line-height:1.6;padding:1rem;border:1px solid rgba(125,181,230,.24);border-radius:14px;background:rgba(6,16,25,.42)}
.myeclass-workspace-panel-v2-9-515{padding:15px;border:1px solid rgba(125,181,230,.26);border-radius:18px;background:rgba(25,55,76,.84);box-shadow:0 1px 0 rgba(255,255,255,.04) inset}.myeclass-workspace-panel-v2-9-515 h3{margin:.1rem 0 .65rem;font-size:1rem}.myeclass-workspace-panel-title-v2-9-515{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.myeclass-workspace-panel-title-v2-9-515 h2,.myeclass-workspace-panel-title-v2-9-515 h3{margin:0}.myeclass-score-pill-v2-9-515,.myeclass-soft-label-v2-9-515{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(125,181,230,.28);background:rgba(11,28,43,.72);font-weight:850;font-size:.84rem}.myeclass-soft-label-v2-9-515{font-weight:750;color:rgba(226,241,255,.78)}
.myeclass-rubric-list-v2-9-515{display:grid;gap:.55rem}.myeclass-rubric-row-v2-9-515{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:start;padding:.7rem;border:1px solid rgba(125,181,230,.18);border-radius:14px;background:rgba(7,17,27,.26)}.myeclass-rubric-row-v2-9-515 p{margin:.22rem 0 0;color:rgba(226,241,255,.78);font-size:.86rem;line-height:1.38}.myeclass-rubric-row-v2-9-515 small{display:block;margin-top:.25rem;text-align:right;color:rgba(226,241,255,.66)}.myeclass-gap-list-v2-9-515{margin:.2rem 0 0;padding-left:1.15rem;display:grid;gap:.4rem}.myeclass-gap-list-v2-9-515 li{line-height:1.35}.myeclass-action-row-v2-9-515{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin-top:.8rem}.myeclass-action-row-v2-9-515 button{flex:1 1 180px}.myeclass-exercise-regrade-form-v2-9-515 textarea{font-family:inherit;line-height:1.45}.myeclass-workspace-panel-v2-9-515 summary{cursor:pointer}.myeclass-workspace-panel-v2-9-515 summary b{margin-right:.55rem}.myeclass-workspace-panel-v2-9-515 summary span{color:rgba(226,241,255,.68);font-size:.86rem}
.myeclass-correction-summary-v2-9-515{margin-top:16px}.myeclass-summary-strip-v2-9-515{display:flex;gap:.55rem;flex-wrap:wrap;margin:.4rem 0 1rem}.myeclass-summary-strip-v2-9-515 span{padding:.4rem .6rem;border-radius:999px;background:rgba(7,17,27,.30);border:1px solid rgba(125,181,230,.18);font-weight:750}.myeclass-part-summary-grid-v2-9-515{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem}.myeclass-part-summary-grid-v2-9-515>div{display:grid;gap:.2rem;padding:.75rem;border:1px solid rgba(125,181,230,.20);border-radius:14px;background:rgba(7,17,27,.24)}.myeclass-part-summary-grid-v2-9-515 span{font-weight:850}.myeclass-part-summary-grid-v2-9-515 small{color:rgba(226,241,255,.70)}
.myeclass-technical-diagnostics-v2-9-515{margin-top:14px;border-style:dashed}.myeclass-technical-diagnostics-v2-9-515>summary{cursor:pointer;font-weight:850}.myeclass-technical-diagnostics-v2-9-515 .myeclass-ai-helper-card-v2-9-386{margin-top:12px;background:rgba(7,17,27,.20)}.myeclass-correction-side-panel-v2-9-515 .review-action-card textarea{min-height:110px}.myeclass-correction-side-panel-v2-9-515 .review-publication-card{border-color:rgba(65,191,139,.26);background:rgba(16,76,58,.34)}
@media(max-width:1050px){.myeclass-correction-workspace-grid-v2-9-515{grid-template-columns:1fr}.myeclass-correction-side-panel-v2-9-515{position:static;max-height:none;overflow:visible;padding-right:0}.myeclass-page-chip-row-v2-9-515{top:0}.myeclass-correction-exercise-tabs-v2-9-515{top:0}.myeclass-correction-exercise-tab-v2-9-515{min-width:128px}.myeclass-correction-page-title-v2-9-515{display:grid}}
@media(max-width:640px){.myeclass-current-exercise-banner-v2-9-515{display:grid}.myeclass-current-exercise-banner-v2-9-515 strong{text-align:left}.myeclass-rubric-row-v2-9-515{grid-template-columns:1fr}.myeclass-rubric-row-v2-9-515 small{text-align:left}.myeclass-correction-exercise-tab-v2-9-515{min-width:118px}.myeclass-action-row-v2-9-515 button{width:100%}}

/* v2.9.516 — Correction workspace stabilization I: assignment-wide pages and clean exercise tabs */
.myeclass-professional-correction-workspace-v2-9-515{
  width:min(1480px, calc(100vw - 48px));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}
.myeclass-correction-exercise-tabs-v2-9-516{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(172px, 1fr));
  gap:10px;
  align-items:stretch;
  margin:14px 0 16px;
  overflow:visible;
}
.myeclass-correction-exercise-tab-v2-9-516{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px 14px;
  border-radius:16px;
  text-decoration:none;
  line-height:1.25;
  overflow:hidden;
}
.myeclass-correction-exercise-tab-v2-9-516 .myeclass-tab-main-v2-9-516{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  min-width:0;
}
.myeclass-correction-exercise-tab-v2-9-516 b{
  white-space:nowrap;
}
.myeclass-correction-exercise-tab-v2-9-516 em{
  font-style:normal;
  font-size:.72rem;
  font-weight:800;
  border:1px solid rgba(147,197,253,.25);
  border-radius:999px;
  padding:3px 7px;
  white-space:nowrap;
  color:#dbeafe;
  background:rgba(15,23,42,.35);
}
.myeclass-correction-exercise-tab-v2-9-516 small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#b8c7d9;
  font-size:.78rem;
}
.myeclass-correction-exercise-tab-v2-9-516.is-current em{
  background:rgba(14,165,233,.22);
  border-color:rgba(147,197,253,.55);
}
.myeclass-correction-exercise-tab-v2-9-516.is-summary{
  background:rgba(16,185,129,.15);
  border-color:rgba(52,211,153,.38);
}
.myeclass-current-exercise-banner-v2-9-516{
  align-items:center;
  gap:14px;
}
.myeclass-current-exercise-banner-v2-9-516 > div:first-child{
  min-width:0;
}
.myeclass-current-exercise-banner-v2-9-516 > div:first-child span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.myeclass-solution-viewer-v2-9-516 .myeclass-workspace-card-head-v2-9-515 h2{
  margin-bottom:4px;
}
.myeclass-submission-scope-note-v2-9-516{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  margin:12px 0;
  border:1px solid rgba(125,211,252,.28);
  border-radius:14px;
  background:rgba(14,165,233,.08);
  color:#dbeafe;
}
.myeclass-submission-scope-note-v2-9-516 b{
  white-space:nowrap;
}
.myeclass-submission-scope-note-v2-9-516 span{
  color:#c7d2fe;
  line-height:1.35;
}
.myeclass-page-chip-row-v2-9-516{
  position:sticky;
  top:10px;
  z-index:3;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px;
  margin:10px 0 12px;
  border-radius:16px;
  background:rgba(2,8,23,.72);
  backdrop-filter:blur(10px);
}
.myeclass-page-chip-v2-9-516{
  cursor:pointer;
  appearance:none;
  border:1px solid rgba(96,165,250,.35);
  background:rgba(30,64,175,.22);
  color:#dbeafe;
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
}
.myeclass-page-chip-v2-9-516.is-active{
  background:rgba(59,130,246,.55);
  border-color:rgba(147,197,253,.85);
  color:#fff;
}
.myeclass-submission-pages-v2-9-516{
  display:block;
}
.myeclass-submission-page-v2-9-516{
  display:none;
  margin:0;
}
.myeclass-submission-page-v2-9-516.is-active{
  display:block;
}
.myeclass-submission-page-v2-9-516 img.submission-img{
  width:100%;
  max-height:calc(100vh - 260px);
  object-fit:contain;
  background:#020617;
  border-radius:14px;
}
@media (max-width: 980px){
  .myeclass-professional-correction-workspace-v2-9-515{width:min(100%, calc(100vw - 20px));}
  .myeclass-correction-exercise-tabs-v2-9-516{grid-template-columns:1fr 1fr;}
  .myeclass-submission-scope-note-v2-9-516{display:block;}
  .myeclass-submission-scope-note-v2-9-516 b{display:block;margin-bottom:4px;}
}

/* v2.9.517 — Correction workspace stabilization II */
.myeclass-professional-correction-workspace-v2-9-515{
  width:min(1560px, calc(100vw - 32px));
}
.myeclass-correction-exercise-tabs-v2-9-517{
  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
  position:sticky;
  top:0;
  z-index:24;
}
.myeclass-correction-exercise-tab-v2-9-517{
  min-height:72px;
  justify-content:center;
}
.myeclass-correction-exercise-tab-v2-9-517 em{
  max-width:120px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.myeclass-correction-exercise-tab-v2-9-517.is-summary{
  margin-left:0;
}
.myeclass-correction-exercise-tab-v2-9-517.is-summary.is-current{
  background:linear-gradient(135deg,rgba(16,185,129,.33),rgba(5,150,105,.22));
  border-color:rgba(110,231,183,.78);
}
.myeclass-submission-page-v2-9-516[hidden]{
  display:none!important;
}
.myeclass-submission-page-v2-9-516.is-active:not([hidden]){
  display:block!important;
}
.myeclass-submission-pages-v2-9-516{
  min-height:320px;
}
.myeclass-helper-action-panel-v2-9-517 > details > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  font-weight:850;
}
.myeclass-helper-action-panel-v2-9-517 > details:not([open]){
  margin:0;
}
.myeclass-helper-action-panel-v2-9-517 .myeclass-ai-inner-details-v2-9-441{
  margin:.5rem 0;
  padding:.55rem .65rem;
  border:1px dashed rgba(125,181,230,.24);
  border-radius:12px;
  background:rgba(7,17,27,.18);
}
.myeclass-correction-side-panel-v2-9-515{
  gap:10px;
}
.myeclass-correction-side-panel-v2-9-515 .myeclass-workspace-panel-v2-9-515,
.myeclass-correction-side-panel-v2-9-515 .card{
  border-radius:16px;
}
.myeclass-correction-summary-v2-9-515{
  margin-top:0;
}
@media(max-width:980px){
  .myeclass-correction-exercise-tabs-v2-9-517{grid-template-columns:1fr 1fr;}
}

/* v2.9.518 — per-exercise correction state cleanup */
.myeclass-current-exercise-banner-v2-9-516 span,
.myeclass-solution-viewer-v2-9-516 .muted,
.myeclass-correction-exercise-tab-v2-9-517 small{
  overflow-wrap:anywhere;
}
.myeclass-solution-viewer-v2-9-516 .submission-page[hidden]{
  display:none!important;
}
.myeclass-teacher-correction-draft-v2-9-373 textarea[name="private_note"]{
  min-height:5rem;
}
.myeclass-correction-summary-v2-9-515 + .myeclass-correction-workspace-grid-v2-9-515{
  margin-top:1rem;
}
.myeclass-correction-workspace-grid-v2-9-515 > section.card h2{
  margin-top:0;
}

/* v2.9.519 — correction workspace cleanup III */
.myeclass-submission-scope-note-v2-9-519{
  border-color:rgba(96,165,250,.38);
  background:rgba(14,116,144,.18);
}
.myeclass-helper-action-panel-v2-9-519 > details > summary span{
  white-space:nowrap;
  border:1px solid rgba(125,181,230,.28);
  border-radius:999px;
  padding:.25rem .55rem;
  font-size:.82rem;
}
.myeclass-technical-diagnostics-v2-9-519{
  margin-top:1rem;
}
.myeclass-technical-diagnostics-v2-9-519[open]{
  border-color:rgba(125,181,230,.34);
}
.myeclass-technical-diagnostics-v2-9-519 summary{
  font-weight:850;
}
@media(max-width:980px){
  .myeclass-helper-action-panel-v2-9-519 > details > summary{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* v2.9.520 — Correction workspace layout polish */
.myeclass-professional-correction-workspace-v2-9-515{
  width:min(1640px, calc(100vw - 28px));
}
.myeclass-correction-workspace-grid-v2-9-515{
  grid-template-columns:minmax(0,1.38fr) minmax(420px,.82fr);
  gap:18px;
  align-items:start;
}
.myeclass-correction-side-panel-v2-9-515{
  position:sticky;
  top:88px;
  max-height:none;
  overflow:visible;
  padding-right:0;
  align-self:start;
}
.myeclass-correction-side-panel-v2-9-515 .review-action-card textarea,
.myeclass-correction-side-panel-v2-9-515 textarea{
  min-height:120px;
  resize:vertical;
  field-sizing:content;
  line-height:1.45;
}
.myeclass-correction-side-panel-v2-9-515 .review-action-card label{
  display:grid;
  gap:.35rem;
}
.myeclass-summary-workspace-v2-9-520{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:16px;
  max-width:980px;
}
.myeclass-summary-workspace-v2-9-520 > .card,
.myeclass-summary-workspace-v2-9-520 > .review-action-card,
.myeclass-summary-workspace-v2-9-520 > .review-publication-card{
  margin:0;
}
.myeclass-summary-intro-v2-9-520 h2{margin-top:0}
.myeclass-rubric-panel-v2-9-520 > details > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  cursor:pointer;
  font-weight:850;
}
.myeclass-rubric-panel-v2-9-520 .myeclass-rubric-list-v2-9-520{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:10px;
  margin-top:12px;
}
.myeclass-rubric-panel-v2-9-520 .myeclass-rubric-row-v2-9-520{
  min-height:118px;
  grid-template-columns:1fr;
  align-content:start;
}
.myeclass-rubric-panel-v2-9-520 .myeclass-rubric-row-v2-9-520 p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.myeclass-rubric-panel-v2-9-520 .myeclass-rubric-row-v2-9-520 > div:last-child{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.5rem;
}
.myeclass-rubric-panel-v2-9-520 .myeclass-rubric-row-v2-9-520 small{
  text-align:left;
  margin-top:0;
}
.myeclass-submission-scope-note-v2-9-520{
  align-items:center;
}
.myeclass-page-chip-row-v2-9-520{
  position:static;
  top:auto;
  margin-bottom:10px;
}
.myeclass-submission-pages-v2-9-520{
  min-height:0;
}
.myeclass-submission-page-v2-9-520{
  border-radius:18px;
}
.myeclass-submission-page-v2-9-520 figcaption a,
.myeclass-image-open-v2-9-520{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  padding:.25rem .45rem;
  border-radius:10px;
  background:rgba(59,130,246,.16);
  text-decoration:none;
}
.myeclass-lightbox-trigger-v2-9-520{
  cursor:zoom-in;
}
.myeclass-submission-page-v2-9-520 img.submission-img{
  max-height:min(76vh, 900px);
  object-fit:contain;
}
.myeclass-image-lightbox-v2-9-520{
  width:min(94vw,1500px);
  height:min(94vh,1000px);
  max-width:none;
  max-height:none;
  padding:0;
  border:1px solid rgba(147,197,253,.34);
  border-radius:18px;
  background:#020617;
  color:#e5f2ff;
  box-shadow:0 30px 90px rgba(0,0,0,.72);
}
.myeclass-image-lightbox-v2-9-520::backdrop{
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(4px);
}
.myeclass-lightbox-toolbar-v2-9-520{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:10px 12px;
  border-bottom:1px solid rgba(147,197,253,.22);
  background:rgba(15,23,42,.96);
}
.myeclass-lightbox-toolbar-v2-9-520 span{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.myeclass-lightbox-toolbar-v2-9-520 button{
  border:1px solid rgba(147,197,253,.35);
  background:rgba(30,64,175,.24);
  color:#e5f2ff;
  border-radius:10px;
  padding:.35rem .55rem;
  font-weight:850;
  cursor:pointer;
}
.myeclass-lightbox-stage-v2-9-520{
  height:calc(100% - 54px);
  overflow:auto;
  display:grid;
  place-items:center;
  padding:16px;
}
.myeclass-lightbox-stage-v2-9-520 img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  transform-origin:center center;
  transition:transform .12s ease;
  background:#fff;
}
@media(max-width:1180px){
  .myeclass-correction-workspace-grid-v2-9-515{grid-template-columns:1fr;}
  .myeclass-correction-side-panel-v2-9-515{position:static;}
  .myeclass-summary-workspace-v2-9-520{max-width:none;}
}
@media(max-width:640px){
  .myeclass-lightbox-toolbar-v2-9-520{display:grid;}
  .myeclass-lightbox-stage-v2-9-520{height:calc(100% - 98px);}
}

/* v2.9.521 — correction workspace deduplication + compact page strip */
.myeclass-page-strip-v2-9-521{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(96,165,250,.32);
  border-radius:14px;
  background:rgba(15,23,42,.46);
  margin:12px 0 10px;
}
.myeclass-page-strip-head-v2-9-521{
  display:grid;
  gap:2px;
  min-width:0;
}
.myeclass-page-strip-head-v2-9-521 b{
  font-size:.96rem;
}
.myeclass-page-strip-head-v2-9-521 span{
  color:var(--muted);
  font-size:.9rem;
  line-height:1.35;
}
.myeclass-page-chip-row-v2-9-521{
  margin:0;
  padding:0;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
  background:transparent;
  border:0;
  flex:0 0 auto;
}
.myeclass-page-chip-row-v2-9-521 .myeclass-page-chip-v2-9-520,
.myeclass-page-chip-row-v2-9-521 .myeclass-page-chip-v2-9-516,
.myeclass-page-chip-row-v2-9-521 .myeclass-page-chip-v2-9-515{
  padding:.42rem .58rem;
  min-width:0;
  border-radius:10px;
  font-size:.92rem;
}
.myeclass-correction-side-panel-v2-9-515 .myeclass-helper-action-panel-v2-9-521{
  order:20;
}
.myeclass-correction-side-panel-v2-9-515 .myeclass-technical-diagnostics-v2-9-519{
  margin-top:12px;
  order:99;
}
.myeclass-correction-side-panel-v2-9-515 .myeclass-technical-diagnostics-v2-9-519 summary{
  font-size:.95rem;
}
.myeclass-correction-side-panel-v2-9-515 .review-action-card textarea{
  min-height:150px;
}
.myeclass-correction-side-panel-v2-9-515 .review-action-card label:nth-of-type(4) textarea{
  min-height:110px;
}
@media(max-width:780px){
  .myeclass-page-strip-v2-9-521{
    align-items:stretch;
    flex-direction:column;
  }
  .myeclass-page-chip-row-v2-9-521{
    justify-content:flex-start;
  }
}

/* v2.9.522 — page-to-exercise mapping */
.myeclass-page-strip-v2-9-522{
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto auto;
  align-items:center;
  gap:10px;
  padding:9px 10px;
}
.myeclass-page-strip-head-v2-9-522 span{
  font-size:.86rem;
  line-height:1.25;
}
.myeclass-page-chip-row-v2-9-522{
  justify-content:center;
}
.myeclass-page-chip-row-v2-9-522 .myeclass-page-chip-v2-9-520,
.myeclass-page-chip-row-v2-9-522 .myeclass-page-chip-v2-9-516,
.myeclass-page-chip-row-v2-9-522 .myeclass-page-chip-v2-9-515{
  padding:.34rem .56rem;
  border-radius:9px;
  font-size:.88rem;
}
.myeclass-page-map-actions-v2-9-522{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  white-space:nowrap;
}
.myeclass-page-map-actions-v2-9-522 span{
  color:var(--muted);
  font-size:.82rem;
  border:1px solid rgba(147,197,253,.22);
  border-radius:999px;
  padding:.22rem .5rem;
  background:rgba(15,23,42,.34);
}
.myeclass-page-map-actions-v2-9-522 button,
.myeclass-page-map-dialog-v2-9-522 button{
  border:1px solid rgba(147,197,253,.36);
  background:rgba(30,64,175,.20);
  color:#e5f2ff;
  border-radius:10px;
  padding:.36rem .58rem;
  font-weight:850;
  cursor:pointer;
}
.myeclass-page-map-dialog-v2-9-522{
  width:min(92vw,720px);
  max-width:none;
  border:1px solid rgba(147,197,253,.34);
  border-radius:18px;
  background:#0b1724;
  color:#e5f2ff;
  padding:0;
  box-shadow:0 24px 80px rgba(0,0,0,.65);
}
.myeclass-page-map-dialog-v2-9-522::backdrop{
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(3px);
}
.myeclass-page-map-dialog-v2-9-522 form{
  margin:0;
  padding:0;
}
.myeclass-page-map-head-v2-9-522{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(147,197,253,.22);
}
.myeclass-page-map-head-v2-9-522 h3{
  margin:0 0 4px;
}
.myeclass-page-map-head-v2-9-522 button{
  font-size:1.2rem;
  line-height:1;
  padding:.35rem .55rem;
}
.myeclass-page-map-options-v2-9-522{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:10px;
  padding:16px;
}
.myeclass-page-map-options-v2-9-522 label{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 12px;
  border:1px solid rgba(147,197,253,.24);
  border-radius:13px;
  background:rgba(15,23,42,.42);
  font-weight:850;
}
.myeclass-page-map-options-v2-9-522 input{
  width:18px;
  height:18px;
}
.myeclass-page-map-actions-bottom-v2-9-522{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:12px 16px 16px;
  border-top:1px solid rgba(147,197,253,.16);
}
.myeclass-page-map-actions-bottom-v2-9-522 .primary,
.myeclass-page-map-dialog-v2-9-522 button.primary{
  background:#60a5fa;
  color:#07111f;
  border-color:#60a5fa;
}
@media(max-width:900px){
  .myeclass-page-strip-v2-9-522{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .myeclass-page-map-actions-v2-9-522{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .myeclass-page-chip-row-v2-9-522{
    justify-content:flex-start;
  }
}

/* v2.9.524 — Summary width/status polish
   Keep the Summary step aligned with the full correction workspace width. */
.myeclass-summary-workspace-v2-9-520{
  width:100%;
  max-width:none;
}
.myeclass-summary-workspace-v2-9-520 > .card,
.myeclass-summary-workspace-v2-9-520 > .review-action-card,
.myeclass-summary-workspace-v2-9-520 > .review-publication-card,
.myeclass-correction-summary-v2-9-515,
.myeclass-technical-diagnostics-v2-9-519{
  width:100%;
}
.myeclass-summary-workspace-v2-9-520 .review-action-card textarea,
.myeclass-summary-workspace-v2-9-520 .review-action-card input,
.myeclass-summary-workspace-v2-9-520 .review-action-card select{
  max-width:100%;
}
@media (min-width: 981px){
  .myeclass-summary-workspace-v2-9-520{
    grid-template-columns:minmax(0,1fr);
  }
}

/* v2.9.525 — correction action flow cleanup */
.myeclass-teacher-correction-draft-v2-9-525 form{
  display:grid;
  gap:.85rem;
}
.myeclass-teacher-correction-draft-v2-9-525 label{
  display:grid;
  gap:.35rem;
}
.myeclass-correction-action-footer-v2-9-525{
  display:flex;
  align-items:center;
  gap:.75rem;
  flex-wrap:wrap;
  padding-top:.35rem;
}
.myeclass-correction-action-footer-v2-9-525 button{
  flex:0 1 320px;
}
.myeclass-correction-action-footer-v2-9-525 span{
  color:rgba(226,241,255,.72);
  font-size:.88rem;
  line-height:1.35;
}
.myeclass-publication-card-v2-9-525{
  border-color:rgba(65,191,139,.30);
  background:linear-gradient(135deg,rgba(16,76,58,.36),rgba(22,50,72,.86));
}
.myeclass-publication-head-v2-9-525{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:flex-start;
  margin-bottom:.65rem;
}
.myeclass-publication-head-v2-9-525 h2{
  margin:.1rem 0 0;
}
.myeclass-student-visible-preview-v2-9-525{
  border:1px solid rgba(65,191,139,.24);
  border-radius:16px;
  padding:.85rem;
  background:rgba(7,17,27,.28);
  margin:.85rem 0;
}
.myeclass-publish-form-v2-9-525{
  display:grid;
  gap:.35rem;
}
.myeclass-publish-form-v2-9-525 button{
  width:min(100%,360px);
}
.myeclass-teacher-correction-draft-v2-9-525 select[name="draft_status"]{
  display:none!important;
}
@media(max-width:720px){
  .myeclass-publication-head-v2-9-525,
  .myeclass-correction-action-footer-v2-9-525{display:grid;}
  .myeclass-correction-action-footer-v2-9-525 button,
  .myeclass-publish-form-v2-9-525 button{width:100%;}
}

/* v2.9.527 — published wording/status cleanup */
.myeclass-correction-exercise-tab-v2-9-517 em{
  max-width:128px;
}
.myeclass-current-exercise-banner-v2-9-515.is-reviewed{
  border-color:rgba(52,211,153,.46);
  background:linear-gradient(135deg,rgba(20,83,45,.32),rgba(18,42,62,.92));
}
.myeclass-published-readonly-correction-v2-9-526 input[readonly],
.myeclass-published-readonly-correction-v2-9-526 textarea[readonly]{
  background:rgba(2,8,23,.48);
  border-color:rgba(148,163,184,.26);
  color:rgba(226,241,255,.82);
  cursor:default;
  box-shadow:none;
}
.myeclass-published-readonly-correction-v2-9-526 input[readonly]:focus,
.myeclass-published-readonly-correction-v2-9-526 textarea[readonly]:focus{
  outline:none;
  border-color:rgba(148,163,184,.30);
}
.myeclass-page-map-actions-locked-v2-9-527 span:last-child{
  border-color:rgba(52,211,153,.28);
  background:rgba(16,185,129,.12);
  color:#d1fae5;
}

/* v2.9.528 — Missing / needs-help exercise handling */
.myeclass-student-help-flag-v2-9-528{margin-top:.75rem;padding:.75rem;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:rgba(248,250,252,.75)}
.myeclass-help-flag-details-v2-9-528 summary{cursor:pointer;display:flex;gap:.5rem;align-items:center;justify-content:space-between}
.myeclass-student-help-flag-v2-9-528 textarea,.myeclass-student-help-flag-v2-9-528 select{width:100%}

/* v2.9.532 — Rationalized correction workspace UI */
.myeclass-correction-workspace-v2-9-532{
  --mye-bg:#f7f9fc;
  --mye-card:#ffffff;
  --mye-ink:#0f172a;
  --mye-muted:#64748b;
  --mye-border:rgba(148,163,184,.34);
  --mye-blue:#1d4ed8;
  --mye-indigo:#4f46e5;
  --mye-green:#047857;
  --mye-amber:#b45309;
  --mye-red:#b91c1c;
  color:var(--mye-ink);
  max-width:1520px;
  width:min(100%, calc(100vw - 28px));
}
.myeclass-correction-workspace-v2-9-532 .card,
.myeclass-correction-workspace-v2-9-532 .review-action-card,
.myeclass-correction-workspace-v2-9-532 .myeclass-workspace-panel-v2-9-515{
  border:1px solid var(--mye-border);
  background:var(--mye-card);
  color:var(--mye-ink);
  box-shadow:0 12px 32px rgba(15,23,42,.06);
  border-radius:18px;
}
.myeclass-correction-topbar-v2-9-532{
  display:grid;
  grid-template-columns:minmax(160px,auto) 1fr auto;
  gap:16px;
  align-items:center;
  margin:4px 0 16px;
}
.myeclass-correction-back-v2-9-532{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#0f3d7a;
  font-weight:750;
  text-decoration:none;
  padding:9px 10px;
  border-radius:12px;
}
.myeclass-correction-back-v2-9-532:hover{background:rgba(29,78,216,.07)}
.myeclass-correction-title-v2-9-532{text-align:center;min-width:0}
.myeclass-correction-title-v2-9-532 h1{
  margin:0;
  font-size:clamp(1.05rem,2vw,1.45rem);
  line-height:1.2;
  color:#0f172a;
  font-weight:850;
  letter-spacing:-.02em;
}
.myeclass-correction-title-v2-9-532 h1 span{color:#94a3b8;padding:0 .15rem}
.myeclass-correction-title-v2-9-532 p{margin:4px 0 0;color:var(--mye-muted);font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.myeclass-correction-nav-actions-v2-9-532{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.myeclass-correction-nav-actions-v2-9-532 .button,
.myeclass-correction-nav-actions-v2-9-532 a.button{
  min-height:38px;
  border-radius:11px;
  border-color:rgba(148,163,184,.42);
  background:#fff;
  color:#0f172a;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.myeclass-correction-nav-actions-v2-9-532 .button.disabled{opacity:.45;pointer-events:none}
.myeclass-ui-icon-v2-9-532{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1;color:currentColor}
.myeclass-ui-icon-v2-9-532 svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.myeclass-status-dashboard-v2-9-532{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px}
.myeclass-status-card-v2-9-532{
  min-height:86px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border:1px solid var(--mye-border);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,rgba(248,250,252,.92));
  box-shadow:0 10px 26px rgba(15,23,42,.05);
}
.myeclass-status-card-icon-v2-9-532{
  width:48px;height:48px;border-radius:16px;
  display:grid;place-items:center;background:#f1f5f9;color:#334155;box-shadow:inset 0 0 0 1px rgba(148,163,184,.18);
}
.myeclass-status-card-v2-9-532 small{display:block;color:#475569;font-weight:650;font-size:.78rem;margin-bottom:4px}
.myeclass-status-card-v2-9-532 b{display:block;font-size:1rem;line-height:1.2;color:#0f172a}
.myeclass-status-card-v2-9-532 span:not(.myeclass-ui-icon-v2-9-532){display:block;color:#64748b;font-size:.78rem;margin-top:4px;line-height:1.25}
.myeclass-status-card-v2-9-532.is-info .myeclass-status-card-icon-v2-9-532{background:rgba(29,78,216,.10);color:#1d4ed8}
.myeclass-status-card-v2-9-532.is-ai .myeclass-status-card-icon-v2-9-532{background:rgba(79,70,229,.10);color:#4f46e5}
.myeclass-status-card-v2-9-532.is-success .myeclass-status-card-icon-v2-9-532{background:rgba(4,120,87,.10);color:#047857}
.myeclass-status-card-v2-9-532.is-warning .myeclass-status-card-icon-v2-9-532{background:rgba(180,83,9,.12);color:#b45309}
.myeclass-status-card-v2-9-532.is-danger .myeclass-status-card-icon-v2-9-532{background:rgba(185,28,28,.10);color:#b91c1c}
.myeclass-status-card-v2-9-532.is-muted .myeclass-status-card-icon-v2-9-532{background:rgba(100,116,139,.10);color:#64748b}
.myeclass-status-card-v2-9-532.is-spinning .myeclass-status-card-icon-v2-9-532 svg{animation:myeclass-spin-v2-9-532 1s linear infinite}
@keyframes myeclass-spin-v2-9-532{to{transform:rotate(360deg)}}
.myeclass-status-chip-v2-9-532{
  display:inline-flex;align-items:center;gap:6px;
  min-height:24px;padding:3px 9px;border-radius:999px;
  font-size:.78rem;font-weight:800;line-height:1.1;
  border:1px solid rgba(148,163,184,.26);
  background:#f8fafc;color:#475569;white-space:nowrap;
}
.myeclass-status-chip-v2-9-532 .myeclass-ui-icon-v2-9-532 svg{width:15px;height:15px;stroke-width:2.15}
.myeclass-status-chip-v2-9-532.is-info{background:rgba(29,78,216,.08);border-color:rgba(29,78,216,.22);color:#1d4ed8}
.myeclass-status-chip-v2-9-532.is-ai{background:rgba(79,70,229,.08);border-color:rgba(79,70,229,.24);color:#4f46e5}
.myeclass-status-chip-v2-9-532.is-success{background:rgba(4,120,87,.08);border-color:rgba(4,120,87,.20);color:#047857}
.myeclass-status-chip-v2-9-532.is-warning{background:rgba(245,158,11,.12);border-color:rgba(180,83,9,.24);color:#92400e}
.myeclass-status-chip-v2-9-532.is-danger{background:rgba(239,68,68,.10);border-color:rgba(185,28,28,.24);color:#b91c1c}
.myeclass-status-chip-v2-9-532.is-muted{background:rgba(100,116,139,.08);border-color:rgba(100,116,139,.18);color:#64748b}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tabs-v2-9-515,
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tabs-v2-9-516,
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tabs-v2-9-517{
  position:static;
  display:flex;
  gap:0;
  padding:0;
  overflow-x:auto;
  border:1px solid var(--mye-border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 26px rgba(15,23,42,.05);
  margin-bottom:18px;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tab-v2-9-515,
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tab-v2-9-516,
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tab-v2-9-517{
  min-width:164px;
  flex:1 0 164px;
  border:0;
  border-right:1px solid rgba(148,163,184,.22);
  border-radius:0;
  background:#fff;
  color:#0f172a;
  padding:14px 16px;
  box-shadow:none;
  transform:none;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tab-v2-9-517:last-child{border-right:0}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tab-v2-9-517:hover{background:#f8fafc;transform:none}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tab-v2-9-517.is-current{
  background:linear-gradient(180deg,#eff6ff,#fff);
  box-shadow:inset 0 -3px 0 #2563eb;
  border-color:rgba(37,99,235,.22);
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tab-v2-9-517 .myeclass-tab-main-v2-9-516{align-items:flex-start;gap:8px}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tab-v2-9-517 b{font-size:.92rem;color:#0f172a}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tab-v2-9-517 em{display:none}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tab-v2-9-517 small{color:#64748b;font-size:.75rem;margin-top:6px}
.myeclass-correction-workspace-v2-9-532 .myeclass-current-exercise-banner-v2-9-515{display:none}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-workspace-grid-v2-9-515{grid-template-columns:minmax(0,1fr) minmax(380px, 0.98fr);gap:18px;align-items:start}
.myeclass-correction-workspace-v2-9-532 .myeclass-solution-viewer-v2-9-515 .myeclass-workspace-card-head-v2-9-515,
.myeclass-correction-workspace-v2-9-532 .myeclass-workspace-panel-title-v2-9-515{border-bottom:1px solid rgba(148,163,184,.20);padding-bottom:12px;margin-bottom:14px}
.myeclass-correction-workspace-v2-9-532 .myeclass-action-kicker{color:#1d4ed8;letter-spacing:.05em;font-weight:850}
.myeclass-correction-workspace-v2-9-532 .myeclass-statement-details-v2-9-515{
  border:1px solid rgba(37,99,235,.18);background:#f8fbff;border-radius:14px;padding:12px 14px;margin:14px 0 18px;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-statement-details-v2-9-515 summary{font-weight:800;color:#0f3d7a;cursor:pointer}
.myeclass-correction-workspace-v2-9-532 .myeclass-page-strip-v2-9-522,
.myeclass-correction-workspace-v2-9-532 .myeclass-page-strip-v2-9-521{background:#f8fafc;border-color:rgba(148,163,184,.24);border-radius:14px}
.myeclass-correction-workspace-v2-9-532 .myeclass-page-map-actions-v2-9-522 button{background:#fff;color:#334155;border-color:rgba(148,163,184,.36)}
.myeclass-correction-workspace-v2-9-532 .myeclass-submission-page-v2-9-520,
.myeclass-correction-workspace-v2-9-532 .myeclass-submission-page-v2-9-516{
  border-radius:16px;border-color:rgba(148,163,184,.28);background:#fff;overflow:hidden;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-side-panel-v2-9-515{position:sticky;top:14px;display:grid;gap:14px}
.myeclass-ai-status-panel-v2-9-532{padding:16px 18px;border-color:rgba(79,70,229,.20)!important;background:linear-gradient(180deg,#fff,rgba(245,243,255,.70))!important}
.myeclass-ai-panel-head-v2-9-532{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.myeclass-ai-panel-head-v2-9-532>div:first-child{display:flex;align-items:center;gap:10px;color:#4f46e5}
.myeclass-ai-panel-head-v2-9-532 h2{margin:0;font-size:1.05rem;color:#0f172a}
.myeclass-ai-panel-head-v2-9-532 p{margin:2px 0 0;color:#4f46e5;font-weight:750}
.myeclass-ai-message-v2-9-532,
.myeclass-ai-proposal-box-v2-9-532{
  border:1px solid rgba(124,58,237,.18);background:rgba(250,245,255,.72);border-radius:14px;padding:13px 14px;color:#1e1b4b;line-height:1.45;
}
.myeclass-ai-message-v2-9-532.is-warning{border-color:rgba(180,83,9,.24);background:rgba(255,251,235,.8);color:#78350f}
.myeclass-ai-actions-v2-9-532{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-top:12px}
.myeclass-ai-actions-v2-9-532 form{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin:0}
.myeclass-ai-actions-v2-9-532 button,
.myeclass-ai-actions-v2-9-532 .button{display:inline-flex;align-items:center;gap:7px;border-radius:11px;min-height:38px}
.myeclass-ai-model-details-v2-9-532{flex-basis:100%;font-size:.82rem;color:#475569}
.myeclass-ai-model-details-v2-9-532 summary{cursor:pointer;font-weight:800;color:#334155}
.myeclass-correction-workspace-v2-9-532 .review-action-card h2{font-size:1.08rem;margin-bottom:4px}
.myeclass-correction-workspace-v2-9-532 .review-action-card input,
.myeclass-correction-workspace-v2-9-532 .review-action-card textarea,
.myeclass-correction-workspace-v2-9-532 .review-action-card select{
  border-radius:12px;border:1px solid rgba(148,163,184,.42);background:#fff;color:#0f172a;
}
.myeclass-correction-workspace-v2-9-532 .review-action-card input:focus,
.myeclass-correction-workspace-v2-9-532 .review-action-card textarea:focus{outline:3px solid rgba(37,99,235,.16);border-color:rgba(37,99,235,.48)}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-action-footer-v2-9-525{border-top:1px solid rgba(148,163,184,.22);padding-top:12px;margin-top:10px}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-action-footer-v2-9-525 button.primary{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#1d4ed8;color:#fff}
.myeclass-correction-workspace-v2-9-532 .myeclass-technical-diagnostics-v2-9-519{box-shadow:none;background:#f8fafc!important;border-style:dashed!important}
.myeclass-correction-workspace-v2-9-532 .myeclass-technical-diagnostics-v2-9-519 summary{color:#475569}
.myeclass-correction-workspace-v2-9-532 .flash{border-radius:14px}
.myeclass-correction-workspace-v2-9-532 .flash.warning,
.myeclass-correction-workspace-v2-9-532 .flash.error{border-color:rgba(185,28,28,.20)}
@media (max-width:1100px){
  .myeclass-correction-topbar-v2-9-532{grid-template-columns:1fr;gap:10px;text-align:left}
  .myeclass-correction-title-v2-9-532{text-align:left}
  .myeclass-correction-nav-actions-v2-9-532{justify-content:flex-start;flex-wrap:wrap}
  .myeclass-status-dashboard-v2-9-532{grid-template-columns:repeat(2,minmax(0,1fr))}
  .myeclass-correction-workspace-v2-9-532 .myeclass-correction-workspace-grid-v2-9-515{grid-template-columns:1fr}
  .myeclass-correction-workspace-v2-9-532 .myeclass-correction-side-panel-v2-9-515{position:static}
}
@media (max-width:640px){
  .myeclass-correction-workspace-v2-9-532{width:min(100%, calc(100vw - 16px))}
  .myeclass-status-dashboard-v2-9-532{grid-template-columns:1fr}
  .myeclass-status-card-v2-9-532{min-height:76px;padding:13px 14px}
  .myeclass-status-card-icon-v2-9-532{width:42px;height:42px;border-radius:14px}
  .myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-tab-v2-9-517{flex-basis:150px;min-width:150px;padding:12px}
}

/* v2.9.533 — Correction workspace cleanup: calm colors, context header, compact exercise strip */
.myeclass-correction-workspace-v2-9-532{
  --mye-bg:#f6f8fb;
  --mye-card:#ffffff;
  --mye-ink:#111827;
  --mye-muted:#64748b;
  --mye-border:rgba(148,163,184,.32);
  --mye-blue:#2563eb;
  --mye-green:#047857;
  --mye-amber:#b45309;
  --mye-red:#b91c1c;
  --mye-violet:#4f46e5;
}
.myeclass-correction-contextbar-v2-9-533{
  margin:6px 0 14px;
  display:grid;
  gap:10px;
}
.myeclass-correction-context-top-v2-9-533{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.myeclass-correction-context-title-v2-9-533{
  border:1px solid rgba(148,163,184,.22);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-radius:18px;
  padding:16px 18px;
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}
.myeclass-correction-context-title-v2-9-533 h1{
  margin:2px 0 5px;
  font-size:clamp(1.18rem,2.1vw,1.62rem);
  line-height:1.15;
  letter-spacing:-.025em;
  color:#0f172a;
}
.myeclass-correction-context-title-v2-9-533 p{
  margin:3px 0 0;
  color:#475569;
  line-height:1.35;
}
.myeclass-correction-context-title-v2-9-533 .myeclass-action-kicker{
  color:#334155;
  letter-spacing:.055em;
  font-size:.78rem;
  text-transform:uppercase;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-back-v2-9-532{
  color:#1d4ed8;
  background:transparent;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-back-v2-9-532:hover{
  background:rgba(37,99,235,.07);
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-nav-actions-v2-9-532 .button,
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-nav-actions-v2-9-532 a.button{
  background:#ffffff;
  color:#0f172a;
  border-color:rgba(148,163,184,.40);
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-strip-v2-9-533{
  align-items:center;
  gap:6px;
  padding:8px;
  border-radius:18px;
  background:#ffffff;
  border-color:rgba(148,163,184,.30);
  overflow-x:auto;
  scrollbar-width:thin;
}
.myeclass-exercise-strip-title-v2-9-533{
  flex:0 0 auto;
  color:#475569;
  font-weight:850;
  font-size:.82rem;
  padding:0 6px 0 4px;
  white-space:nowrap;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517{
  flex:0 0 auto;
  min-width:104px;
  min-height:46px;
  padding:8px 9px;
  border:1px solid rgba(148,163,184,.26);
  border-radius:12px;
  background:#ffffff;
  color:#0f172a;
  box-shadow:none;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517:hover{
  background:#f8fafc;
  border-color:rgba(100,116,139,.34);
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-current{
  background:#eff6ff;
  border-color:rgba(37,99,235,.52);
  box-shadow:inset 0 -2px 0 #2563eb;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-summary{
  min-width:118px;
  background:#f8fafc;
}
.myeclass-tab-main-v2-9-516 b{
  display:flex;
  align-items:center;
  gap:5px;
}
.myeclass-tab-number-v2-9-533{
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:7px;
  background:#f1f5f9;
  color:#0f172a;
  font-weight:900;
  font-size:.82rem;
}
.myeclass-correction-exercise-tab-v2-9-517.is-current .myeclass-tab-number-v2-9-533{
  background:#dbeafe;
  color:#1d4ed8;
}
.myeclass-tab-label-v2-9-533{
  font-size:.80rem;
  color:#334155;
  white-space:nowrap;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-status-chip-v2-9-532{
  padding:2px 7px;
  min-height:22px;
  font-size:.72rem;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-status-chip-v2-9-532 .myeclass-ui-icon-v2-9-532 svg{
  width:13px;
  height:13px;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-status-card-v2-9-532{
  background:#ffffff;
  box-shadow:0 8px 20px rgba(15,23,42,.045);
}
.myeclass-correction-workspace-v2-9-532 .myeclass-status-card-v2-9-532.is-warning,
.myeclass-correction-workspace-v2-9-532 .myeclass-status-card-v2-9-532.is-danger,
.myeclass-correction-workspace-v2-9-532 .myeclass-status-card-v2-9-532.is-success,
.myeclass-correction-workspace-v2-9-532 .myeclass-status-card-v2-9-532.is-info,
.myeclass-correction-workspace-v2-9-532 .myeclass-status-card-v2-9-532.is-ai{
  background:#ffffff;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-status-chip-v2-9-532.is-warning{
  background:#fffbeb;
  border-color:rgba(180,83,9,.26);
  color:#92400e;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-status-chip-v2-9-532.is-danger{
  background:#fef2f2;
  border-color:rgba(185,28,28,.24);
  color:#991b1b;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-status-chip-v2-9-532.is-success{
  background:#ecfdf5;
  border-color:rgba(4,120,87,.22);
  color:#047857;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-status-chip-v2-9-532.is-info{
  background:#eff6ff;
  border-color:rgba(37,99,235,.22);
  color:#1d4ed8;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-status-chip-v2-9-532.is-ai{
  background:#f5f3ff;
  border-color:rgba(79,70,229,.22);
  color:#4338ca;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-status-chip-v2-9-532.is-muted,
.myeclass-correction-workspace-v2-9-532 .myeclass-status-chip-v2-9-532.is-neutral{
  background:#f8fafc;
  border-color:rgba(100,116,139,.18);
  color:#475569;
}
.myeclass-empty-statement-v2-9-533{
  display:grid;
  gap:4px;
  padding:14px 16px;
  margin:14px 0 18px;
  border:1px dashed rgba(148,163,184,.36);
  border-radius:14px;
  background:#f8fafc;
  color:#334155;
}
.myeclass-empty-statement-v2-9-533 span{
  color:#64748b;
  font-size:.88rem;
}
.myeclass-legacy-page-tools-v2-9-533{
  margin-top:6px;
  border-top:1px solid rgba(148,163,184,.18);
  padding-top:8px;
}
.myeclass-legacy-page-tools-v2-9-533 > summary{
  cursor:pointer;
  color:#64748b;
  font-size:.82rem;
  font-weight:800;
  list-style:none;
}
.myeclass-legacy-page-tools-v2-9-533 > summary::-webkit-details-marker{display:none;}
.myeclass-legacy-page-tools-v2-9-533[open] > summary{margin-bottom:8px;}
.myeclass-correction-workspace-v2-9-532 .myeclass-page-map-actions-v2-9-522{
  justify-content:flex-start;
}
.myeclass-ai-status-panel-v2-9-532.is-deterministic-v2-9-533{
  border-color:rgba(100,116,139,.20)!important;
  background:#ffffff!important;
}
.myeclass-ai-status-panel-v2-9-532.is-deterministic-v2-9-533 .myeclass-ai-panel-head-v2-9-532>div:first-child{
  color:#475569;
}
.myeclass-ai-status-panel-v2-9-532.is-deterministic-v2-9-533 .myeclass-ai-message-v2-9-532,
.myeclass-ai-status-panel-v2-9-532.is-deterministic-v2-9-533 .myeclass-ai-proposal-box-v2-9-532{
  background:#f8fafc;
  border-color:rgba(148,163,184,.24);
  color:#1f2937;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-ai-model-details-v2-9-532{
  width:100%;
  margin:0;
  padding:0;
}
.myeclass-correction-workspace-v2-9-532 .myeclass-ai-model-details-v2-9-532 summary{
  color:#64748b;
  font-size:.82rem;
}
@media(max-width:1100px){
  .myeclass-correction-context-top-v2-9-533{align-items:flex-start;flex-direction:column;}
  .myeclass-status-dashboard-v2-9-532{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .myeclass-status-dashboard-v2-9-532{grid-template-columns:1fr;}
  .myeclass-tab-label-v2-9-533{display:none;}
  .myeclass-correction-workspace-v2-9-532 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517{min-width:86px;}
}

/* v2.9.534 — Native dark correction workspace polish
   Scope: visual only. No workflow, assessment, queue, DB or AI logic changes. */
.myeclass-correction-workspace-v2-9-534{
  --mye-blue:#4aa8ff;
  --mye-green:#46d6a1;
  --mye-amber:#f2b85b;
  --mye-red:#ff7b8f;
  --mye-violet:#a99bff;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534{
  --mye-bg:#07111c;
  --mye-card:#102334;
  --mye-card-2:#0b1a29;
  --mye-card-3:#122b40;
  --mye-ink:#eef6ff;
  --mye-muted:#9fb3c7;
  --mye-border:rgba(126,164,197,.22);
  --mye-border-strong:rgba(126,164,197,.34);
  --mye-blue:#61b5ff;
  --mye-green:#55d9aa;
  --mye-amber:#f3bf68;
  --mye-red:#ff8092;
  --mye-violet:#b2a6ff;
  color:var(--mye-ink);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .card,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .review-action-card,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-workspace-panel-v2-9-515{
  background:linear-gradient(180deg,rgba(18,43,64,.96),rgba(13,32,48,.98))!important;
  border-color:var(--mye-border)!important;
  color:var(--mye-ink)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.26);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-contextbar-v2-9-533{
  gap:8px;
  margin:4px 0 12px;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-context-top-v2-9-533{
  min-height:34px;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-context-title-v2-9-533{
  background:linear-gradient(180deg,rgba(18,43,64,.88),rgba(12,27,42,.94));
  border-color:var(--mye-border);
  color:var(--mye-ink);
  border-radius:16px;
  padding:12px 15px;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-context-title-v2-9-533 h1{
  margin:1px 0 6px;
  color:#f2f8ff;
  font-size:clamp(1.05rem,1.8vw,1.36rem);
  letter-spacing:-.025em;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-context-title-v2-9-533 p{
  color:var(--mye-muted);
  margin:2px 0 0;
  line-height:1.32;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-context-title-v2-9-533 .myeclass-action-kicker{
  color:#7eb7e9;
  opacity:.92;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-back-v2-9-532{
  color:#77c3ff;
  padding:7px 9px;
  border-radius:10px;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-back-v2-9-532:hover{
  background:rgba(97,181,255,.10);
  text-decoration:none;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-nav-actions-v2-9-532 .button,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-nav-actions-v2-9-532 a.button{
  background:rgba(11,26,41,.88);
  color:#eef6ff;
  border-color:var(--mye-border-strong);
  min-height:34px;
  border-radius:9px;
  box-shadow:none;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-nav-actions-v2-9-532 .button:hover,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-nav-actions-v2-9-532 a.button:hover{
  background:rgba(22,51,76,.96);
  text-decoration:none;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-dashboard-v2-9-532{
  gap:10px;
  margin:0 0 12px;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-card-v2-9-532{
  min-height:66px;
  padding:11px 13px;
  gap:10px;
  background:linear-gradient(180deg,rgba(18,43,64,.90),rgba(11,26,41,.96));
  border-color:var(--mye-border);
  box-shadow:0 12px 30px rgba(0,0,0,.20);
  border-radius:15px;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-card-icon-v2-9-532{
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(159,179,199,.09);
  color:#b9cadb;
  box-shadow:inset 0 0 0 1px rgba(159,179,199,.10);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-card-v2-9-532 small{
  color:#8ea6bd;
  font-size:.72rem;
  margin-bottom:3px;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-card-v2-9-532 b{
  color:#f0f7ff;
  font-size:.93rem;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-card-v2-9-532 span:not(.myeclass-ui-icon-v2-9-532){
  color:#9fb3c7;
  font-size:.72rem;
  line-height:1.23;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-card-v2-9-532.is-info .myeclass-status-card-icon-v2-9-532{background:rgba(97,181,255,.12);color:var(--mye-blue)}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-card-v2-9-532.is-ai .myeclass-status-card-icon-v2-9-532{background:rgba(178,166,255,.13);color:var(--mye-violet)}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-card-v2-9-532.is-success .myeclass-status-card-icon-v2-9-532{background:rgba(85,217,170,.12);color:var(--mye-green)}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-card-v2-9-532.is-warning .myeclass-status-card-icon-v2-9-532{background:rgba(243,191,104,.13);color:var(--mye-amber)}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-card-v2-9-532.is-danger .myeclass-status-card-icon-v2-9-532{background:rgba(255,128,146,.12);color:var(--mye-red)}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-exercise-strip-v2-9-533{
  background:rgba(10,24,38,.94);
  border-color:var(--mye-border);
  box-shadow:0 12px 32px rgba(0,0,0,.20);
  border-radius:15px;
  padding:6px;
  gap:6px;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-exercise-strip-v2-9-533::-webkit-scrollbar{display:none;height:0}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-exercise-strip-title-v2-9-533{
  color:#9fb3c7;
  font-size:.78rem;
  padding:0 5px 0 3px;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517{
  min-width:82px;
  min-height:38px;
  padding:6px 7px;
  border-radius:11px;
  background:rgba(18,43,64,.78);
  border-color:rgba(126,164,197,.20);
  color:#eef6ff;
  box-shadow:none;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517:hover{
  background:rgba(22,51,76,.95);
  border-color:rgba(126,164,197,.34);
  text-decoration:none;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-current{
  background:rgba(18,54,84,.95);
  border-color:rgba(97,181,255,.56);
  box-shadow:inset 0 -2px 0 var(--mye-blue);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-summary{
  min-width:95px;
  background:rgba(13,32,48,.92);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-tab-label-v2-9-533{
  display:none;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-tab-number-v2-9-533{
  width:21px;
  height:21px;
  border-radius:7px;
  background:rgba(159,179,199,.12);
  color:#d7e6f5;
  font-size:.78rem;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-exercise-tab-v2-9-517.is-current .myeclass-tab-number-v2-9-533{
  background:rgba(97,181,255,.16);
  color:#8fcfff;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-status-chip-v2-9-532{
  min-height:20px;
  padding:2px 6px;
  font-size:.68rem;
  max-width:86px;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-chip-v2-9-532{
  background:rgba(159,179,199,.09);
  border-color:rgba(159,179,199,.16);
  color:#b9cadb;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-chip-v2-9-532.is-info{background:rgba(97,181,255,.10);border-color:rgba(97,181,255,.22);color:#8fcfff}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-chip-v2-9-532.is-ai{background:rgba(178,166,255,.11);border-color:rgba(178,166,255,.22);color:#c6bdff}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-chip-v2-9-532.is-success{background:rgba(85,217,170,.10);border-color:rgba(85,217,170,.22);color:#8eecc9}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-chip-v2-9-532.is-warning{background:rgba(243,191,104,.11);border-color:rgba(243,191,104,.24);color:#ffd28b}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-chip-v2-9-532.is-danger{background:rgba(255,128,146,.10);border-color:rgba(255,128,146,.24);color:#ff9cad}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-chip-v2-9-532.is-muted,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-chip-v2-9-532.is-neutral{background:rgba(159,179,199,.08);border-color:rgba(159,179,199,.16);color:#adbed0}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-solution-viewer-v2-9-515 .myeclass-workspace-card-head-v2-9-515,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-workspace-panel-title-v2-9-515{
  border-bottom-color:rgba(126,164,197,.18);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-action-kicker{
  color:#7eb7e9;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-statement-details-v2-9-515,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-empty-statement-v2-9-533,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-page-strip-v2-9-522,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-page-strip-v2-9-521{
  background:rgba(9,22,35,.88);
  border-color:rgba(126,164,197,.22);
  color:#dbe9f7;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-statement-details-v2-9-515 summary{
  color:#a9d6ff;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-empty-statement-v2-9-533 span{
  color:#9fb3c7;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-submission-page-v2-9-520,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-submission-page-v2-9-516{
  background:rgba(9,22,35,.90);
  border-color:rgba(126,164,197,.22);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-ai-status-panel-v2-9-532{
  background:linear-gradient(180deg,rgba(19,41,63,.96),rgba(12,27,42,.98))!important;
  border-color:rgba(178,166,255,.20)!important;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-ai-panel-head-v2-9-532 h2{
  color:#f2f8ff;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-ai-panel-head-v2-9-532 p{
  color:#c6bdff;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-ai-message-v2-9-532,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-ai-proposal-box-v2-9-532{
  background:rgba(22,33,57,.74);
  border-color:rgba(178,166,255,.20);
  color:#edf0ff;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-ai-message-v2-9-532.is-warning{
  background:rgba(83,55,20,.36);
  border-color:rgba(243,191,104,.22);
  color:#ffe2ad;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-ai-status-panel-v2-9-532.is-deterministic-v2-9-533{
  background:linear-gradient(180deg,rgba(18,43,64,.94),rgba(12,27,42,.98))!important;
  border-color:var(--mye-border)!important;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-ai-status-panel-v2-9-532.is-deterministic-v2-9-533 .myeclass-ai-message-v2-9-532,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-ai-status-panel-v2-9-532.is-deterministic-v2-9-533 .myeclass-ai-proposal-box-v2-9-532{
  background:rgba(9,22,35,.82);
  border-color:rgba(126,164,197,.20);
  color:#dbe9f7;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .review-action-card input,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .review-action-card textarea,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .review-action-card select{
  background:#071522;
  color:#eef6ff;
  border-color:rgba(126,164,197,.34);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .review-action-card input:focus,
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .review-action-card textarea:focus{
  outline:3px solid rgba(97,181,255,.14);
  border-color:rgba(97,181,255,.56);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-technical-diagnostics-v2-9-519{
  background:rgba(9,22,35,.72)!important;
  border-color:rgba(126,164,197,.22)!important;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-technical-diagnostics-v2-9-519 summary{
  color:#9fb3c7;
}
@media(max-width:760px){
  html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-status-dashboard-v2-9-532{grid-template-columns:1fr;}
  html[data-theme="dark"] .myeclass-correction-workspace-v2-9-534 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517{min-width:74px;}
}


/* v2.9.535 — Exercise strip final polish
   Scope: visual/navigation density only. Keeps assessment, AI and publishing logic unchanged. */
.myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533{
  position:relative;
}
.myeclass-correction-workspace-v2-9-535 .myeclass-exercise-strip-separator-v2-9-535{
  flex:0 0 1px;
  align-self:stretch;
  min-height:28px;
  margin:0 3px;
  background:rgba(148,163,184,.28);
}
.myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517{
  min-width:78px;
  padding-inline:7px;
}
.myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-summary{
  min-width:106px;
}
.myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-tab-v2-9-517.is-summary .myeclass-summary-label-v2-9-535{
  color:#0f172a;
  opacity:1;
  font-weight:900;
}
.myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-tab-v2-9-517.is-summary .myeclass-status-chip-v2-9-532{
  max-width:76px;
}
.myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-status-chip-v2-9-532 .myeclass-ui-icon-v2-9-532{
  flex:0 0 auto;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-535 .myeclass-exercise-strip-separator-v2-9-535{
  background:rgba(126,164,197,.24);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517{
  min-width:76px;
  background:rgba(18,43,64,.72);
  border-color:rgba(126,164,197,.18);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-current{
  background:linear-gradient(180deg,rgba(20,62,96,.92),rgba(14,43,69,.96));
  border-color:rgba(97,181,255,.58);
  box-shadow:inset 0 -2px 0 var(--mye-blue),0 8px 20px rgba(0,0,0,.16);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-summary{
  min-width:112px;
  background:rgba(14,33,50,.88);
  border-color:rgba(126,164,197,.26);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-tab-v2-9-517.is-summary .myeclass-summary-label-v2-9-535{
  color:#eef6ff;
  opacity:1;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-tab-v2-9-517.is-summary.is-current{
  background:linear-gradient(180deg,rgba(18,54,84,.94),rgba(13,40,64,.96));
  border-color:rgba(97,181,255,.62);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-tab-v2-9-517.is-summary .myeclass-status-chip-v2-9-532{
  color:#d8e5f2;
  border-color:rgba(159,179,199,.20);
  background:rgba(159,179,199,.09);
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-status-chip-v2-9-532{
  max-width:78px;
}
@media(max-width:980px){
  .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517{
    min-width:64px;
  }
  .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-status-chip-v2-9-532 span:not(.myeclass-ui-icon-v2-9-532){
    max-width:52px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
@media(max-width:760px){
  .myeclass-correction-workspace-v2-9-535 .myeclass-exercise-strip-title-v2-9-533{
    display:none;
  }
  .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517{
    min-width:54px;
  }
  .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-status-chip-v2-9-532 span:not(.myeclass-ui-icon-v2-9-532){
    display:none;
  }
  .myeclass-correction-workspace-v2-9-535 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-summary{
    min-width:88px;
  }
}

/* v2.9.536 — Compact exercise status labels
   Scope: strip density only. Full labels remain available in tooltips/ARIA. */
.myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533{
  gap:5px;
}
.myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517{
  min-width:58px;
  min-height:38px;
  padding:5px 7px;
}
.myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-current{
  min-width:86px;
}
.myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-summary{
  min-width:104px;
  margin-left:5px;
}
.myeclass-correction-workspace-v2-9-536 .myeclass-exercise-strip-separator-v2-9-535{
  margin:0 5px 0 7px;
}
.myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-tab-main-v2-9-516{
  gap:6px;
}
.myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-status-chip-v2-9-532{
  padding:2px 6px;
  max-width:46px;
  min-width:0;
  gap:4px;
}
.myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-current .myeclass-status-chip-v2-9-532{
  max-width:70px;
}
.myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-status-chip-v2-9-532 span:not(.myeclass-ui-icon-v2-9-532){
  max-width:40px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-current .myeclass-status-chip-v2-9-532 span:not(.myeclass-ui-icon-v2-9-532){
  max-width:58px;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517{
  min-width:58px;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-current{
  min-width:86px;
}
html[data-theme="dark"] .myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-summary{
  min-width:104px;
}
@media(max-width:980px){
  .myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517{
    min-width:50px;
  }
  .myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-current{
    min-width:72px;
  }
  .myeclass-correction-workspace-v2-9-536 .myeclass-correction-exercise-strip-v2-9-533 .myeclass-correction-exercise-tab-v2-9-517.is-current .myeclass-status-chip-v2-9-532 span:not(.myeclass-ui-icon-v2-9-532){
    max-width:44px;
  }
}

/* v2.9.537 — MyEClass Admin UI Redesign Phase A */
html[data-theme="dark"] body.myeclass-admin-body-v2-9-537,
body.myeclass-admin-body-v2-9-537{
  --admin-bg:#070d1a;
  --admin-bg-2:#0b1224;
  --admin-panel:#101a2f;
  --admin-panel-2:#111d34;
  --admin-border:#26364f;
  --admin-border-soft:rgba(148,163,184,.18);
  --admin-text:#eaf1ff;
  --admin-muted:#91a4c2;
  --admin-blue:#4f8cff;
  --admin-blue-2:#2563eb;
  --admin-green:#22c55e;
  --admin-amber:#f59e0b;
  --admin-red:#ef4444;
  --admin-shadow:0 24px 80px rgba(0,0,0,.36);
  background:
    radial-gradient(circle at 18% 5%,rgba(79,140,255,.14),transparent 32%),
    radial-gradient(circle at 80% 0,rgba(34,197,94,.09),transparent 30%),
    linear-gradient(180deg,var(--admin-bg),#070b14 62%,#050912)!important;
  color:var(--admin-text)!important;
}
.myeclass-admin-shell-v2-9-537{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:292px minmax(0,1fr)!important;
  grid-template-rows:76px minmax(0,1fr)!important;
  background:transparent!important;
}
.myeclass-admin-body-v2-9-537 .myeclass-topbar{
  grid-column:1 / -1!important;
  grid-row:1!important;
  position:sticky!important;
  top:0!important;
  min-height:76px!important;
  padding:12px 24px!important;
  background:rgba(7,13,26,.84)!important;
  border-bottom:1px solid var(--admin-border-soft)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:none!important;
  z-index:100!important;
}
.myeclass-admin-body-v2-9-537 .myeclass-topbar-left{gap:16px!important;}
.myeclass-admin-top-title-v2-9-537{
  display:inline-flex;
  align-items:center;
  height:34px;
  padding:0 12px;
  border:1px solid var(--admin-border-soft);
  border-radius:999px;
  color:var(--admin-muted);
  background:rgba(15,23,42,.62);
  font-size:13px;
  font-weight:750;
  letter-spacing:.02em;
}
.myeclass-admin-sidebar-v2-9-537{
  grid-column:1!important;
  grid-row:2!important;
  position:sticky!important;
  top:76px!important;
  align-self:start!important;
  height:calc(100vh - 76px)!important;
  padding:18px 16px 18px 20px!important;
  border-right:1px solid var(--admin-border-soft)!important;
  background:linear-gradient(180deg,rgba(8,14,28,.96),rgba(6,11,22,.92))!important;
  z-index:40!important;
}
.myeclass-admin-sidebar-inner-v2-9-537{height:100%;display:flex;flex-direction:column;gap:16px;min-height:0;}
.myeclass-admin-brand-card-v2-9-537{
  padding:16px;
  border:1px solid rgba(79,140,255,.22);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(79,140,255,.16),rgba(15,23,42,.76));
  box-shadow:0 20px 60px rgba(0,0,0,.24);
}
.myeclass-admin-brand-card-v2-9-537 span,
.myeclass-admin-panel-head-v2-9-537 p,
.myeclass-admin-page-head-v2-9-537 p,
.myeclass-admin-hero-v2-9-537 p{
  margin:0 0 4px;
  color:#79a9ff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.myeclass-admin-brand-card-v2-9-537 b{display:block;color:#fff;font-size:17px;letter-spacing:-.02em;}
.myeclass-admin-brand-card-v2-9-537 small{display:block;margin-top:6px;color:var(--admin-muted);line-height:1.35;}
.myeclass-admin-nav-v2-9-537{display:flex;flex-direction:column;gap:6px;overflow:auto;padding-right:4px;}
.myeclass-admin-nav-link-v2-9-537,
.myeclass-admin-advanced-v2-9-537>summary{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:43px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  border:1px solid transparent!important;
  color:#b8c6dd!important;
  text-decoration:none!important;
  background:transparent!important;
  font-weight:750!important;
  cursor:pointer!important;
}
.myeclass-admin-nav-link-v2-9-537:hover,
.myeclass-admin-advanced-v2-9-537>summary:hover{background:rgba(148,163,184,.08)!important;color:#fff!important;border-color:var(--admin-border-soft)!important;}
.myeclass-admin-nav-link-v2-9-537.is-active{background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(79,140,255,.14))!important;border-color:rgba(79,140,255,.38)!important;color:#fff!important;box-shadow:0 12px 36px rgba(37,99,235,.16)!important;}
.myeclass-admin-nav-link-v2-9-537 .shell-icon,
.myeclass-admin-advanced-v2-9-537 .shell-icon{width:20px;height:20px;flex:0 0 auto;color:currentColor;}
.myeclass-admin-nav-link-v2-9-537 small{margin-left:auto;color:var(--admin-muted);font-size:11px;}
.myeclass-admin-advanced-v2-9-537{border-top:1px solid var(--admin-border-soft);margin-top:8px;padding-top:8px;}
.myeclass-admin-advanced-v2-9-537>summary{list-style:none;}
.myeclass-admin-advanced-v2-9-537>summary::-webkit-details-marker{display:none;}
.myeclass-admin-advanced-v2-9-537>div{display:flex;flex-direction:column;gap:4px;margin:4px 0 0 18px;padding-left:10px;border-left:1px solid var(--admin-border-soft);}
.myeclass-admin-advanced-v2-9-537>div .myeclass-admin-nav-link-v2-9-537{min-height:38px;padding:8px 10px;font-size:13px;}
.myeclass-admin-sidebar-footer-v2-9-537{
  margin-top:auto;
  display:flex;
  gap:10px;
  align-items:center;
  padding:12px;
  border-radius:16px;
  border:1px solid var(--admin-border-soft);
  background:rgba(15,23,42,.62);
}
.myeclass-admin-sidebar-footer-v2-9-537 b{display:block;color:#fff;font-size:13px;}
.myeclass-admin-sidebar-footer-v2-9-537 small{display:block;color:var(--admin-muted);font-size:12px;}
.myeclass-admin-status-dot-v2-9-537{width:10px;height:10px;border-radius:999px;background:var(--admin-green);box-shadow:0 0 0 5px rgba(34,197,94,.12);}
.myeclass-admin-main-v2-9-537{
  grid-column:2!important;
  grid-row:2!important;
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:26px clamp(20px,3vw,36px) 46px!important;
  color:var(--admin-text)!important;
}
.myeclass-admin-body-v2-9-537 .myeclass-mobile-menu-toggle-v2-9-428{display:none!important;}
.myeclass-admin-top-actions-v2-9-537{display:flex;align-items:center;gap:10px;margin-left:auto;}
.myeclass-admin-top-chip-v2-9-537,
.myeclass-admin-profile-v2-9-537>summary{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:40px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--admin-border-soft);
  background:rgba(15,23,42,.72);
  color:#dbe7ff!important;
  text-decoration:none!important;
  font-weight:750;
  cursor:pointer;
}
.myeclass-admin-profile-v2-9-537{position:relative;}
.myeclass-admin-profile-v2-9-537>summary{list-style:none;}
.myeclass-admin-profile-v2-9-537>summary::-webkit-details-marker{display:none;}
.myeclass-admin-profile-v2-9-537>div{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  min-width:190px;
  padding:8px;
  border:1px solid var(--admin-border-soft);
  border-radius:16px;
  background:#0d172b;
  box-shadow:var(--admin-shadow);
  z-index:120;
}
.myeclass-admin-profile-v2-9-537>div a{display:flex;gap:8px;align-items:center;padding:10px;border-radius:12px;color:#dbe7ff!important;text-decoration:none!important;font-weight:700;}
.myeclass-admin-profile-v2-9-537>div a:hover{background:rgba(148,163,184,.1);}
.myeclass-admin-hero-v2-9-537,
.myeclass-admin-page-head-v2-9-537{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:26px;
  border-radius:28px;
  border:1px solid rgba(79,140,255,.24);
  background:
    radial-gradient(circle at 12% 18%,rgba(79,140,255,.23),transparent 35%),
    linear-gradient(135deg,rgba(16,26,47,.96),rgba(10,18,34,.9));
  box-shadow:var(--admin-shadow);
  margin:0 0 20px;
}
.myeclass-admin-hero-v2-9-537 h1,
.myeclass-admin-page-head-v2-9-537 h1{margin:0;color:#fff;font-size:clamp(30px,4vw,52px);line-height:.98;letter-spacing:-.055em;}
.myeclass-admin-hero-v2-9-537 span,
.myeclass-admin-page-head-v2-9-537 span{display:block;margin-top:10px;color:var(--admin-muted);max-width:720px;line-height:1.5;}
.myeclass-admin-hero-actions-v2-9-537{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.myeclass-admin-body-v2-9-537 .button,
.myeclass-admin-body-v2-9-537 button{
  border-color:var(--admin-border-soft)!important;
  background:rgba(15,23,42,.72)!important;
  color:#eaf1ff!important;
  box-shadow:none!important;
}
.myeclass-admin-body-v2-9-537 .button.primary,
.myeclass-admin-body-v2-9-537 button.primary,
.myeclass-admin-body-v2-9-537 .primary{background:linear-gradient(135deg,var(--admin-blue),var(--admin-blue-2))!important;border-color:rgba(125,173,255,.35)!important;color:white!important;}
.myeclass-admin-body-v2-9-537 button.danger,
.myeclass-admin-body-v2-9-537 .button.danger{background:rgba(239,68,68,.11)!important;border-color:rgba(239,68,68,.34)!important;color:#fecaca!important;}
.myeclass-admin-stats-grid-v2-9-537{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 18px;}
.myeclass-admin-stat-card-v2-9-537,
.myeclass-admin-panel-v2-9-537,
.myeclass-admin-toolbar-v2-9-537{
  border:1px solid var(--admin-border-soft)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(16,26,47,.94),rgba(11,18,33,.92))!important;
  color:var(--admin-text)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.22)!important;
}
.myeclass-admin-stat-card-v2-9-537{display:flex;gap:14px;align-items:center;padding:18px;min-height:132px;}
.myeclass-admin-stat-card-v2-9-537 b{display:block;font-size:34px;line-height:1;color:#fff;letter-spacing:-.05em;}
.myeclass-admin-stat-card-v2-9-537 span{display:block;margin-top:6px;font-weight:800;color:#dbe7ff;}
.myeclass-admin-stat-card-v2-9-537 small{display:block;margin-top:5px;color:var(--admin-muted);line-height:1.35;}
.myeclass-admin-stat-icon-v2-9-537{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:rgba(79,140,255,.14);color:#9cc2ff;}
.myeclass-admin-stat-card-v2-9-537.green .myeclass-admin-stat-icon-v2-9-537{background:rgba(34,197,94,.13);color:#86efac;}
.myeclass-admin-stat-card-v2-9-537.amber .myeclass-admin-stat-icon-v2-9-537{background:rgba(245,158,11,.13);color:#fcd34d;}
.myeclass-admin-dashboard-grid-v2-9-537{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:18px;align-items:start;}
.myeclass-admin-panel-v2-9-537{padding:18px!important;margin:0 0 18px!important;}
.myeclass-admin-panel-v2-9-537:hover,
.myeclass-admin-stat-card-v2-9-537:hover{transform:none!important;border-color:rgba(79,140,255,.32)!important;}
.myeclass-admin-panel-head-v2-9-537{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.myeclass-admin-panel-head-v2-9-537 h2{margin:0;color:#fff;font-size:20px;letter-spacing:-.03em;}
.myeclass-admin-quick-actions-v2-9-537{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.myeclass-admin-quick-actions-v2-9-537 a{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--admin-border-soft);border-radius:18px;background:rgba(15,23,42,.62);color:#eaf1ff!important;text-decoration:none!important;}
.myeclass-admin-quick-actions-v2-9-537 a:hover{border-color:rgba(79,140,255,.42);background:rgba(30,41,59,.72);}
.myeclass-admin-quick-actions-v2-9-537 .shell-icon{color:#9cc2ff;width:22px;height:22px;}
.myeclass-admin-quick-actions-v2-9-537 b{font-size:16px;}
.myeclass-admin-quick-actions-v2-9-537 span{color:var(--admin-muted);line-height:1.4;}
.myeclass-admin-activity-list-v2-9-537{display:flex;flex-direction:column;gap:10px;}
.myeclass-admin-activity-list-v2-9-537 article{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--admin-border-soft);}
.myeclass-admin-activity-list-v2-9-537 article:last-child{border-bottom:0;}
.myeclass-admin-activity-list-v2-9-537 article>span{width:9px;height:9px;border-radius:999px;background:var(--admin-blue);box-shadow:0 0 0 5px rgba(79,140,255,.12);}
.myeclass-admin-activity-list-v2-9-537 b{display:block;color:#fff;}
.myeclass-admin-activity-list-v2-9-537 small,
.myeclass-admin-activity-list-v2-9-537 time{color:var(--admin-muted);font-size:12px;}
.myeclass-admin-toolbar-v2-9-537{padding:14px 16px;margin:0 0 18px;display:flex;gap:16px;align-items:end;justify-content:space-between;flex-wrap:wrap;}
.myeclass-admin-toolbar-v2-9-537 form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;}
.myeclass-admin-toolbar-v2-9-537 label{margin:0;color:#dbe7ff;font-size:13px;min-width:190px;}
.myeclass-admin-body-v2-9-537 input,
.myeclass-admin-body-v2-9-537 select,
.myeclass-admin-body-v2-9-537 textarea{
  background:#0b1427!important;
  border-color:var(--admin-border)!important;
  color:#eef5ff!important;
  box-shadow:none!important;
}
.myeclass-admin-body-v2-9-537 input::placeholder{color:#64748b!important;}
.myeclass-admin-mini-stats-v2-9-537{display:flex;gap:8px;flex-wrap:wrap;}
.myeclass-admin-mini-stats-v2-9-537 span{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid var(--admin-border-soft);background:rgba(15,23,42,.66);color:#c7d7ef;font-size:13px;font-weight:750;}
.myeclass-admin-create-panel-v2-9-537>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;}
.myeclass-admin-create-panel-v2-9-537>summary::-webkit-details-marker{display:none;}
.myeclass-admin-form-grid-v2-9-537{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;}
.myeclass-admin-form-grid-v2-9-537 label{margin:0;color:#dbe7ff;font-size:13px;}
.myeclass-admin-form-grid-v2-9-537 .wide{grid-column:span 2;}
.myeclass-admin-form-grid-v2-9-537 fieldset{border:1px solid var(--admin-border-soft);border-radius:16px;padding:12px;margin:0;display:flex;gap:12px;flex-wrap:wrap;}
.myeclass-admin-form-grid-v2-9-537 legend{padding:0 6px;color:var(--admin-muted);font-weight:800;font-size:13px;}
.myeclass-admin-form-actions-v2-9-537{display:flex;align-items:end;}
.myeclass-admin-check-v2-9-537{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0!important;color:#dbe7ff!important;font-weight:700!important;white-space:nowrap;}
.myeclass-admin-check-v2-9-537 input{width:auto!important;min-width:auto!important;}
.myeclass-admin-table-wrap-v2-9-537{overflow-x:auto;border:1px solid var(--admin-border-soft);border-radius:18px;background:rgba(8,13,26,.4);}
.myeclass-admin-table-v2-9-537{width:100%;border-collapse:separate!important;border-spacing:0!important;min-width:980px;}
.myeclass-admin-table-v2-9-537 th{position:sticky;top:0;background:#0d172b!important;color:#8fa3c2!important;text-transform:uppercase;letter-spacing:.08em;font-size:11px;border-bottom:1px solid var(--admin-border-soft)!important;padding:12px!important;}
.myeclass-admin-table-v2-9-537 td{border-bottom:1px solid var(--admin-border-soft)!important;padding:12px!important;color:#eaf1ff!important;vertical-align:middle!important;}
.myeclass-admin-table-v2-9-537 tr:last-child td{border-bottom:0!important;}
.myeclass-admin-table-v2-9-537 tr:hover td{background:rgba(79,140,255,.045)!important;}
.myeclass-admin-table-v2-9-537 td.actions{white-space:nowrap;min-width:250px;}
.myeclass-admin-user-cell-v2-9-537{display:grid;grid-template-columns:38px minmax(170px,1fr);gap:10px;align-items:center;}
.myeclass-admin-user-cell-v2-9-537>span{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(79,140,255,.3),rgba(37,99,235,.15));border:1px solid rgba(79,140,255,.25);font-weight:900;color:#fff;}
.myeclass-admin-user-cell-v2-9-537 label{margin:0;}
.myeclass-admin-role-stack-v2-9-537{display:flex;flex-direction:column;gap:7px;align-items:flex-start;}
.myeclass-admin-badge-v2-9-537{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;border:1px solid var(--admin-border-soft);background:rgba(148,163,184,.1);color:#cbd5e1;font-size:12px;font-weight:850;}
.myeclass-admin-badge-v2-9-537.green{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.28);color:#86efac;}
.myeclass-admin-badge-v2-9-537.blue{background:rgba(79,140,255,.13);border-color:rgba(79,140,255,.32);color:#bfdbfe;}
.myeclass-admin-badge-v2-9-537.amber{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.32);color:#fde68a;}
.myeclass-admin-badge-v2-9-537.red{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.32);color:#fecaca;}
.myeclass-admin-course-cell-v2-9-537{display:flex;flex-direction:column;gap:7px;min-width:260px;}
.myeclass-admin-course-cell-v2-9-537 b,
.myeclass-admin-course-cell-v2-9-537 small{display:block;}
.myeclass-admin-course-cell-v2-9-537 b input{font-weight:850;font-size:15px;}
.myeclass-admin-wizard-note-v2-9-537{grid-column:1 / -1;display:flex;gap:10px;align-items:center;padding:12px;border:1px solid rgba(79,140,255,.22);border-radius:16px;background:rgba(79,140,255,.08);color:#cfe0ff;}
.myeclass-admin-wizard-note-v2-9-537 b{color:#fff;}
.myeclass-admin-body-v2-9-537 .flash{border-radius:16px!important;background:rgba(15,23,42,.84)!important;border-color:var(--admin-border-soft)!important;color:#eaf1ff!important;}
.myeclass-admin-body-v2-9-537 .flash.ok{border-color:rgba(34,197,94,.3)!important;color:#bbf7d0!important;}
.myeclass-admin-body-v2-9-537 .flash.error{border-color:rgba(239,68,68,.35)!important;color:#fecaca!important;}
.myeclass-admin-body-v2-9-537 .muted{color:var(--admin-muted)!important;}
@media(max-width:1180px){
  .myeclass-admin-shell-v2-9-537{grid-template-columns:248px minmax(0,1fr)!important;}
  .myeclass-admin-stats-grid-v2-9-537{grid-template-columns:repeat(2,minmax(0,1fr));}
  .myeclass-admin-dashboard-grid-v2-9-537{grid-template-columns:1fr;}
}
@media(max-width:820px){
  .myeclass-admin-shell-v2-9-537{grid-template-columns:1fr!important;grid-template-rows:auto auto 1fr!important;}
  .myeclass-admin-sidebar-v2-9-537{position:relative!important;top:auto!important;height:auto!important;grid-column:1!important;grid-row:2!important;border-right:0!important;border-bottom:1px solid var(--admin-border-soft)!important;padding:12px!important;}
  .myeclass-admin-nav-v2-9-537{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;}
  .myeclass-admin-advanced-v2-9-537{grid-column:1/-1;}
  .myeclass-admin-main-v2-9-537{grid-column:1!important;grid-row:3!important;padding:16px 12px 32px!important;}
  .myeclass-admin-hero-v2-9-537,.myeclass-admin-page-head-v2-9-537{align-items:flex-start;flex-direction:column;padding:20px;border-radius:22px;}
  .myeclass-admin-stats-grid-v2-9-537,.myeclass-admin-quick-actions-v2-9-537,.myeclass-admin-form-grid-v2-9-537{grid-template-columns:1fr;}
  .myeclass-admin-form-grid-v2-9-537 .wide{grid-column:auto;}
  .myeclass-admin-toolbar-v2-9-537,.myeclass-admin-toolbar-v2-9-537 form{align-items:stretch;width:100%;}
  .myeclass-admin-toolbar-v2-9-537 label{min-width:0;width:100%;}
}
@media(max-width:560px){
  .myeclass-admin-body-v2-9-537 .myeclass-topbar{padding:10px 12px!important;}
  .myeclass-admin-top-title-v2-9-537,.myeclass-admin-top-chip-v2-9-537 span{display:none;}
  .myeclass-admin-profile-v2-9-537>summary span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .myeclass-admin-nav-v2-9-537{grid-template-columns:1fr;}
  .myeclass-admin-page-head-v2-9-537 h1,.myeclass-admin-hero-v2-9-537 h1{font-size:34px;}
}

/* v2.9.538 — MyEClass Admin UI Redesign Phase B */
.myeclass-admin-users-clean-table-v2-9-538 .myeclass-admin-user-cell-v2-9-537>div b{display:block;color:#fff;font-size:15px;letter-spacing:-.02em;}
.myeclass-admin-users-clean-table-v2-9-538 .myeclass-admin-user-cell-v2-9-537>div small{display:block;margin-top:4px;color:var(--admin-muted);}
.myeclass-admin-user-edit-layout-v2-9-538{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:18px;align-items:start;}
.myeclass-admin-user-side-v2-9-538{display:flex;flex-direction:column;gap:18px;}
.myeclass-admin-user-profile-form-v2-9-538{grid-template-columns:repeat(2,minmax(0,1fr));}
.myeclass-admin-user-metrics-v2-9-538{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;}
.myeclass-admin-user-metrics-v2-9-538 span{display:block;padding:14px;border:1px solid var(--admin-border-soft);border-radius:18px;background:rgba(15,23,42,.62);}
.myeclass-admin-user-metrics-v2-9-538 b{display:block;color:#fff;font-size:30px;line-height:1;letter-spacing:-.05em;}
.myeclass-admin-user-metrics-v2-9-538 small{display:block;margin-top:6px;color:var(--admin-muted);}
.myeclass-admin-linked-counts-v2-9-538{display:flex;flex-direction:column;gap:8px;}
.myeclass-admin-linked-counts-v2-9-538 span{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--admin-border-soft);color:#cfe0ff;font-size:12px;}
.myeclass-admin-linked-counts-v2-9-538 span:last-child{border-bottom:0;}
.myeclass-admin-linked-counts-v2-9-538 b{color:#fff;}
.myeclass-admin-stack-form-v2-9-538,
.myeclass-admin-danger-stack-v2-9-538{display:flex;flex-direction:column;gap:12px;}
.myeclass-admin-stack-form-v2-9-538 label{margin:0;color:#dbe7ff;font-size:13px;}
.myeclass-admin-danger-stack-v2-9-538 button:disabled{opacity:.46;cursor:not-allowed;}
.myeclass-admin-user-connections-v2-9-538{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.myeclass-admin-user-connections-v2-9-538 h3{margin:0 0 10px;color:#fff;font-size:16px;}
.myeclass-admin-user-connections-v2-9-538 article{padding:12px;border:1px solid var(--admin-border-soft);border-radius:16px;background:rgba(15,23,42,.58);margin-bottom:8px;}
.myeclass-admin-user-connections-v2-9-538 article b{display:block;color:#fff;}
.myeclass-admin-user-connections-v2-9-538 article span{display:block;margin-top:4px;color:var(--admin-muted);}
.myeclass-admin-course-wizard-v2-9-538 form{display:flex;flex-direction:column;gap:16px;}
.myeclass-admin-wizard-steps-v2-9-538{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.myeclass-admin-wizard-steps-v2-9-538 article{position:relative;display:flex;flex-direction:column;gap:10px;min-height:250px;padding:16px;border:1px solid var(--admin-border-soft);border-radius:20px;background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(8,13,26,.58));}
.myeclass-admin-wizard-steps-v2-9-538 article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--admin-blue),var(--admin-blue-2));color:white;font-weight:900;box-shadow:0 12px 28px rgba(37,99,235,.24);}
.myeclass-admin-wizard-steps-v2-9-538 b{color:#fff;font-size:17px;letter-spacing:-.03em;}
.myeclass-admin-wizard-steps-v2-9-538 small{color:var(--admin-muted);line-height:1.35;min-height:38px;}
.myeclass-admin-wizard-steps-v2-9-538 label{margin:0;color:#dbe7ff;font-size:13px;}
.myeclass-admin-wizard-steps-v2-9-538 textarea{min-height:120px;resize:vertical;}
.myeclass-admin-curriculum-layout-v2-9-538{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start;}
.myeclass-admin-curriculum-tree-v2-9-538{position:sticky;top:96px;max-height:calc(100vh - 118px);overflow:auto;}
.myeclass-admin-curriculum-tree-v2-9-538 nav{display:flex;flex-direction:column;gap:12px;}
.myeclass-admin-curriculum-course-v2-9-538{padding:10px;border:1px solid var(--admin-border-soft);border-radius:18px;background:rgba(8,13,26,.34);}
.myeclass-admin-curriculum-course-v2-9-538>a{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:14px;color:#eaf1ff!important;text-decoration:none!important;background:rgba(15,23,42,.42);border:1px solid transparent;}
.myeclass-admin-curriculum-course-v2-9-538>a.is-active,
.myeclass-admin-curriculum-course-v2-9-538>a:hover{border-color:rgba(79,140,255,.36);background:rgba(79,140,255,.12);}
.myeclass-admin-curriculum-course-v2-9-538>a b{font-size:15px;color:#fff;}
.myeclass-admin-curriculum-course-v2-9-538>a small{color:var(--admin-muted);}
.myeclass-admin-curriculum-course-v2-9-538 ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:5px;}
.myeclass-admin-curriculum-course-v2-9-538 li ul{margin-top:5px;}
.myeclass-admin-curriculum-unit-v2-9-538{display:flex;align-items:center;gap:8px;padding:8px 9px 8px calc(9px + (var(--depth,0) * 16px));border:1px solid transparent;border-radius:12px;color:#cfe0ff!important;text-decoration:none!important;background:transparent;}
.myeclass-admin-curriculum-unit-v2-9-538:hover,
.myeclass-admin-curriculum-unit-v2-9-538.is-active{background:rgba(79,140,255,.11);border-color:rgba(79,140,255,.28);color:#fff!important;}
.myeclass-admin-curriculum-unit-v2-9-538 small{min-width:48px;max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#79a9ff;font-weight:850;font-size:11px;}
.myeclass-admin-curriculum-unit-v2-9-538 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.myeclass-admin-curriculum-detail-v2-9-538{min-width:0;}
.myeclass-admin-settings-grid-v2-9-538{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.myeclass-admin-setting-card-v2-9-538{display:flex!important;gap:14px;margin:0!important;min-height:260px;}
.myeclass-admin-setting-card-v2-9-538>.shell-icon{width:42px;height:42px;flex:0 0 42px;padding:10px;border-radius:16px;background:rgba(79,140,255,.14);color:#9cc2ff;}
.myeclass-admin-setting-card-v2-9-538 h2{margin:0;color:#fff;font-size:20px;letter-spacing:-.03em;}
.myeclass-admin-setting-card-v2-9-538 p{margin:8px 0 14px;color:var(--admin-muted);line-height:1.45;}
.myeclass-admin-setting-card-v2-9-538 dl{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;}
.myeclass-admin-setting-card-v2-9-538 dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--admin-border-soft);}
.myeclass-admin-setting-card-v2-9-538 dt{color:var(--admin-muted);font-size:12px;}
.myeclass-admin-setting-card-v2-9-538 dd{margin:0;color:#fff;font-weight:800;text-align:right;overflow-wrap:anywhere;}
@media(max-width:1180px){
  .myeclass-admin-wizard-steps-v2-9-538,.myeclass-admin-settings-grid-v2-9-538{grid-template-columns:repeat(2,minmax(0,1fr));}
  .myeclass-admin-user-edit-layout-v2-9-538{grid-template-columns:1fr;}
  .myeclass-admin-curriculum-layout-v2-9-538{grid-template-columns:1fr;}
  .myeclass-admin-curriculum-tree-v2-9-538{position:relative;top:auto;max-height:none;}
}
@media(max-width:820px){
  .myeclass-admin-wizard-steps-v2-9-538,.myeclass-admin-settings-grid-v2-9-538,.myeclass-admin-user-connections-v2-9-538,.myeclass-admin-user-profile-form-v2-9-538{grid-template-columns:1fr;}
  .myeclass-admin-wizard-steps-v2-9-538 article{min-height:0;}
}

/* v2.9.539 — Admin shell stacking/grid hotfix
   The admin body must be isolated from older portfolio shell rules. This keeps
   the sidebar inside its fixed grid column and prevents it from covering admin
   page content on wide screens. */
body.myeclass-admin-body-v2-9-537{
  overflow-x:hidden!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-app-shell.myeclass-admin-shell-v2-9-537{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:292px minmax(0,1fr)!important;
  grid-template-rows:76px minmax(0,1fr)!important;
  align-items:start!important;
  background:transparent!important;
  color:var(--admin-text)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-topbar{
  grid-column:1 / -1!important;
  grid-row:1 / 2!important;
  width:100%!important;
  z-index:80!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-537{
  grid-column:1 / 2!important;
  grid-row:2 / 3!important;
  justify-self:stretch!important;
  width:292px!important;
  max-width:292px!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  z-index:30!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-inner-v2-9-537,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-v2-9-537,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-537,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-537>div{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-link-v2-9-537,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-537>summary{
  width:100%!important;
  max-width:100%!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
  grid-column:2 / 3!important;
  grid-row:2 / 3!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:26px clamp(20px,3vw,36px) 46px!important;
  background:transparent!important;
  color:var(--admin-text)!important;
  overflow:visible!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537>*{
  position:relative!important;
  z-index:1!important;
}
@media(max-width:1180px){
  body.myeclass-admin-body-v2-9-537 .myeclass-app-shell.myeclass-admin-shell-v2-9-537{
    grid-template-columns:248px minmax(0,1fr)!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-537{
    width:248px!important;
    max-width:248px!important;
  }
}
@media(max-width:820px){
  body.myeclass-admin-body-v2-9-537 .myeclass-app-shell.myeclass-admin-shell-v2-9-537{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto 1fr!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-537{
    grid-column:1 / 2!important;
    grid-row:2 / 3!important;
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
    grid-column:1 / 2!important;
    grid-row:3 / 4!important;
    max-width:100%!important;
    padding:16px 12px 32px!important;
  }
}

/* v2.9.540 — Admin UI polish: Greek labels, black topbar, curriculum hierarchy */
body.myeclass-admin-body-v2-9-537 .myeclass-topbar{
  background:#03060d!important;
  border-bottom:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.22)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-title-v2-9-537,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-chip-v2-9-537,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-profile-v2-9-537>summary{
  background:rgba(11,18,33,.86)!important;
  border-color:rgba(148,163,184,.18)!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
  margin:0!important;
  max-width:1560px!important;
  padding-left:clamp(26px,2.8vw,44px)!important;
  padding-right:clamp(20px,3vw,36px)!important;
}
.myeclass-admin-stat-card-v2-9-537 b{
  display:flex!important;
  align-items:flex-end;
  gap:8px;
}
.myeclass-admin-stat-value-suffix-v2-9-540{
  display:inline!important;
  margin:0 0 2px!important;
  font-size:15px!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  color:var(--admin-muted)!important;
}
.myeclass-admin-curriculum-course-v2-9-538>a small{
  line-height:1.35;
}
.myeclass-admin-curriculum-course-v2-9-538 li ul{
  margin-left:18px!important;
  padding-left:12px!important;
  border-left:1px solid rgba(79,140,255,.18);
}
.myeclass-admin-curriculum-node-v2-9-540.depth-0>.myeclass-admin-curriculum-unit-v2-9-538{
  background:rgba(79,140,255,.08);
  border-color:rgba(79,140,255,.16);
}
.myeclass-admin-curriculum-node-v2-9-540.depth-1>.myeclass-admin-curriculum-unit-v2-9-538{
  background:rgba(15,23,42,.38);
}
.myeclass-admin-curriculum-unit-v2-9-538{
  padding-left:9px!important;
  min-width:0;
}
.myeclass-admin-curriculum-unit-v2-9-538 small{
  min-width:124px!important;
  max-width:156px!important;
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  color:#9fc1ff!important;
}
.myeclass-admin-curriculum-unit-v2-9-538 small em{
  flex:0 0 auto;
  font-style:normal;
  padding:2px 6px;
  border-radius:999px;
  border:1px solid rgba(79,140,255,.24);
  background:rgba(79,140,255,.10);
  color:#a9c9ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.myeclass-admin-curriculum-unit-v2-9-538 small strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dbe7ff;
  font-size:11px;
}
.myeclass-admin-curriculum-node-v2-9-540.depth-1>.myeclass-admin-curriculum-unit-v2-9-538 small em{
  background:rgba(34,197,94,.10);
  border-color:rgba(34,197,94,.22);
  color:#a7f3d0;
}
.myeclass-admin-curriculum-node-v2-9-540.depth-2>.myeclass-admin-curriculum-unit-v2-9-538 small em,
.myeclass-admin-curriculum-node-v2-9-540.depth-3>.myeclass-admin-curriculum-unit-v2-9-538 small em{
  background:rgba(245,158,11,.10);
  border-color:rgba(245,158,11,.24);
  color:#fde68a;
}
.myeclass-admin-danger-stack-v2-9-538 button:disabled{
  background:rgba(239,68,68,.055)!important;
  border-color:rgba(239,68,68,.20)!important;
  color:#a8b3c7!important;
}
@media(max-width:1180px){
  body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
    max-width:100%!important;
  }
}
@media(max-width:820px){
  .myeclass-admin-curriculum-unit-v2-9-538{
    align-items:flex-start!important;
    flex-direction:column;
  }
  .myeclass-admin-curriculum-unit-v2-9-538 small{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* v2.9.541 — Admin users cleanup: single create action with modal */
.myeclass-admin-modal-v2-9-541{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  z-index:220;
}
.myeclass-admin-modal-v2-9-541:target{display:flex;}
.myeclass-admin-modal-backdrop-v2-9-541{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.66);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.myeclass-admin-modal-card-v2-9-541{
  position:relative;
  z-index:1;
  width:min(900px,calc(100vw - 32px));
  max-height:calc(100vh - 48px);
  overflow:auto;
  padding:22px;
  border:1px solid rgba(79,140,255,.28);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(16,26,47,.98),rgba(8,13,26,.98));
  color:var(--admin-text);
  box-shadow:0 28px 90px rgba(0,0,0,.58);
}
.myeclass-admin-modal-head-v2-9-541{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid var(--admin-border-soft);
}
.myeclass-admin-modal-head-v2-9-541 p{
  margin:0 0 4px;
  color:#79a9ff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.myeclass-admin-modal-head-v2-9-541 h2{
  margin:0;
  color:#fff;
  font-size:26px;
  letter-spacing:-.04em;
}
.myeclass-admin-modal-head-v2-9-541 span{
  display:block;
  margin-top:6px;
  color:var(--admin-muted);
  line-height:1.45;
}
.myeclass-admin-users-clean-table-v2-9-538 td:nth-child(3) b{
  color:#fff;
}
@media(max-width:720px){
  .myeclass-admin-modal-v2-9-541{padding:12px;align-items:flex-start;}
  .myeclass-admin-modal-card-v2-9-541{width:100%;max-height:calc(100vh - 24px);padding:16px;border-radius:20px;}
  .myeclass-admin-modal-head-v2-9-541{flex-direction:column;}
  .myeclass-admin-modal-head-v2-9-541 .button{width:100%;}
}


/* ==========================================================================
   v2.9.544 — Product Admin Reference UI
   Target: faithful product shell from reference images. Admin only.
   ========================================================================== */
body.myeclass-admin-body-v2-9-537{
  --ref-bg:#020713;
  --ref-bg-2:#061224;
  --ref-panel:rgba(13,28,49,.78);
  --ref-panel-2:rgba(15,35,61,.62);
  --ref-panel-3:rgba(7,18,34,.82);
  --ref-border:rgba(148,176,215,.16);
  --ref-border-strong:rgba(87,134,199,.32);
  --ref-text:#f4f7fb;
  --ref-muted:#9aa9bc;
  --ref-blue:#2d82ff;
  --ref-blue-2:#0f5df0;
  --ref-green:#37e56f;
  --ref-amber:#f2ad32;
  --ref-red:#ff4f5e;
  --ref-purple:#9b5cf6;
  --ref-teal:#13d4d4;
  background:#020713!important;
  color:var(--ref-text)!important;
  overflow-x:hidden;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-shell-v2-9-537{
  display:grid!important;
  grid-template-columns:288px minmax(0,1fr)!important;
  grid-template-rows:70px minmax(calc(100vh - 70px),auto)!important;
  min-height:100vh!important;
  background:
    radial-gradient(900px 520px at 45% 0%, rgba(25,87,168,.28), transparent 62%),
    radial-gradient(680px 500px at 88% 12%, rgba(0,120,110,.14), transparent 64%),
    linear-gradient(180deg,#07111f 0%,#030813 56%,#02050c 100%)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-topbar{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  grid-column:1 / -1!important;
  grid-row:1!important;
  min-height:70px!important;
  height:70px!important;
  padding:0 22px!important;
  background:#000!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.28)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-topbar-left{gap:24px!important;align-items:center!important;min-width:0!important;}
body.myeclass-admin-body-v2-9-537 .myeclass-mobile-menu-toggle-v2-9-428{display:none!important;}
body.myeclass-admin-body-v2-9-537 .brand.myeclass-brand{display:flex!important;align-items:center!important;height:70px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
body.myeclass-admin-body-v2-9-537 .brand-logo-shell{display:flex!important;align-items:center!important;width:94px!important;height:58px!important;}
body.myeclass-admin-body-v2-9-537 .brand-logo{max-width:86px!important;max-height:54px!important;object-fit:contain!important;}
body.myeclass-admin-body-v2-9-537 .myeclass-topbar-left::after{content:"";display:block;width:1px;height:36px;background:rgba(255,255,255,.14);margin-left:10px;}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-title-v2-9-537{display:none!important;}
.myeclass-admin-top-actions-v2-9-544{display:flex;gap:12px;align-items:center;margin-left:auto;}
.myeclass-admin-top-icon-v2-9-544,.myeclass-admin-profile-v2-9-544>summary{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(113,139,180,.28);border-radius:14px;background:rgba(17,30,55,.86);color:#dce9ff;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.26);cursor:pointer;}
.myeclass-admin-top-icon-v2-9-544:hover,.myeclass-admin-profile-v2-9-544>summary:hover{border-color:rgba(66,142,255,.65);background:rgba(21,44,78,.96);}
.myeclass-admin-top-icon-v2-9-544 .shell-icon,.myeclass-admin-profile-v2-9-544 .shell-icon{width:23px;height:23px;color:#eaf3ff;}
.myeclass-admin-profile-v2-9-544{position:relative;}
.myeclass-admin-profile-v2-9-544>summary{list-style:none;}
.myeclass-admin-profile-v2-9-544>summary::-webkit-details-marker{display:none;}
.myeclass-admin-profile-v2-9-544>div{position:absolute;right:0;top:58px;min-width:220px;padding:12px;border-radius:18px;background:#081426;border:1px solid var(--ref-border-strong);box-shadow:0 24px 80px rgba(0,0,0,.45);z-index:1001;}
.myeclass-admin-profile-v2-9-544 b{display:block;padding:6px 8px 10px;color:#fff;}
.myeclass-admin-profile-v2-9-544 a{display:flex;gap:10px;align-items:center;padding:10px 8px;border-radius:12px;color:#cbd9ee;text-decoration:none;}
.myeclass-admin-profile-v2-9-544 a:hover{background:rgba(45,130,255,.12);color:#fff;}

.myeclass-admin-sidebar-v2-9-544{grid-column:1!important;grid-row:2!important;position:sticky!important;top:70px!important;height:calc(100vh - 70px)!important;background:linear-gradient(180deg,rgba(10,23,42,.98),rgba(5,13,25,.98))!important;border-right:1px solid rgba(120,146,184,.15)!important;padding:28px 18px!important;z-index:80!important;overflow:auto!important;}
.myeclass-admin-sidebar-inner-v2-9-544{min-height:100%;display:flex;flex-direction:column;gap:18px;}
.myeclass-admin-nav-v2-9-544{display:flex;flex-direction:column;gap:8px;}
.myeclass-admin-nav-section-v2-9-544{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#93a0b5;margin:0 0 8px 4px;}
.myeclass-admin-nav-link-v2-9-544,.myeclass-admin-advanced-v2-9-544>summary{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 16px;border-radius:10px;color:#d5dfec;text-decoration:none;border:1px solid transparent;background:transparent;font-size:16px;line-height:1.1;font-weight:500;}
.myeclass-admin-nav-link-v2-9-544 .shell-icon,.myeclass-admin-advanced-v2-9-544>summary .shell-icon{width:24px;height:24px;color:#d8e2ef;flex:0 0 auto;}
.myeclass-admin-nav-link-v2-9-544:hover,.myeclass-admin-advanced-v2-9-544>summary:hover{background:rgba(25,45,75,.7);color:#fff;}
.myeclass-admin-nav-link-v2-9-544.is-active,.myeclass-admin-advanced-v2-9-544[open]>summary{background:linear-gradient(135deg,rgba(30,82,151,.72),rgba(21,48,86,.72));border-color:rgba(47,132,255,.35);color:#4fa0ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.myeclass-admin-nav-link-v2-9-544.is-active .shell-icon,.myeclass-admin-advanced-v2-9-544[open]>summary .shell-icon{color:#3b93ff;}
.myeclass-admin-advanced-v2-9-544{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);}
.myeclass-admin-advanced-v2-9-544>summary{cursor:pointer;list-style:none;}
.myeclass-admin-advanced-v2-9-544>summary::-webkit-details-marker{display:none;}
.myeclass-admin-advanced-v2-9-544>summary i{margin-left:auto;font-style:normal;color:#b5c1d2;}
.myeclass-admin-advanced-v2-9-544>div{margin-top:8px;padding:8px 0 10px 14px;border-left:1px solid rgba(76,123,190,.25);display:flex;flex-direction:column;gap:2px;}
.myeclass-admin-advanced-v2-9-544>div .myeclass-admin-nav-link-v2-9-544{min-height:40px;font-size:14px;border-radius:9px;padding:0 12px;}
.myeclass-admin-advanced-v2-9-544>div .myeclass-admin-nav-link-v2-9-544:before{content:"";width:5px;height:5px;border-radius:50%;background:#2d82ff;opacity:.8;}
.myeclass-admin-advanced-v2-9-544>div .myeclass-admin-nav-link-v2-9-544 .shell-icon{width:19px;height:19px;}
.myeclass-admin-collapse-v2-9-544{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px;color:#aeb9c8;text-decoration:none;}
.myeclass-admin-collapse-v2-9-544 span{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(130,154,193,.12);color:#e8f1ff;font-weight:900;}
.myeclass-admin-collapse-v2-9-544 b{font-weight:500;}

body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{grid-column:2!important;grid-row:2!important;width:100%!important;max-width:none!important;margin:0!important;padding:32px 40px 28px!important;background:transparent!important;min-height:calc(100vh - 70px);}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537>*{max-width:1510px!important;margin-left:auto!important;margin-right:auto!important;}
.myeclass-admin-ref-header-v2-9-544{margin:0 0 22px!important;}
.myeclass-admin-breadcrumbs-v2-9-544{display:flex;gap:12px;align-items:center;margin:0 0 14px;color:#9eacbe;font-size:15px;}
.myeclass-admin-breadcrumbs-v2-9-544 a{color:#2d82ff;text-decoration:none;}
.myeclass-admin-breadcrumb-sep-v2-9-544{color:#73839b;}
.myeclass-admin-ref-header-row-v2-9-544{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;}
.myeclass-admin-ref-header-v2-9-544 h1{margin:0;color:#f8fbff;font-size:clamp(28px,2.35vw,42px);line-height:1.05;letter-spacing:-.035em;font-weight:760;}
.myeclass-admin-ref-header-v2-9-544 p{margin:10px 0 0;color:#aebbd0;font-size:16px;line-height:1.5;}
.myeclass-admin-ref-header-actions-v2-9-544{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;}
.myeclass-admin-ref-button-v2-9-544{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-radius:10px;border:1px solid rgba(99,132,183,.22);background:rgba(16,32,57,.82);color:#e6efff;text-decoration:none;font-weight:700;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.myeclass-admin-ref-button-v2-9-544.primary{background:linear-gradient(135deg,#2383ff,#185de8);border-color:rgba(91,153,255,.65);color:#fff;box-shadow:0 12px 26px rgba(20,86,210,.22);}
.myeclass-admin-ref-button-v2-9-544.ghost{background:rgba(13,24,42,.72);}
.myeclass-admin-ref-button-v2-9-544 .shell-icon{width:19px;height:19px;}
.myeclass-admin-ref-toolbar-v2-9-544{display:flex;align-items:center;gap:10px;margin:0;}
.myeclass-admin-ref-search-v2-9-544{height:50px;min-width:310px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:10px;background:rgba(8,17,32,.78);border:1px solid rgba(124,149,187,.22);}
.myeclass-admin-ref-search-v2-9-544 .shell-icon{width:19px;height:19px;color:#aeb8c9;}
.myeclass-admin-ref-search-v2-9-544 input{border:0!important;outline:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;padding:0!important;min-width:0;font-size:15px;}
.myeclass-admin-ref-search-v2-9-544 input::placeholder{color:#7f8da2;}

.myeclass-admin-ref-panel-v2-9-544,.myeclass-admin-ref-table-card-v2-9-544{background:linear-gradient(180deg,rgba(14,29,52,.76),rgba(8,20,37,.74));border:1px solid var(--ref-border);border-radius:14px;box-shadow:0 22px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03);}
.myeclass-admin-ref-panel-v2-9-544{padding:26px;}
.myeclass-admin-ref-panel-v2-9-544 h2{margin:0 0 16px;color:#fff;font-size:22px;letter-spacing:-.02em;}
.myeclass-admin-ref-panel-v2-9-544 p{color:#aebbd0;}
.myeclass-admin-ref-stats-grid-v2-9-544{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;}
.myeclass-admin-ref-stat-v2-9-544{height:132px;border:1px solid var(--ref-border);border-radius:14px;background:linear-gradient(180deg,rgba(17,33,57,.82),rgba(12,25,43,.76));display:flex;align-items:center;gap:20px;padding:20px 22px;color:#fff;position:relative;box-shadow:0 18px 45px rgba(0,0,0,.18);}
.myeclass-admin-ref-stat-icon-v2-9-544{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(45,130,255,.22);color:#3190ff;}
.myeclass-admin-ref-stat-v2-9-544.purple .myeclass-admin-ref-stat-icon-v2-9-544{background:rgba(155,92,246,.24);color:#ba82ff;}
.myeclass-admin-ref-stat-v2-9-544.teal .myeclass-admin-ref-stat-icon-v2-9-544{background:rgba(19,212,212,.20);color:#20dce1;}
.myeclass-admin-ref-stat-v2-9-544.amber .myeclass-admin-ref-stat-icon-v2-9-544{background:rgba(242,173,50,.20);color:#f7ae34;}
.myeclass-admin-ref-stat-icon-v2-9-544 .shell-icon{width:30px;height:30px;}
.myeclass-admin-ref-stat-v2-9-544 div{display:flex;flex-direction:column;gap:4px;min-width:0;}
.myeclass-admin-ref-stat-v2-9-544 div>b{color:#e4edf9;font-size:16px;font-weight:600;}
.myeclass-admin-ref-stat-v2-9-544 strong{font-size:30px;line-height:1;color:#fff;letter-spacing:-.03em;}
.myeclass-admin-ref-stat-v2-9-544 small{color:#9faec2;font-size:13px;line-height:1.35;}
.myeclass-admin-ref-stat-v2-9-544 em{margin-left:auto;font-style:normal;color:#c6d2e5;font-size:32px;}
.myeclass-admin-ref-dashboard-grid-v2-9-544{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:20px;}
.myeclass-admin-ref-quick-grid-v2-9-544{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.myeclass-admin-ref-quick-grid-v2-9-544 a{min-height:120px;text-decoration:none;color:#fff;border-radius:10px;border:1px solid var(--ref-border);background:rgba(17,31,52,.62);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;gap:7px;}
.myeclass-admin-ref-quick-grid-v2-9-544 a:hover{border-color:rgba(45,130,255,.48);background:rgba(22,45,78,.75);}
.myeclass-admin-ref-quick-grid-v2-9-544 .shell-icon{width:34px;height:34px;color:#2d82ff;margin-bottom:4px;}
.myeclass-admin-ref-quick-grid-v2-9-544 b{font-size:15px;}
.myeclass-admin-ref-quick-grid-v2-9-544 small{font-size:13px;color:#9eaabd;}
.myeclass-admin-ref-link-v2-9-544{display:inline-flex;margin-top:18px;color:#2d82ff;text-decoration:none;font-weight:700;gap:8px;}
.myeclass-admin-ref-panel-title-row-v2-9-544{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;}
.myeclass-admin-ref-panel-title-row-v2-9-544 h2{margin:0;}
.myeclass-admin-ref-panel-title-row-v2-9-544 a{color:#2d82ff;text-decoration:none;}
.myeclass-admin-ref-activity-v2-9-544 article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.myeclass-admin-ref-activity-v2-9-544 article:last-child{border-bottom:0;}
.myeclass-admin-ref-activity-v2-9-544 article>span{width:38px;height:38px;border-radius:50%;background:rgba(45,130,255,.18);display:grid;place-items:center;color:#2d82ff;}
.myeclass-admin-ref-activity-v2-9-544 b{display:block;color:#fff;font-size:14px;}
.myeclass-admin-ref-activity-v2-9-544 small,.myeclass-admin-ref-activity-v2-9-544 time{color:#96a6ba;font-size:13px;}

.myeclass-admin-ref-table-card-v2-9-544{padding:16px 16px 14px;overflow:auto;}
.myeclass-admin-ref-table-v2-9-544{width:100%;border-collapse:collapse!important;background:transparent!important;color:#dbe8fa;}
.myeclass-admin-ref-table-v2-9-544 th{height:54px;text-align:left;color:#b7c4d8;font-size:14px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.09);padding:0 18px;background:transparent!important;}
.myeclass-admin-ref-table-v2-9-544 td{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:middle;background:transparent!important;}
.myeclass-admin-ref-table-v2-9-544 tr:last-child td{border-bottom:0;}
.myeclass-admin-ref-user-cell-v2-9-544,.myeclass-admin-ref-course-cell-v2-9-544{display:flex;align-items:center;gap:16px;min-width:240px;}
.myeclass-admin-ref-user-cell-v2-9-544 b,.myeclass-admin-ref-course-cell-v2-9-544 b{display:block;color:#fff;}
.myeclass-admin-ref-user-cell-v2-9-544 small,.myeclass-admin-ref-course-cell-v2-9-544 small{display:block;color:#8f9eb2;margin-top:4px;}
.myeclass-admin-ref-avatar-v2-9-544{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#eaf4ff;background:#183a75;border:1px solid rgba(255,255,255,.12);}
.myeclass-admin-ref-avatar-v2-9-544.purple{background:rgba(110,57,160,.64);}.myeclass-admin-ref-avatar-v2-9-544.blue{background:rgba(35,85,160,.64);}.myeclass-admin-ref-avatar-v2-9-544.red{background:rgba(150,47,60,.64);}
.myeclass-admin-ref-course-icon-v2-9-544{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:800;color:#fff;background:#2a5aa0;}
.myeclass-admin-ref-course-icon-v2-9-544.purple{background:linear-gradient(135deg,#6b3aa0,#8d5be3);}.myeclass-admin-ref-course-icon-v2-9-544.blue{background:linear-gradient(135deg,#164d9e,#3f87d8);}.myeclass-admin-ref-course-icon-v2-9-544.amber{background:linear-gradient(135deg,#8d5a09,#c88a25);}.myeclass-admin-ref-course-icon-v2-9-544.green{background:linear-gradient(135deg,#1f783b,#4ea54a);}
.myeclass-admin-badge-v2-9-544{display:inline-flex!important;align-items:center;gap:7px;min-height:28px;padding:0 12px;border-radius:8px;font-weight:700;font-size:13px;border:1px solid transparent;background:rgba(120,145,178,.12);color:#dce8f7;}
.myeclass-admin-badge-v2-9-544 i{width:7px;height:7px;border-radius:50%;background:currentColor;}
.myeclass-admin-badge-v2-9-544.green{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.26);color:#35e978;}.myeclass-admin-badge-v2-9-544.amber{background:rgba(242,173,50,.18);border-color:rgba(242,173,50,.34);color:#ffc354;}.myeclass-admin-badge-v2-9-544.blue{background:rgba(45,130,255,.16);border-color:rgba(45,130,255,.30);color:#65a8ff;}.myeclass-admin-badge-v2-9-544.red{background:rgba(255,79,94,.16);border-color:rgba(255,79,94,.34);color:#ff6d78;}.myeclass-admin-badge-v2-9-544.purple{background:rgba(155,92,246,.16);border-color:rgba(155,92,246,.30);color:#c28dff;}
.myeclass-admin-ref-actions-v2-9-544{display:flex;align-items:center;gap:10px;}
.myeclass-admin-ref-iconbtn-v2-9-544{width:40px;height:40px;border-radius:10px;border:1px solid rgba(120,146,184,.18);background:rgba(15,30,54,.76);color:#2d82ff;display:inline-grid;place-items:center;text-decoration:none;cursor:pointer;}
.myeclass-admin-ref-iconbtn-v2-9-544 .shell-icon{width:19px;height:19px;}.myeclass-admin-ref-table-footer-v2-9-544{display:flex;justify-content:space-between;align-items:center;padding:18px 4px 4px;color:#9eacbd;}.myeclass-admin-ref-table-footer-v2-9-544 nav{display:flex;gap:8px;align-items:center;}.myeclass-admin-ref-table-footer-v2-9-544 button,.myeclass-admin-ref-table-footer-v2-9-544 b{width:38px;height:38px;border-radius:10px;border:1px solid rgba(120,146,184,.18);background:rgba(13,25,44,.75);color:#cfe0f7;display:grid;place-items:center;}.myeclass-admin-ref-table-footer-v2-9-544 b{background:#206fee;color:#fff;border-color:#2d82ff;}
.myeclass-admin-ref-unit-link-v2-9-544{display:inline-flex;gap:8px;align-items:center;text-decoration:none;color:#dcecff;}.myeclass-admin-ref-unit-link-v2-9-544 .shell-icon{color:#13d4d4;}

.myeclass-admin-ref-form-v2-9-544{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}.myeclass-admin-ref-form-v2-9-544 label{display:flex;flex-direction:column;gap:8px;color:#e7effb;font-weight:700;}.myeclass-admin-ref-form-v2-9-544 label.wide{grid-column:1 / -1;}.myeclass-admin-ref-form-v2-9-544 input,.myeclass-admin-ref-form-v2-9-544 select,.myeclass-admin-ref-form-v2-9-544 textarea,.myeclass-admin-ref-settings-form-v2-9-544 input,.myeclass-admin-ref-settings-form-v2-9-544 select{width:100%;border-radius:10px!important;border:1px solid rgba(128,154,196,.22)!important;background:rgba(5,14,27,.62)!important;color:#f4f7fb!important;box-shadow:none!important;min-height:46px;padding:0 14px!important;font-size:15px;}.myeclass-admin-ref-form-v2-9-544 textarea{min-height:120px;padding:14px!important;}.myeclass-admin-ref-form-v2-9-544 fieldset{border:1px solid rgba(128,154,196,.22);border-radius:12px;padding:14px;display:flex;gap:16px;align-items:center;grid-column:1 / -1;}.myeclass-admin-ref-form-v2-9-544 legend{padding:0 8px;color:#eaf3ff;font-weight:800;}.myeclass-admin-ref-form-actions-v2-9-544,.myeclass-admin-ref-dialog-actions-v2-9-544{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:12px;margin-top:10px;}.myeclass-admin-ref-course-wizard-v2-9-544{margin-top:18px;}.myeclass-admin-ref-stepper-v2-9-544{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0;margin:0 auto 24px!important;max-width:1120px!important;counter-reset:none;}.myeclass-admin-ref-stepper-v2-9-544 li{position:relative;text-align:center;color:#98a6b9;}.myeclass-admin-ref-stepper-v2-9-544 li:not(:last-child)::after{content:"";position:absolute;left:calc(50% + 34px);right:calc(-50% + 34px);top:22px;height:1px;background:rgba(158,178,210,.32);}.myeclass-admin-ref-stepper-v2-9-544 span{width:44px;height:44px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(156,174,206,.42);background:rgba(4,12,24,.62);color:#fff;font-weight:800;}.myeclass-admin-ref-stepper-v2-9-544 .is-active span{background:linear-gradient(135deg,#2f8bff,#1e5fea);border-color:#2d82ff;}.myeclass-admin-ref-stepper-v2-9-544 .is-active b{color:#2d82ff;}.myeclass-admin-ref-stepper-v2-9-544 b{font-weight:500;}
.myeclass-admin-ref-edit-layout-v2-9-544{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);gap:22px;}.myeclass-admin-ref-edit-layout-v2-9-544>.myeclass-admin-ref-panel-v2-9-544 .myeclass-admin-ref-form-v2-9-544{grid-template-columns:1fr;}.myeclass-admin-ref-course-list-v2-9-544{display:flex;flex-direction:column;gap:12px;}.myeclass-admin-ref-course-list-v2-9-544 article{display:flex;align-items:center;gap:14px;min-height:60px;padding:0 16px;border-radius:12px;background:rgba(19,34,57,.7);border:1px solid rgba(128,154,196,.14);}.myeclass-admin-ref-course-list-v2-9-544 article span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(155,92,246,.25);color:#c087ff;}.myeclass-admin-ref-course-list-v2-9-544 article b{color:#eaf2ff;}.myeclass-admin-ref-course-list-v2-9-544 article em{margin-left:auto;font-style:normal;color:#d9e5f5;font-size:24px;}.myeclass-admin-ref-bottom-actions-v2-9-544{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;border-radius:14px;border:1px solid var(--ref-border);background:rgba(13,28,49,.65);padding:18px;}.myeclass-admin-ref-bottom-actions-v2-9-544>div{display:flex;gap:12px;}.myeclass-admin-ref-bottom-actions-v2-9-544 .danger{min-height:46px;border-radius:10px;border:1px solid rgba(255,79,94,.55);background:rgba(255,79,94,.08);color:#ff5d68;font-weight:800;padding:0 18px;}

.myeclass-admin-ref-modal-v2-9-544{position:fixed;inset:0;display:none;place-items:center;z-index:2000;padding:24px;}.myeclass-admin-ref-modal-v2-9-544:target{display:grid;}.myeclass-admin-ref-modal-backdrop-v2-9-544{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);}.myeclass-admin-ref-dialog-v2-9-544{position:relative;width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;border-radius:22px;border:1px solid rgba(93,139,204,.36);background:linear-gradient(180deg,#0c1a2f,#071326);box-shadow:0 40px 120px rgba(0,0,0,.65);padding:28px;}.myeclass-admin-ref-dialog-v2-9-544 h2{margin:0 0 6px;color:#fff;font-size:28px;}.myeclass-admin-ref-dialog-v2-9-544 p{margin:0 0 18px;color:#9eacbf;}.myeclass-admin-ref-modal-close-v2-9-544{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:24px;}

.myeclass-admin-ref-curriculum-layout-v2-9-544{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px;}.myeclass-admin-ref-tree-v2-9-544,.myeclass-admin-ref-tree-v2-9-544 ul{list-style:none;margin:0;padding:0;}.myeclass-admin-ref-tree-v2-9-544 ul{margin-left:18px;padding-left:18px;border-left:1px solid rgba(139,162,194,.20);}.myeclass-admin-ref-tree-v2-9-544 a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:10px;color:#dce7f6;text-decoration:none;}.myeclass-admin-ref-tree-v2-9-544 a:hover{background:rgba(255,255,255,.05);}.myeclass-admin-ref-tree-v2-9-544 .is-selected>a{background:rgba(45,130,255,.18);border:1px solid rgba(45,130,255,.32);color:#fff;}.myeclass-admin-ref-tree-v2-9-544 .shell-icon{width:21px;height:21px;color:#d6e3f3;}.myeclass-admin-ref-tree-v2-9-544 small{display:inline-flex;margin-right:8px;font-size:10px;color:#b6cdf2;background:rgba(45,130,255,.16);border-radius:999px;padding:3px 7px;font-weight:900;}.myeclass-admin-ref-tree-v2-9-544 b{font-size:14px;}.myeclass-admin-ref-tree-course-v2-9-544>a{font-size:15px;}.myeclass-admin-ref-curriculum-detail-v2-9-544{min-height:440px;}.myeclass-admin-ref-detail-head-v2-9-544{display:flex;align-items:center;gap:18px;margin-bottom:24px;}.myeclass-admin-ref-detail-head-v2-9-544>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(155,92,246,.25);color:#c28dff;}.myeclass-admin-ref-detail-head-v2-9-544 h2{margin:0;font-size:28px;}.myeclass-admin-ref-detail-head-v2-9-544 p{margin:6px 0 0;color:#9eacbf;}.myeclass-admin-ref-detail-head-v2-9-544 .myeclass-admin-ref-button-v2-9-544{margin-left:auto;}.myeclass-admin-ref-detail-list-v2-9-544{border-top:1px solid rgba(255,255,255,.08);}.myeclass-admin-ref-detail-list-v2-9-544 div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);}.myeclass-admin-ref-detail-list-v2-9-544 dt{color:#aebbd0;}.myeclass-admin-ref-detail-list-v2-9-544 dd{margin:0;color:#e7f0ff;line-height:1.55;}.myeclass-admin-ref-detail-stats-v2-9-544{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;}.myeclass-admin-ref-detail-stats-v2-9-544 article{border:1px solid var(--ref-border);border-radius:14px;background:rgba(15,31,55,.68);padding:20px;}.myeclass-admin-ref-detail-stats-v2-9-544 .shell-icon{width:42px;height:42px;color:#2d82ff;}.myeclass-admin-ref-detail-stats-v2-9-544 b{display:block;margin-top:12px;color:#fff;font-size:34px;}.myeclass-admin-ref-detail-stats-v2-9-544 span{display:block;color:#fff;font-size:16px;}.myeclass-admin-ref-detail-stats-v2-9-544 small{color:#9eacbf;}

.myeclass-admin-ref-settings-v2-9-544{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--ref-border);border-radius:14px;overflow:hidden;background:rgba(13,28,49,.68);}.myeclass-admin-ref-settings-v2-9-544 aside{padding:22px 16px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px;}.myeclass-admin-ref-settings-v2-9-544 aside a{display:flex;gap:14px;align-items:center;min-height:54px;padding:0 14px;border-radius:10px;color:#cbd8e9;text-decoration:none;font-size:16px;}.myeclass-admin-ref-settings-v2-9-544 aside a.is-active{background:rgba(45,130,255,.16);color:#2d82ff;}.myeclass-admin-ref-settings-v2-9-544 aside .shell-icon{width:23px;height:23px;}.myeclass-admin-ref-settings-form-v2-9-544{padding:28px 34px 0;}.myeclass-admin-ref-settings-form-v2-9-544>div{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,.95fr);gap:30px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07);}.myeclass-admin-ref-settings-form-v2-9-544 b{display:block;color:#fff;font-size:16px;}.myeclass-admin-ref-settings-form-v2-9-544 small{display:block;color:#9eacbf;margin-top:6px;}.myeclass-admin-ref-toggle-v2-9-544{width:54px;height:28px;border-radius:999px;background:#1f6ff2;position:relative;box-shadow:0 4px 14px rgba(31,111,242,.32);}.myeclass-admin-ref-toggle-v2-9-544::after{content:"";position:absolute;right:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;}.myeclass-admin-ref-settings-form-v2-9-544 footer{display:flex;justify-content:flex-end;padding:20px 0 26px;}

body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537::after{content:"© 2026 MyEClass.gr | Όλα τα δικαιώματα διατηρούνται";display:block;max-width:1510px;margin:32px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:#9eacbf;font-size:14px;}

@media (max-width:1100px){body.myeclass-admin-body-v2-9-537 .myeclass-admin-shell-v2-9-537{grid-template-columns:1fr!important;}.myeclass-admin-sidebar-v2-9-544{position:relative!important;top:auto!important;height:auto!important;grid-column:1!important;grid-row:2!important;}.myeclass-admin-main-v2-9-537{grid-column:1!important;grid-row:3!important;padding:20px!important;}.myeclass-admin-ref-stats-grid-v2-9-544,.myeclass-admin-ref-dashboard-grid-v2-9-544,.myeclass-admin-ref-edit-layout-v2-9-544,.myeclass-admin-ref-curriculum-layout-v2-9-544,.myeclass-admin-ref-settings-v2-9-544{grid-template-columns:1fr!important;}.myeclass-admin-ref-quick-grid-v2-9-544{grid-template-columns:repeat(2,1fr);}}
@media (max-width:720px){.myeclass-admin-ref-header-row-v2-9-544{flex-direction:column;}.myeclass-admin-ref-stats-grid-v2-9-544,.myeclass-admin-ref-quick-grid-v2-9-544,.myeclass-admin-ref-form-v2-9-544,.myeclass-admin-ref-detail-stats-v2-9-544{grid-template-columns:1fr!important;}.myeclass-admin-ref-settings-form-v2-9-544>div{grid-template-columns:1fr;}.myeclass-admin-ref-search-v2-9-544{min-width:0;width:100%;}.myeclass-admin-ref-header-actions-v2-9-544{width:100%;justify-content:stretch;}.myeclass-admin-ref-header-actions-v2-9-544>*{flex:1;}}

/* v2.9.566 — Admin Maintenance human-first UI restructure */
.myeclass-admin-maintenance-v2-9-566{display:grid;gap:22px;}
.myeclass-maintenance-tabs-v2-9-566{position:sticky;top:72px;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;border:1px solid rgba(128,154,196,.18);border-radius:18px;background:rgba(8,18,34,.78);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.16);}
.myeclass-maintenance-tabs-v2-9-566 a{display:grid;gap:3px;min-height:62px;padding:11px 13px;border:1px solid rgba(128,154,196,.16);border-radius:14px;background:rgba(255,255,255,.045);color:#dce8f8;text-decoration:none;}
.myeclass-maintenance-tabs-v2-9-566 a:hover{border-color:rgba(45,130,255,.42);background:rgba(45,130,255,.12);}
.myeclass-maintenance-tabs-v2-9-566 b{color:#fff;font-size:15px;}
.myeclass-maintenance-tabs-v2-9-566 small{color:#9eacbf;font-size:12px;line-height:1.35;}
.myeclass-maintenance-section-v2-9-566{scroll-margin-top:170px;display:grid;gap:16px;}
.myeclass-maintenance-section-head-v2-9-566{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;border:1px solid var(--ref-border,rgba(128,154,196,.18));border-radius:18px;background:linear-gradient(135deg,rgba(13,28,49,.82),rgba(7,19,38,.72));box-shadow:0 18px 52px rgba(0,0,0,.18);}
.myeclass-maintenance-section-head-v2-9-566 h2{margin:3px 0 6px;color:#fff;font-size:28px;}
.myeclass-maintenance-section-head-v2-9-566 p{margin:0;color:#aebbd0;line-height:1.55;}
.myeclass-maintenance-safe-badge-v2-9-566,.myeclass-maintenance-danger-badge-v2-9-566{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:0 13px;font-weight:900;font-size:13px;white-space:nowrap;}
.myeclass-maintenance-safe-badge-v2-9-566{border:1px solid rgba(52,211,153,.34);background:rgba(16,185,129,.12);color:#79f2c0;}
.myeclass-maintenance-danger-badge-v2-9-566{border:1px solid rgba(251,113,133,.42);background:rgba(244,63,94,.12);color:#ff9aa7;}
.myeclass-maintenance-stats-v2-9-566{margin:0!important;}
.myeclass-maintenance-flow-v2-9-566{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.myeclass-maintenance-flow-v2-9-566 article{position:relative;display:grid;gap:8px;min-height:150px;padding:16px;border:1px solid rgba(128,154,196,.18);border-radius:16px;background:rgba(13,28,49,.70);}
.myeclass-maintenance-flow-v2-9-566 span{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(45,130,255,.16);border:1px solid rgba(45,130,255,.32);color:#69a8ff;font-weight:950;}
.myeclass-maintenance-flow-v2-9-566 b{color:#fff;font-size:16px;}
.myeclass-maintenance-flow-v2-9-566 small{color:#aebbd0;line-height:1.45;}
.myeclass-maintenance-callout-v2-9-566{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid rgba(45,130,255,.26);border-radius:16px;background:rgba(45,130,255,.10);color:#dce8f8;}
.myeclass-maintenance-callout-v2-9-566 b{color:#fff;}
.myeclass-maintenance-callout-v2-9-566 span{color:#b7c5d8;}
.myeclass-maintenance-callout-v2-9-566 a{margin-left:auto;}
.myeclass-maintenance-callout-v2-9-566.is-warning{border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.10);}
.myeclass-maintenance-callout-v2-9-566.is-ok{border-color:rgba(52,211,153,.32);background:rgba(16,185,129,.10);}
.myeclass-maintenance-danger-shell-v2-9-566,.myeclass-maintenance-preview-shell-v2-9-566,.myeclass-maintenance-secondary-reset-v2-9-566{border:1px solid rgba(251,113,133,.30);border-radius:20px;background:linear-gradient(180deg,rgba(127,29,29,.16),rgba(13,28,49,.72));padding:18px;box-shadow:0 20px 70px rgba(0,0,0,.20);}
.myeclass-maintenance-danger-shell-v2-9-566 h3,.myeclass-maintenance-preview-head-v2-9-566 h3{margin:0 0 6px;color:#fff;font-size:22px;}
.myeclass-maintenance-danger-shell-v2-9-566 p,.myeclass-maintenance-preview-head-v2-9-566 p{margin:0 0 16px;color:#aebbd0;}
.myeclass-maintenance-reset-grid-v2-9-566{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;}
.myeclass-maintenance-reset-card-v2-9-566{display:grid;gap:12px;align-content:space-between;min-height:250px;padding:18px;border:1px solid rgba(128,154,196,.18);border-radius:18px;background:rgba(13,28,49,.82);}
.myeclass-maintenance-reset-card-v2-9-566.high,.myeclass-maintenance-reset-card-v2-9-566.critical{border-color:rgba(251,113,133,.36);}
.myeclass-maintenance-reset-card-v2-9-566 h4{margin:0 0 8px;color:#fff;font-size:20px;}
.myeclass-maintenance-reset-card-v2-9-566 p{margin:0;color:#aebbd0;line-height:1.5;}
.myeclass-maintenance-reset-card-v2-9-566 form{margin-top:auto;}
.myeclass-maintenance-preview-head-v2-9-566{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px;}
.myeclass-maintenance-preview-actions-v2-9-566{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
.myeclass-maintenance-preview-shell-v2-9-566 .card{margin:12px 0 0;}
.myeclass-maintenance-secondary-reset-v2-9-566>summary{cursor:pointer;color:#fff;font-weight:900;}
.myeclass-maintenance-secondary-reset-v2-9-566 .myeclass-maintenance-reset-grid-v2-9-566{margin-top:14px;}
.myeclass-maintenance-report-panel-v2-9-566{padding:20px!important;overflow:hidden;}
.myeclass-maintenance-advanced-grid-v2-9-566{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}
.myeclass-maintenance-advanced-grid-v2-9-566 details{margin:0!important;}
.myeclass-maintenance-advanced-grid-v2-9-566 summary{cursor:pointer;color:#fff;font-weight:900;}
@media(max-width:1100px){.myeclass-maintenance-tabs-v2-9-566,.myeclass-maintenance-flow-v2-9-566{grid-template-columns:repeat(2,minmax(0,1fr));}.myeclass-maintenance-tabs-v2-9-566{position:relative;top:auto;}.myeclass-maintenance-section-v2-9-566{scroll-margin-top:30px;}}
@media(max-width:720px){.myeclass-maintenance-tabs-v2-9-566,.myeclass-maintenance-flow-v2-9-566{grid-template-columns:1fr;}.myeclass-maintenance-section-head-v2-9-566,.myeclass-maintenance-preview-head-v2-9-566{display:grid;}.myeclass-maintenance-callout-v2-9-566 a{margin-left:0;width:100%;}.myeclass-maintenance-preview-actions-v2-9-566{justify-content:stretch;}.myeclass-maintenance-preview-actions-v2-9-566 button{width:100%;}}

/* v2.9.567 — Admin platform settings human-first UI restructure */
.myeclass-admin-platform-settings-v2-9-567{display:grid;gap:22px;}
.myeclass-platform-settings-overview-v2-9-567{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.myeclass-platform-settings-shell-v2-9-567{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--ref-border,rgba(128,154,196,.18));border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(13,28,49,.72),rgba(7,18,34,.72));box-shadow:0 22px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03);}
.myeclass-platform-settings-nav-v2-9-567{padding:20px 16px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px;background:rgba(5,13,25,.26);}
.myeclass-platform-settings-nav-v2-9-567 a{display:flex;align-items:center;gap:13px;min-height:68px;padding:10px 14px;border:1px solid transparent;border-radius:14px;color:#cbd8e9;text-decoration:none;}
.myeclass-platform-settings-nav-v2-9-567 a:hover{background:rgba(45,130,255,.10);border-color:rgba(45,130,255,.24);color:#fff;}
.myeclass-platform-settings-nav-v2-9-567 a.is-active{background:linear-gradient(135deg,rgba(45,130,255,.24),rgba(45,130,255,.10));border-color:rgba(45,130,255,.36);color:#61a9ff;}
.myeclass-platform-settings-nav-v2-9-567 .shell-icon{width:23px;height:23px;flex:0 0 auto;color:currentColor;}
.myeclass-platform-settings-nav-v2-9-567 b{display:block;color:inherit;font-size:15px;}
.myeclass-platform-settings-nav-v2-9-567 small{display:block;margin-top:4px;color:#9eacbf;line-height:1.3;font-size:12px;}
.myeclass-platform-settings-content-v2-9-567{display:grid;gap:18px;padding:24px;min-width:0;}
.myeclass-platform-settings-section-v2-9-567{display:grid;gap:14px;scroll-margin-top:110px;}
.myeclass-platform-settings-section-head-v2-9-567{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;}
.myeclass-platform-settings-section-head-v2-9-567 h2{margin:3px 0 0;color:#fff;font-size:25px;letter-spacing:-.02em;}
.myeclass-platform-settings-section-head-v2-9-567>span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(45,130,255,.28);background:rgba(45,130,255,.10);color:#9ec8ff;font-weight:900;font-size:12px;white-space:nowrap;}
.myeclass-platform-settings-card-v2-9-567{border:1px solid rgba(128,154,196,.18);border-radius:18px;background:rgba(7,17,32,.54);overflow:hidden;}
.myeclass-platform-settings-row-v2-9-567{display:grid;grid-template-columns:minmax(230px,.95fr) minmax(320px,1.25fr);gap:26px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07);}
.myeclass-platform-settings-row-v2-9-567:last-child{border-bottom:0;}
.myeclass-platform-settings-row-v2-9-567 label{margin:0;color:#e7effb;}
.myeclass-platform-settings-row-v2-9-567 label b{display:block;color:#fff;font-size:16px;}
.myeclass-platform-settings-row-v2-9-567 label small{display:block;margin-top:6px;color:#9eacbf;line-height:1.45;}
.myeclass-platform-settings-row-v2-9-567 input,.myeclass-platform-settings-row-v2-9-567 select{width:100%;min-height:46px;border-radius:10px!important;border:1px solid rgba(128,154,196,.22)!important;background:rgba(5,14,27,.64)!important;color:#f4f7fb!important;box-shadow:none!important;padding:0 14px!important;font-size:15px;}
.myeclass-platform-settings-row-v2-9-567 input[readonly],.myeclass-platform-settings-row-v2-9-567 select:disabled{opacity:.92;cursor:default;}
.myeclass-platform-settings-row-v2-9-567 button:disabled{opacity:.62;cursor:not-allowed;}
.myeclass-platform-settings-card-grid-v2-9-567{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.myeclass-platform-settings-info-card-v2-9-567{display:grid;gap:14px;align-content:space-between;min-height:245px;padding:18px;border:1px solid rgba(128,154,196,.18);border-radius:18px;background:rgba(7,17,32,.54);}
.myeclass-platform-settings-info-card-v2-9-567>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(45,130,255,.14);color:#79b6ff;}
.myeclass-platform-settings-info-card-v2-9-567 .shell-icon{width:24px;height:24px;}
.myeclass-platform-settings-info-card-v2-9-567 b{display:block;color:#fff;font-size:16px;}
.myeclass-platform-settings-info-card-v2-9-567 strong{display:block;margin-top:6px;color:#fff;font-size:36px;line-height:1;letter-spacing:-.04em;}
.myeclass-platform-settings-info-card-v2-9-567 p{margin:10px 0 0;color:#aebbd0;line-height:1.45;}
.myeclass-platform-settings-info-card-v2-9-567 a{justify-self:start;}
.myeclass-platform-settings-pill-v2-9-567{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(128,154,196,.22);background:rgba(128,154,196,.10);color:#d7e5f8;font-weight:900;font-size:13px;white-space:nowrap;}
.myeclass-platform-settings-pill-v2-9-567.ok{border-color:rgba(52,211,153,.32);background:rgba(16,185,129,.11);color:#8df1c5;}
.myeclass-platform-settings-pill-v2-9-567.warn{border-color:rgba(251,191,36,.34);background:rgba(251,191,36,.10);color:#f8d173;}
.myeclass-platform-settings-pill-v2-9-567.danger{border-color:rgba(251,113,133,.38);background:rgba(244,63,94,.12);color:#ff9aa7;}
.myeclass-platform-settings-pill-v2-9-567.muted{border-color:rgba(148,163,184,.20);background:rgba(148,163,184,.08);color:#b8c6d8;}
.myeclass-platform-settings-empty-v2-9-567{padding:22px;border:1px dashed rgba(128,154,196,.26);border-radius:18px;background:rgba(7,17,32,.42);}
.myeclass-platform-settings-empty-v2-9-567 b{display:block;color:#fff;font-size:18px;}
.myeclass-platform-settings-empty-v2-9-567 p{max-width:760px;margin:8px 0 16px;color:#aebbd0;line-height:1.55;}
.myeclass-platform-settings-advanced-grid-v2-9-567{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.myeclass-platform-settings-advanced-grid-v2-9-567 details{margin:0!important;}
.myeclass-platform-settings-advanced-grid-v2-9-567 summary{cursor:pointer;color:#fff;font-weight:900;}
.myeclass-platform-settings-advanced-grid-v2-9-567 dl{display:grid;gap:8px;margin:14px 0 0;}
.myeclass-platform-settings-advanced-grid-v2-9-567 dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.myeclass-platform-settings-advanced-grid-v2-9-567 dt{color:#9eacbf;}
.myeclass-platform-settings-advanced-grid-v2-9-567 dd{margin:0;color:#fff;font-weight:800;text-align:right;overflow-wrap:anywhere;}
@media(max-width:1180px){.myeclass-platform-settings-overview-v2-9-567{grid-template-columns:repeat(2,minmax(0,1fr));}.myeclass-platform-settings-shell-v2-9-567{grid-template-columns:1fr;}.myeclass-platform-settings-nav-v2-9-567{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}.myeclass-platform-settings-card-grid-v2-9-567,.myeclass-platform-settings-advanced-grid-v2-9-567{grid-template-columns:1fr;}}
@media(max-width:760px){.myeclass-platform-settings-overview-v2-9-567,.myeclass-platform-settings-nav-v2-9-567{grid-template-columns:1fr;}.myeclass-platform-settings-content-v2-9-567{padding:16px;}.myeclass-platform-settings-row-v2-9-567{grid-template-columns:1fr;gap:10px;padding:16px;}.myeclass-platform-settings-section-head-v2-9-567{display:grid;}.myeclass-platform-settings-info-card-v2-9-567{min-height:0;}.myeclass-platform-settings-info-card-v2-9-567 a{width:100%;}}
.myeclass-platform-settings-section-head-v2-9-567 p:not(.myeclass-action-kicker){margin:7px 0 0;color:#aebbd0;line-height:1.48;max-width:780px;}
/* v2.9.568: Admin settings in-page tab behavior; buttons intentionally do not navigate. */
.myeclass-platform-settings-nav-v2-9-567 button{display:flex;align-items:center;gap:13px;min-height:68px;width:100%;padding:10px 14px;border:1px solid transparent;border-radius:14px;color:#cbd8e9;text-decoration:none;background:transparent;text-align:left;appearance:none;cursor:pointer;font:inherit;}
.myeclass-platform-settings-nav-v2-9-567 button:hover{background:rgba(45,130,255,.10);border-color:rgba(45,130,255,.24);color:#fff;}
.myeclass-platform-settings-nav-v2-9-567 button.is-active{background:linear-gradient(135deg,rgba(45,130,255,.24),rgba(45,130,255,.10));border-color:rgba(45,130,255,.36);color:#61a9ff;}
.myeclass-platform-settings-nav-v2-9-567 button:focus-visible{outline:2px solid rgba(97,169,255,.75);outline-offset:2px;}
.myeclass-platform-settings-nav-v2-9-567 button b{display:block;color:inherit;font-size:15px;}
.myeclass-platform-settings-nav-v2-9-567 button small{display:block;margin-top:4px;color:#9eacbf;line-height:1.3;font-size:12px;}
.myeclass-platform-settings-section-v2-9-567[hidden]{display:none!important;}
.myeclass-platform-settings-section-v2-9-567.is-active{min-height:320px;}

/* v2.9.569 — Admin fixed topbar hotfix.
   Human-first shell behavior: keep the global admin bar visible while long admin pages scroll.
   Visual/layout only; no route, POST, DB, teacher/student/AI/upload logic changes. */
body.myeclass-admin-body-v2-9-537 .myeclass-topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:1400!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-shell-v2-9-537{
  padding-top:70px!important;
  grid-template-rows:minmax(calc(100vh - 70px),auto)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-537{
  grid-row:1!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
  grid-row:1!important;
}
@media(max-width:760px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-shell-v2-9-537{
    padding-top:70px!important;
  }
}

/* v2.9.571 — Admin quick-create modal polish and accessibility pass */
body.myeclass-admin-body-v2-9-537.myeclass-admin-modal-open-v2-9-571,
html.myeclass-admin-modal-open-v2-9-571{overflow:hidden!important;}
.myeclass-admin-ref-modal-v2-9-544.is-open{display:grid;}
.myeclass-admin-ref-modal-v2-9-544:target,
.myeclass-admin-ref-modal-v2-9-544.is-open{place-items:center;}
.myeclass-admin-ref-modal-v2-9-544{padding:28px;}
.myeclass-admin-ref-modal-backdrop-v2-9-544{cursor:default;background:rgba(0,0,0,.74);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);}
.myeclass-admin-ref-dialog-v2-9-544{width:min(900px,calc(100vw - 56px));max-height:calc(100dvh - 56px);padding:30px;border-radius:24px;outline:none;scrollbar-width:thin;}
.myeclass-admin-ref-dialog-v2-9-544:focus{box-shadow:0 40px 120px rgba(0,0,0,.65),0 0 0 3px rgba(45,130,255,.32);}
.myeclass-admin-ref-dialog-v2-9-544 h2{padding-right:48px;line-height:1.15;}
.myeclass-admin-ref-dialog-v2-9-544 p{max-width:720px;line-height:1.5;}
.myeclass-admin-ref-modal-close-v2-9-544{font-weight:800;line-height:1;transition:border-color .15s ease,background .15s ease,transform .15s ease;}
.myeclass-admin-ref-modal-close-v2-9-544:hover{border-color:rgba(79,160,255,.55);background:rgba(45,130,255,.14);transform:translateY(-1px);}
.myeclass-admin-ref-modal-close-v2-9-544:focus-visible,
.myeclass-admin-ref-button-v2-9-544:focus-visible,
.myeclass-admin-ref-form-v2-9-544 input:focus-visible,
.myeclass-admin-ref-form-v2-9-544 select:focus-visible,
.myeclass-admin-ref-form-v2-9-544 textarea:focus-visible{outline:3px solid rgba(45,130,255,.52);outline-offset:2px;}
.myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-ref-form-v2-9-544{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;}
.myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-ref-form-v2-9-544 input,
.myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-ref-form-v2-9-544 select{min-height:48px;}
.myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-ref-form-v2-9-544 textarea{min-height:108px;}
.myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-ref-form-v2-9-544 fieldset{padding:16px 18px;gap:18px;align-items:center;flex-wrap:wrap;background:rgba(5,14,27,.26);}
.myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-ref-form-v2-9-544 fieldset label{display:inline-flex;flex-direction:row;align-items:center;gap:8px;min-height:36px;}
.myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-ref-form-v2-9-544 input[type="checkbox"]{width:22px;min-height:22px;height:22px;padding:0!important;accent-color:#2d82ff;}
.myeclass-admin-ref-dialog-actions-v2-9-544{position:sticky;bottom:-30px;margin:8px -30px -30px;padding:16px 30px 0;background:linear-gradient(180deg,rgba(7,19,38,0),#071326 34%);}
.myeclass-admin-ref-dialog-actions-v2-9-544 .myeclass-admin-ref-button-v2-9-544{min-height:48px;}
@media(max-width:920px){
  .myeclass-admin-ref-modal-v2-9-544{padding:16px;align-items:flex-start;}
  .myeclass-admin-ref-dialog-v2-9-544{width:100%;max-height:calc(100dvh - 32px);padding:22px;border-radius:20px;}
  .myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-ref-form-v2-9-544{grid-template-columns:1fr!important;}
  .myeclass-admin-ref-dialog-actions-v2-9-544{position:static;margin:8px 0 0;padding:0;background:transparent;justify-content:stretch;}
  .myeclass-admin-ref-dialog-actions-v2-9-544 .myeclass-admin-ref-button-v2-9-544,
  .myeclass-admin-ref-dialog-actions-v2-9-544 button{width:100%;}
}
@media(max-width:560px){
  .myeclass-admin-ref-dialog-v2-9-544 h2{font-size:24px;}
  .myeclass-admin-ref-dialog-actions-v2-9-544{display:grid;grid-template-columns:1fr;}
}

/* v2.9.572 — Admin Users human-first UI restructure */
.myeclass-admin-users-head-actions-v2-9-572{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.myeclass-admin-users-summary-v2-9-572{margin-bottom:18px;}
.myeclass-admin-users-filter-panel-v2-9-572,
.myeclass-admin-users-directory-v2-9-572,
.myeclass-admin-users-danger-note-v2-9-572{
  border:1px solid var(--ref-border);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(14,29,52,.78),rgba(8,20,37,.76));
  box-shadow:0 22px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03);
}
.myeclass-admin-users-filter-panel-v2-9-572{padding:22px 24px;margin:0 0 18px;display:grid;grid-template-columns:minmax(240px,.44fr) minmax(0,1fr);gap:22px;align-items:end;}
.myeclass-admin-users-filter-panel-v2-9-572 h2,
.myeclass-admin-users-directory-head-v2-9-572 h2{margin:0;color:#fff;font-size:22px;letter-spacing:-.025em;}
.myeclass-admin-users-filter-panel-v2-9-572 p,
.myeclass-admin-users-directory-head-v2-9-572 p{margin:6px 0 0;color:#aebbd0;line-height:1.45;}
.myeclass-admin-users-filters-v2-9-572{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(160px,.8fr) minmax(160px,.8fr) auto;gap:12px;align-items:end;margin:0;}
.myeclass-admin-users-filters-v2-9-572 label{display:flex;flex-direction:column;gap:7px;margin:0;color:#dce9ff;font-weight:750;font-size:13px;}
.myeclass-admin-users-filters-v2-9-572 label span{color:#93a4bc;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em;}
.myeclass-admin-users-filters-v2-9-572 input,
.myeclass-admin-users-filters-v2-9-572 select{min-height:48px;border-radius:12px!important;background:#081427!important;border-color:rgba(124,149,187,.24)!important;color:#eef5ff!important;}
.myeclass-admin-users-filter-actions-v2-9-572{display:flex;gap:10px;align-items:center;}
.myeclass-admin-users-filter-chips-v2-9-572{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:2px;}
.myeclass-admin-users-filter-chips-v2-9-572 span{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border:1px solid rgba(124,149,187,.2);border-radius:999px;background:rgba(5,14,27,.34);color:#aebbd0;font-size:12px;}
.myeclass-admin-users-filter-chips-v2-9-572 b{color:#fff;}
.myeclass-admin-users-directory-v2-9-572{padding:16px;margin-bottom:18px;}
.myeclass-admin-users-directory-head-v2-9-572{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 8px 16px;}
.myeclass-admin-users-directory-head-v2-9-572>span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border-radius:999px;background:rgba(45,130,255,.13);border:1px solid rgba(45,130,255,.25);color:#cfe2ff;font-weight:800;font-size:13px;white-space:nowrap;}
.myeclass-admin-user-card-v2-9-572{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr) minmax(220px,.5fr);gap:18px;align-items:center;padding:18px;border-radius:16px;border:1px solid rgba(124,149,187,.16);background:rgba(7,18,34,.56);margin-bottom:12px;}
.myeclass-admin-user-card-v2-9-572:last-of-type{margin-bottom:0;}
.myeclass-admin-user-card-v2-9-572:hover{border-color:rgba(45,130,255,.38);background:rgba(13,28,52,.72);}
.myeclass-admin-user-card-v2-9-572.is-inactive{opacity:.74;background:rgba(7,18,34,.42);}
.myeclass-admin-user-card-main-v2-9-572{display:flex;flex-direction:column;gap:12px;min-width:0;}
.myeclass-admin-user-card-identity-v2-9-572{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;min-width:0;}
.myeclass-admin-user-card-identity-v2-9-572 h3{margin:0;color:#fff;font-size:17px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.myeclass-admin-user-card-identity-v2-9-572 p{margin:4px 0 0;color:#92a3bb;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.myeclass-admin-user-card-badges-v2-9-572{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.myeclass-admin-user-card-meta-v2-9-572{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;}
.myeclass-admin-user-card-meta-v2-9-572 div{padding:11px;border-radius:13px;border:1px solid rgba(124,149,187,.14);background:rgba(3,10,22,.28);min-width:0;}
.myeclass-admin-user-card-meta-v2-9-572 dt{margin:0 0 5px;color:#8ea0b8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.055em;}
.myeclass-admin-user-card-meta-v2-9-572 dd{margin:0;color:#f2f7ff;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.myeclass-admin-user-card-actions-v2-9-572{display:flex;flex-direction:column;gap:9px;align-items:flex-end;text-align:right;}
.myeclass-admin-user-card-actions-v2-9-572 small{color:#91a2ba;line-height:1.35;max-width:240px;}
.myeclass-admin-users-directory-foot-v2-9-572{display:flex;justify-content:flex-end;padding:7px 8px 0;color:#8ea0b8;font-size:13px;}
.myeclass-admin-users-empty-v2-9-572{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:260px;border:1px dashed rgba(124,149,187,.25);border-radius:16px;background:rgba(3,10,22,.22);color:#aebbd0;}
.myeclass-admin-users-empty-v2-9-572>span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(45,130,255,.14);color:#8ec0ff;}
.myeclass-admin-users-empty-v2-9-572 h3{margin:0;color:#fff;font-size:21px;}
.myeclass-admin-users-empty-v2-9-572 p{margin:0;}
.myeclass-admin-users-danger-note-v2-9-572{margin-bottom:20px;overflow:hidden;}
.myeclass-admin-users-danger-note-v2-9-572>summary{display:flex;align-items:center;gap:10px;min-height:58px;padding:0 20px;cursor:pointer;list-style:none;color:#fff;}
.myeclass-admin-users-danger-note-v2-9-572>summary::-webkit-details-marker{display:none;}
.myeclass-admin-users-danger-note-v2-9-572>summary>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(245,158,11,.14);color:#fcd34d;}
.myeclass-admin-users-danger-note-v2-9-572>summary b{font-size:15px;}
.myeclass-admin-users-danger-note-v2-9-572>summary em{margin-left:auto;font-style:normal;color:#94a3b8;font-size:13px;}
.myeclass-admin-users-danger-note-v2-9-572>div{padding:0 20px 18px;color:#b9c8dd;}
.myeclass-admin-users-danger-note-v2-9-572 p{margin:0;line-height:1.55;}
@media(max-width:1180px){
  .myeclass-admin-users-filter-panel-v2-9-572{grid-template-columns:1fr;}
  .myeclass-admin-users-filters-v2-9-572{grid-template-columns:repeat(2,minmax(0,1fr));}
  .myeclass-admin-users-filter-actions-v2-9-572{grid-column:1/-1;}
  .myeclass-admin-user-card-v2-9-572{grid-template-columns:1fr;align-items:start;}
  .myeclass-admin-user-card-actions-v2-9-572{align-items:flex-start;text-align:left;}
}
@media(max-width:680px){
  .myeclass-admin-users-head-actions-v2-9-572,.myeclass-admin-users-filter-actions-v2-9-572{width:100%;}
  .myeclass-admin-users-head-actions-v2-9-572 .myeclass-admin-ref-button-v2-9-544,
  .myeclass-admin-users-filter-actions-v2-9-572 .myeclass-admin-ref-button-v2-9-544{width:100%;justify-content:center;}
  .myeclass-admin-users-filters-v2-9-572,.myeclass-admin-user-card-meta-v2-9-572{grid-template-columns:1fr;}
  .myeclass-admin-users-directory-head-v2-9-572{flex-direction:column;}
}

/* MyEClass v2.9.573 — Admin Users compact list hotfix */
.myeclass-admin-users-compact-list-v2-9-573{display:flex;flex-direction:column;gap:8px;}
.myeclass-admin-user-row-v2-9-573{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(150px,.9fr) minmax(110px,.55fr) minmax(92px,.42fr) minmax(82px,.34fr) minmax(120px,.5fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(124,149,187,.14);background:rgba(7,18,34,.48);min-width:0;}
.myeclass-admin-user-row-v2-9-573:hover{border-color:rgba(45,130,255,.34);background:rgba(13,28,52,.66);}
.myeclass-admin-user-row-v2-9-573.is-inactive{opacity:.72;background:rgba(7,18,34,.34);}
.myeclass-admin-user-row-identity-v2-9-573{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;min-width:0;}
.myeclass-admin-user-row-identity-v2-9-573 h3{margin:0;color:#fff;font-size:15px;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.myeclass-admin-user-row-identity-v2-9-573 p{margin:3px 0 0;color:#91a3bb;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.myeclass-admin-user-row-roles-v2-9-573,.myeclass-admin-user-row-status-v2-9-573{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0;}
.myeclass-admin-user-row-metric-v2-9-573,.myeclass-admin-user-row-created-v2-9-573{min-width:0;}
.myeclass-admin-user-row-metric-v2-9-573 span,.myeclass-admin-user-row-created-v2-9-573 span{display:block;margin-bottom:3px;color:#7f91ab;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.055em;}
.myeclass-admin-user-row-metric-v2-9-573 b,.myeclass-admin-user-row-created-v2-9-573 b{display:block;color:#eef5ff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.myeclass-admin-user-row-actions-v2-9-573{display:flex;justify-content:flex-end;}
.myeclass-admin-user-row-actions-v2-9-573 .myeclass-admin-ref-button-v2-9-544{min-height:40px;padding:0 14px;white-space:nowrap;}
@media(max-width:1240px){
  .myeclass-admin-user-row-v2-9-573{grid-template-columns:minmax(220px,1.4fr) minmax(140px,.8fr) minmax(110px,.55fr) minmax(90px,.42fr) auto;}
  .myeclass-admin-user-row-created-v2-9-573{display:none;}
}
@media(max-width:980px){
  .myeclass-admin-user-row-v2-9-573{grid-template-columns:1fr auto;align-items:start;}
  .myeclass-admin-user-row-identity-v2-9-573{grid-column:1/-1;}
  .myeclass-admin-user-row-roles-v2-9-573,.myeclass-admin-user-row-status-v2-9-573,.myeclass-admin-user-row-metric-v2-9-573{grid-column:auto;}
  .myeclass-admin-user-row-actions-v2-9-573{grid-column:1/-1;justify-content:stretch;}
  .myeclass-admin-user-row-actions-v2-9-573 .myeclass-admin-ref-button-v2-9-544{width:100%;justify-content:center;}
}
@media(max-width:620px){
  .myeclass-admin-user-row-v2-9-573{grid-template-columns:1fr;}
  .myeclass-admin-user-row-identity-v2-9-573{grid-template-columns:36px minmax(0,1fr);}
}

/* v2.9.574 — Admin users pagination and quick-create reliability hotfix */
.myeclass-admin-users-directory-foot-v2-9-572{
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.myeclass-admin-users-pager-v2-9-574{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.myeclass-admin-users-pager-v2-9-574 a,
.myeclass-admin-users-pager-v2-9-574 strong,
.myeclass-admin-users-pager-v2-9-574 span{
  min-width:38px;
  height:38px;
  padding:0 11px;
  display:inline-grid;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(120,146,184,.18);
  background:rgba(13,25,44,.75);
  color:#cfe0f7;
  text-decoration:none;
  font-weight:850;
  line-height:1;
}
.myeclass-admin-users-pager-v2-9-574 a:hover{
  border-color:rgba(45,130,255,.55);
  background:rgba(45,130,255,.14);
  color:#fff;
}
.myeclass-admin-users-pager-v2-9-574 strong{
  background:#206fee;
  color:#fff;
  border-color:#2d82ff;
}
.myeclass-admin-users-pager-v2-9-574 .is-disabled{
  opacity:.45;
  cursor:not-allowed;
}
.myeclass-admin-users-pager-v2-9-574 .is-ellipsis{
  min-width:24px;
  padding:0 4px;
  border-color:transparent;
  background:transparent;
  color:#7f91ab;
}
@media(max-width:720px){
  .myeclass-admin-users-directory-foot-v2-9-572{align-items:flex-start;}
  .myeclass-admin-users-pager-v2-9-574{width:100%;justify-content:flex-start;}
}

/* v2.9.575 — Admin new-user modal must be a real viewport overlay
   The admin main safety rule from v2.9.539 sets direct children to position:relative.
   Re-assert fixed positioning for modal roots rendered inside the admin main area. */
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-ref-modal-v2-9-544,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-modal-v2-9-544{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  display:none!important;
  align-items:center!important;
  justify-items:center!important;
  place-items:center!important;
  padding:clamp(16px,3vw,32px)!important;
  z-index:5000!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  box-sizing:border-box!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-ref-modal-v2-9-544:target,
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-ref-modal-v2-9-544.is-open,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-modal-v2-9-544:target,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-modal-v2-9-544.is-open{
  display:grid!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-ref-modal-backdrop-v2-9-544{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:0!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-ref-dialog-v2-9-544{
  position:relative!important;
  z-index:1!important;
  width:min(980px,calc(100vw - 40px))!important;
  max-height:calc(100vh - 40px)!important;
  margin:auto!important;
}
@media(max-width:720px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-modal-v2-9-544{
    align-items:flex-start!important;
    place-items:start center!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-ref-dialog-v2-9-544{
    width:100%!important;
    max-height:calc(100vh - 32px)!important;
  }
}

/* v2.9.576 — Admin new-user modal form polish
   Keep the existing POST handler, but make the form behave like a human-first modal:
   empty visible credentials, one role choice, compact spacing and non-sticky actions. */
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-dialog-v2-9-576{
  width:min(860px,calc(100vw - 40px))!important;
  padding:26px 30px 28px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-dialog-v2-9-576 h2{
  font-size:26px!important;
  margin-bottom:8px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-dialog-v2-9-576 p{
  margin-bottom:20px!important;
  max-width:680px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px 18px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 label{
  gap:7px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 input[type="text"],
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 input[type="email"],
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 input[type="password"],
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 input:not([type]){
  min-height:44px!important;
  background:#050b14!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 input:-webkit-autofill,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 input:-webkit-autofill:hover,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 input:-webkit-autofill:focus{
  -webkit-text-fill-color:#f4f7fb!important;
  box-shadow:0 0 0 1000px #050b14 inset!important;
  transition:background-color 9999s ease-in-out 0s!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 .myeclass-admin-role-picker-v2-9-576{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  padding:18px!important;
  margin:2px 0 4px!important;
  background:rgba(5,14,27,.28)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-role-picker-v2-9-576 legend{
  grid-column:1/-1;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 .myeclass-admin-role-card-v2-9-576{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:flex-start!important;
  gap:12px!important;
  min-height:94px!important;
  padding:14px!important;
  border:1px solid rgba(128,154,196,.20)!important;
  border-radius:14px!important;
  background:rgba(9,23,43,.54)!important;
  cursor:pointer!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-role-card-v2-9-576:hover{
  border-color:rgba(45,130,255,.42)!important;
  background:rgba(20,44,78,.64)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-role-card-v2-9-576 input[type="radio"]{
  width:20px!important;
  height:20px!important;
  min-height:20px!important;
  margin:2px 0 0!important;
  padding:0!important;
  accent-color:#2d82ff!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-role-card-v2-9-576:has(input[type="radio"]:checked){
  border-color:rgba(45,130,255,.70)!important;
  background:rgba(45,130,255,.14)!important;
  box-shadow:0 0 0 1px rgba(45,130,255,.18) inset!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-role-card-v2-9-576 b{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.2;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-role-card-v2-9-576 small{
  display:block;
  margin-top:6px;
  color:#9eacbf;
  font-weight:650;
  line-height:1.35;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 .myeclass-admin-ref-dialog-actions-v2-9-544{
  position:static!important;
  bottom:auto!important;
  margin:4px 0 0!important;
  padding:0!important;
  background:transparent!important;
  justify-content:flex-end!important;
}
@media(max-width:900px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 .myeclass-admin-role-picker-v2-9-576{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:720px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-dialog-v2-9-576{
    width:100%!important;
    padding:22px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-new-user-form-v2-9-576 .myeclass-admin-ref-dialog-actions-v2-9-544{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

/* v2.9.577 — Admin User Detail human-first restructure */
.myeclass-admin-user-detail-hero-v2-9-577{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.35fr);
  gap:18px;
  align-items:stretch;
  margin:0 0 18px;
}
.myeclass-admin-user-detail-identity-v2-9-577,
.myeclass-admin-user-detail-meta-v2-9-577,
.myeclass-admin-user-detail-actions-v2-9-577,
.myeclass-admin-user-advanced-v2-9-577{
  border:1px solid rgba(128,154,196,.18);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(13,28,49,.86),rgba(6,17,32,.76));
  box-shadow:0 18px 52px rgba(0,0,0,.16);
}
.myeclass-admin-user-detail-identity-v2-9-577{
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:20px 22px;
}
.myeclass-admin-user-detail-identity-v2-9-577 .myeclass-admin-ref-avatar-v2-9-544{
  width:62px;
  height:62px;
  font-size:19px;
}
.myeclass-admin-user-detail-identity-v2-9-577 h2{
  margin:0;
  color:#fff;
  font-size:28px;
  letter-spacing:-.035em;
  line-height:1.1;
}
.myeclass-admin-user-detail-identity-v2-9-577 p{
  margin:6px 0 12px;
  color:#9fb1ca;
  font-size:14px;
}
.myeclass-admin-user-detail-identity-v2-9-577 div div{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.myeclass-admin-user-id-chip-v2-9-577{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(128,154,196,.18);
  border-radius:999px;
  background:rgba(5,14,27,.38);
  color:#c9d7ea;
  font-size:12px;
  font-weight:850;
}
.myeclass-admin-user-detail-meta-v2-9-577{
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
}
.myeclass-admin-user-detail-meta-v2-9-577 span{
  color:#8ba0bc;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.myeclass-admin-user-detail-meta-v2-9-577 b{
  color:#f4f8ff;
  font-size:16px;
}
.myeclass-admin-user-detail-meta-v2-9-577 small{
  color:#93a5bd;
  line-height:1.45;
}
.myeclass-admin-user-detail-form-v2-9-577{
  display:grid;
  grid-template-columns:minmax(360px,.88fr) minmax(520px,1.12fr);
  gap:18px;
}
.myeclass-admin-user-detail-panel-v2-9-577{
  padding:22px 24px!important;
}
.myeclass-admin-user-detail-panel-v2-9-577 .myeclass-admin-ref-panel-title-row-v2-9-544{
  margin-bottom:18px;
}
.myeclass-admin-user-detail-fields-v2-9-577{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.myeclass-admin-user-detail-fields-v2-9-577 label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#e7effb;
  font-weight:800;
}
.myeclass-admin-user-detail-fields-v2-9-577 input{
  width:100%;
  min-height:48px;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(128,154,196,.22)!important;
  background:#050b14!important;
  color:#f4f7fb!important;
  font-size:15px;
}
.myeclass-admin-user-detail-fields-v2-9-577 input:focus-visible,
.myeclass-admin-user-role-card-v2-9-577 input:focus-visible{
  outline:3px solid rgba(45,130,255,.52);
  outline-offset:2px;
}
.myeclass-admin-user-readonly-card-v2-9-577{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:92px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(128,154,196,.16);
  background:rgba(5,14,27,.28);
}
.myeclass-admin-user-readonly-card-v2-9-577>span{
  color:#8ba0bc;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.myeclass-admin-user-readonly-card-v2-9-577 small{
  color:#90a2ba;
  line-height:1.45;
}
.myeclass-admin-user-role-picker-v2-9-577{
  border:1px solid rgba(128,154,196,.18);
  border-radius:16px;
  padding:18px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  background:rgba(5,14,27,.24);
}
.myeclass-admin-user-role-picker-v2-9-577 legend{
  padding:0 8px;
  color:#eaf3ff;
  font-weight:900;
}
.myeclass-admin-user-role-card-v2-9-577{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:flex-start;
  min-height:104px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(128,154,196,.20);
  background:rgba(9,23,43,.54);
  cursor:pointer;
}
.myeclass-admin-user-role-card-v2-9-577:hover{
  border-color:rgba(45,130,255,.42);
  background:rgba(20,44,78,.62);
}
.myeclass-admin-user-role-card-v2-9-577 input[type="radio"]{
  width:22px;
  height:22px;
  min-height:22px;
  margin-top:2px;
  accent-color:#2d82ff;
}
.myeclass-admin-user-role-card-v2-9-577:has(input[type="radio"]:checked){
  border-color:rgba(45,130,255,.68);
  background:linear-gradient(135deg,rgba(45,130,255,.22),rgba(9,23,43,.72));
  box-shadow:0 0 0 1px rgba(45,130,255,.18) inset;
}
.myeclass-admin-user-role-card-v2-9-577 b{
  display:block;
  color:#fff;
  font-size:15px;
  margin-bottom:5px;
}
.myeclass-admin-user-role-card-v2-9-577 small{
  display:block;
  color:#9cafc8;
  line-height:1.35;
  font-size:12px;
}
.myeclass-admin-user-detail-note-v2-9-577{
  margin:12px 0 0;
  color:#93a5bd;
  line-height:1.5;
}
.myeclass-admin-user-course-list-v2-9-577{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.myeclass-admin-user-course-list-v2-9-577 article,
.myeclass-admin-user-courses-empty-v2-9-577{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:64px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(128,154,196,.14);
  background:rgba(9,23,43,.50);
}
.myeclass-admin-user-course-list-v2-9-577 article>span,
.myeclass-admin-user-courses-empty-v2-9-577>svg{
  width:42px;
  height:42px;
  padding:10px;
  border-radius:14px;
  background:rgba(155,92,246,.18);
  color:#c087ff;
  box-sizing:border-box;
}
.myeclass-admin-user-course-list-v2-9-577 b,
.myeclass-admin-user-courses-empty-v2-9-577 b{
  display:block;
  color:#eef5ff;
  font-size:15px;
}
.myeclass-admin-user-course-list-v2-9-577 small,
.myeclass-admin-user-courses-empty-v2-9-577 p{
  display:block;
  margin:4px 0 0;
  color:#98aac2;
  line-height:1.45;
}
.myeclass-admin-user-detail-actions-v2-9-577{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-end;
  gap:12px;
  padding:16px;
}
.myeclass-admin-user-advanced-v2-9-577{
  grid-column:1/-1;
  overflow:hidden;
}
.myeclass-admin-user-advanced-v2-9-577>summary{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  cursor:pointer;
  list-style:none;
  color:#fff;
}
.myeclass-admin-user-advanced-v2-9-577>summary::-webkit-details-marker{display:none;}
.myeclass-admin-user-advanced-v2-9-577>summary>span{
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(45,130,255,.12);
  color:#8ec0ff;
}
.myeclass-admin-user-advanced-v2-9-577>summary b{
  display:block;
  font-size:16px;
}
.myeclass-admin-user-advanced-v2-9-577>summary small{
  display:block;
  margin-top:3px;
  color:#97a9c0;
}
.myeclass-admin-user-advanced-v2-9-577>summary em{
  margin-left:auto;
  color:#93a5bd;
  font-style:normal;
  font-size:13px;
  font-weight:800;
}
.myeclass-admin-user-advanced-body-v2-9-577{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 18px 18px 70px;
  color:#aebbd0;
}
.myeclass-admin-user-advanced-body-v2-9-577 h3{
  margin:0 0 6px;
  color:#fff;
  font-size:16px;
}
.myeclass-admin-user-advanced-body-v2-9-577 p{
  margin:0;
  max-width:720px;
  line-height:1.5;
}
.myeclass-admin-ref-button-v2-9-544.danger{
  min-height:44px;
  border-color:rgba(255,79,94,.55)!important;
  background:rgba(255,79,94,.08)!important;
  color:#ff7b84!important;
}
.myeclass-admin-ref-button-v2-9-544.danger:hover{
  background:rgba(255,79,94,.14)!important;
  color:#fff!important;
}
@media(max-width:1120px){
  .myeclass-admin-user-detail-hero-v2-9-577,
  .myeclass-admin-user-detail-form-v2-9-577{
    grid-template-columns:1fr;
  }
  .myeclass-admin-user-role-picker-v2-9-577{
    grid-template-columns:1fr;
  }
}
@media(max-width:720px){
  .myeclass-admin-user-detail-identity-v2-9-577{
    grid-template-columns:48px minmax(0,1fr);
    padding:16px;
  }
  .myeclass-admin-user-detail-identity-v2-9-577 .myeclass-admin-ref-avatar-v2-9-544{
    width:48px;
    height:48px;
    font-size:15px;
  }
  .myeclass-admin-user-detail-identity-v2-9-577 h2{
    font-size:22px;
  }
  .myeclass-admin-user-detail-actions-v2-9-577,
  .myeclass-admin-user-advanced-body-v2-9-577{
    flex-direction:column;
    align-items:stretch;
  }
  .myeclass-admin-user-advanced-body-v2-9-577{
    padding:0 16px 16px;
  }
}

/* v2.9.579 — Admin User Detail layout, course removal and self-protection polish */
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-user-detail-hero-v2-9-577,
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-user-detail-form-v2-9-577{
  max-width:1180px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.myeclass-admin-user-detail-hero-v2-9-577{
  grid-template-columns:minmax(0,1fr) minmax(240px,320px);
}
.myeclass-admin-user-detail-form-v2-9-577{
  grid-template-columns:minmax(340px,.88fr) minmax(430px,1.12fr);
}
.myeclass-admin-user-role-picker-v2-9-577{
  grid-template-columns:repeat(3,minmax(150px,1fr));
}
.myeclass-admin-user-role-card-v2-9-577{
  min-height:92px;
}
.myeclass-admin-user-course-list-v2-9-577 article{
  grid-template-columns:42px minmax(0,1fr) auto;
}
.myeclass-admin-ref-button-v2-9-544.compact{
  min-height:38px;
  padding:0 14px!important;
  font-size:13px;
}
.myeclass-admin-user-course-remove-target-v2-9-579{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
  margin:0 0 18px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(128,154,196,.16);
  background:rgba(9,23,43,.52);
}
.myeclass-admin-user-course-remove-target-v2-9-579>span{
  width:42px;
  height:42px;
  padding:10px;
  border-radius:14px;
  background:rgba(155,92,246,.18);
  color:#c087ff;
  box-sizing:border-box;
}
.myeclass-admin-user-course-remove-target-v2-9-579 b{
  display:block;
  color:#eef5ff;
  font-size:15px;
}
.myeclass-admin-user-course-remove-target-v2-9-579 small{
  display:block;
  margin-top:4px;
  color:#98aac2;
  line-height:1.45;
}
.myeclass-admin-user-self-protection-v2-9-579{
  max-width:360px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(45,130,255,.28);
  background:rgba(45,130,255,.10);
  color:#cfe3ff;
}
.myeclass-admin-user-self-protection-v2-9-579 b,
.myeclass-admin-user-self-protection-v2-9-579 span{
  display:block;
}
.myeclass-admin-user-self-protection-v2-9-579 b{
  color:#fff;
  margin-bottom:4px;
}
.myeclass-admin-user-self-protection-v2-9-579 span{
  color:#9fb8d8;
  line-height:1.4;
  font-size:13px;
}
@media(max-width:1180px){
  .myeclass-admin-user-detail-hero-v2-9-577,
  .myeclass-admin-user-detail-form-v2-9-577{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:720px){
  .myeclass-admin-user-course-list-v2-9-577 article{
    grid-template-columns:42px minmax(0,1fr);
  }
  .myeclass-admin-user-course-list-v2-9-577 article .myeclass-admin-ref-button-v2-9-544.compact{
    grid-column:1/-1;
    justify-content:center;
  }
}

/* v2.9.580 — Admin teacher course policy simplification */
.myeclass-admin-user-course-readonly-tag-v2-9-580{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(45,130,255,.26);
  background:rgba(45,130,255,.10);
  color:#b7d5ff;
  font-size:12px;
  font-weight:900;
  font-style:normal;
  white-space:nowrap;
}
.myeclass-admin-user-courses-empty-v2-9-577.is-admin-info-v2-9-580{
  border-color:rgba(45,130,255,.22);
  background:rgba(45,130,255,.08);
}
.myeclass-admin-user-courses-empty-v2-9-577.is-admin-info-v2-9-580>svg{
  background:rgba(45,130,255,.14);
  color:#8ec0ff;
}
@media(max-width:720px){
  .myeclass-admin-user-course-readonly-tag-v2-9-580{
    grid-column:1/-1;
    justify-self:start;
  }
}

/* v2.9.581 — Admin shell sidebar collapse + responsive overflow hotfix
   Scope: shell/layout only. Keeps admin pages aligned, removes horizontal scroll,
   and makes the existing “Σύμπτυξη μενού” control actually change the shell. */
body.myeclass-admin-body-v2-9-537,
html[data-theme="dark"] body.myeclass-admin-body-v2-9-537{
  overflow-x:hidden!important;
  max-width:100%!important;
}
body.myeclass-admin-body-v2-9-537 *,
body.myeclass-admin-body-v2-9-537 *::before,
body.myeclass-admin-body-v2-9-537 *::after{
  box-sizing:border-box;
}
body.myeclass-admin-body-v2-9-537 .myeclass-app-shell.myeclass-admin-shell-v2-9-537,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-shell-v2-9-537{
  width:100%!important;
  max-width:100vw!important;
  min-width:0!important;
  overflow-x:clip!important;
  grid-template-columns:minmax(0,272px) minmax(0,1fr)!important;
  grid-template-rows:minmax(calc(100vh - 70px),auto)!important;
  align-items:start!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-topbar{
  box-sizing:border-box!important;
  max-width:100vw!important;
  overflow:hidden!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-537{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
  overflow-x:hidden!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-inner-v2-9-544,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-inner-v2-9-537,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-v2-9-544,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-v2-9-537,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-544,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-537,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-544>div,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-537>div{
  min-width:0!important;
  max-width:100%!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:clamp(18px,2.2vw,30px) clamp(18px,2.6vw,34px) 34px!important;
  overflow-x:clip!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537>*{
  max-width:1280px!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:auto!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537::after{
  max-width:1280px!important;
  margin-left:0!important;
  margin-right:auto!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-user-detail-hero-v2-9-577,
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-user-detail-form-v2-9-577{
  margin-left:0!important;
  margin-right:auto!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-collapse-v2-9-544{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  margin-top:auto!important;
  padding:18px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#aeb9c8!important;
  background:transparent!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:none!important;
  text-align:left!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-collapse-v2-9-544 span{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(130,154,193,.12)!important;
  color:#e8f1ff!important;
  font-weight:900!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-collapse-v2-9-544 b{
  font-weight:800!important;
  white-space:nowrap!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-collapse-v2-9-544:hover span,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-collapse-v2-9-544:focus-visible span{
  background:rgba(45,130,255,.18)!important;
  color:#fff!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-collapse-v2-9-544:focus-visible{
  outline:2px solid rgba(97,169,255,.75)!important;
  outline-offset:4px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-shell-v2-9-537.myeclass-admin-sidebar-collapsed-v2-9-581,
body.myeclass-admin-body-v2-9-537.myeclass-admin-sidebar-collapsed-v2-9-581 .myeclass-admin-shell-v2-9-537{
  grid-template-columns:78px minmax(0,1fr)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581,
body.myeclass-admin-body-v2-9-537.myeclass-admin-sidebar-collapsed-v2-9-581 .myeclass-admin-sidebar-v2-9-544{
  padding:18px 12px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-nav-section-v2-9-544,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-nav-link-v2-9-544 > span:not(.shell-icon),
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-nav-link-v2-9-544 small,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-advanced-v2-9-544>summary > span:not(.shell-icon),
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-advanced-v2-9-544>summary i,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-collapse-v2-9-544 b{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-nav-link-v2-9-544,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-advanced-v2-9-544>summary{
  justify-content:center!important;
  min-height:46px!important;
  padding:10px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-advanced-v2-9-544>div{
  display:none!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-collapse-v2-9-544{
  justify-content:center!important;
}
@media(max-width:1180px){
  body.myeclass-admin-body-v2-9-537 .myeclass-app-shell.myeclass-admin-shell-v2-9-537,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-shell-v2-9-537{
    grid-template-columns:minmax(0,232px) minmax(0,1fr)!important;
  }
  body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
    padding:22px 20px 34px!important;
  }
}
@media(max-width:900px){
  body.myeclass-admin-body-v2-9-537 .myeclass-app-shell.myeclass-admin-shell-v2-9-537,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-shell-v2-9-537{
    grid-template-columns:78px minmax(0,1fr)!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544{
    position:sticky!important;
    top:70px!important;
    height:calc(100vh - 70px)!important;
    padding:18px 12px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-nav-section-v2-9-544,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-nav-link-v2-9-544 > span:not(.shell-icon),
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-nav-link-v2-9-544 small,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-advanced-v2-9-544>summary > span:not(.shell-icon),
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-advanced-v2-9-544>summary i,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-collapse-v2-9-544 b{
    position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-nav-link-v2-9-544,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-advanced-v2-9-544>summary{
    justify-content:center!important;min-height:46px!important;padding:10px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-advanced-v2-9-544>div{display:none!important;}
  body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{padding:16px 14px 28px!important;}
}
@media(max-width:720px){
  body.myeclass-admin-body-v2-9-537 .myeclass-app-shell.myeclass-admin-shell-v2-9-537,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-shell-v2-9-537{
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544{
    grid-column:1!important;
    grid-row:1!important;
    position:sticky!important;
    top:70px!important;
    height:auto!important;
    max-height:none!important;
    padding:8px 10px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(120,146,184,.15)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-inner-v2-9-544{
    min-height:0!important;
    height:auto!important;
    display:block!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-v2-9-544{
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding:0 2px 2px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-544{
    border-top:0!important;
    margin-top:0!important;
    padding-top:0!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-collapse-v2-9-544{display:none!important;}
  body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
    grid-column:1!important;
    grid-row:2!important;
    padding:14px 12px 26px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-topbar{padding:0 12px!important;}
  body.myeclass-admin-body-v2-9-537 .brand-logo-shell{width:76px!important;}
  body.myeclass-admin-body-v2-9-537 .brand-logo{max-width:70px!important;}
  body.myeclass-admin-body-v2-9-537 .myeclass-topbar-left::after{display:none!important;}
}
@media(max-width:520px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-actions-v2-9-544{gap:8px!important;}
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-icon-v2-9-544,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-profile-v2-9-544>summary{width:40px!important;height:40px!important;border-radius:12px!important;}
  body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537>*{max-width:100%!important;}
}

/* v2.9.582 — Admin visual polish + mobile header fix
   Scope: admin shell/view CSS only. Centers the admin workspace, removes the
   empty mobile menu pill, and turns the narrow admin nav into usable chips. */
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
  overflow-x:hidden!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537>*{
  width:100%!important;
  max-width:min(100%,1180px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537::after{
  margin-left:auto!important;
  margin-right:auto!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-ref-header-v2-9-544,
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-user-detail-hero-v2-9-577,
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-user-detail-form-v2-9-577{
  max-width:min(100%,1160px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-header-row-v2-9-544{
  align-items:center!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-header-v2-9-544 h1{
  font-size:clamp(26px,2.15vw,36px)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-header-v2-9-544 p{
  max-width:720px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-hero-v2-9-577{
  grid-template-columns:minmax(0,1fr) minmax(230px,292px)!important;
  gap:16px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-identity-v2-9-577,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-meta-v2-9-577,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-panel-v2-9-577,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-actions-v2-9-577,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-advanced-v2-9-577{
  box-shadow:0 14px 42px rgba(0,0,0,.14)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-identity-v2-9-577{
  padding:18px 20px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-identity-v2-9-577 h2{
  font-size:clamp(22px,1.85vw,30px)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-form-v2-9-577{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:16px!important;
  align-items:start!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-panel-v2-9-577{
  padding:20px 22px!important;
  min-width:0!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-role-picker-v2-9-577{
  padding:14px!important;
  gap:10px!important;
  border-radius:14px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-role-card-v2-9-577{
  min-height:84px!important;
  padding:12px!important;
  gap:10px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-role-card-v2-9-577 b{
  font-size:14px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-note-v2-9-577{
  font-size:13px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-course-list-v2-9-577 article,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-courses-empty-v2-9-577{
  min-height:58px!important;
  padding:10px 12px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-course-readonly-tag-v2-9-580{
  min-height:30px!important;
  padding:0 10px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-mobile-menu-toggle-v2-9-428,
body.myeclass-admin-body-v2-9-537 .myeclass-mobile-menu-toggle-v2-9-428{
  display:none!important;
}
@media(max-width:1180px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-hero-v2-9-577,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-form-v2-9-577{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:720px){
  body.myeclass-admin-body-v2-9-537 .myeclass-topbar{
    min-height:64px!important;
    height:64px!important;
    padding:0 10px!important;
    overflow:visible!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-topbar-left{
    min-width:0!important;
    gap:0!important;
  }
  body.myeclass-admin-body-v2-9-537 .brand-logo-shell{
    width:86px!important;
    max-width:86px!important;
  }
  body.myeclass-admin-body-v2-9-537 .brand-logo{
    max-width:78px!important;
    max-height:40px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-actions-v2-9-544{
    gap:8px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-icon-v2-9-544,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-profile-v2-9-544>summary{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544{
    top:64px!important;
    padding:8px 12px 10px!important;
    overflow-x:hidden!important;
    background:linear-gradient(180deg,rgba(9,22,40,.96),rgba(8,18,32,.94))!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-v2-9-544{
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 2px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-v2-9-544::-webkit-scrollbar{display:none!important;}
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-section-v2-9-544{
    display:none!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-link-v2-9-544,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-544>summary{
    position:relative!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:38px!important;
    padding:8px 12px!important;
    border-radius:12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    white-space:nowrap!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-link-v2-9-544 span,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-544>summary span,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-544>summary i{
    position:static!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    clip:auto!important;
    white-space:nowrap!important;
    border:0!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-link-v2-9-544 small{
    display:none!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-544{
    flex:0 0 auto!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-544>div{
    display:none!important;
  }
  body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
    padding:14px 14px 26px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-breadcrumbs-v2-9-544{
    display:none!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-header-v2-9-544{
    margin-bottom:14px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-header-row-v2-9-544{
    display:grid!important;
    gap:12px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-header-v2-9-544 h1{
    font-size:26px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-header-v2-9-544 p{
    margin-top:6px!important;
    font-size:14px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-header-actions-v2-9-544{
    width:100%!important;
    justify-content:stretch!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-header-actions-v2-9-544>*{
    flex:1 1 auto!important;
    justify-content:center!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-stats-grid-v2-9-544,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-stats-v2-9-572{
    gap:12px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-stat-card-v2-9-544,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-stat-card-v2-9-572,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-panel-v2-9-544{
    border-radius:16px!important;
    padding:16px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-hero-v2-9-577,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-form-v2-9-577{
    gap:12px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-identity-v2-9-577{
    padding:15px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-meta-v2-9-577{
    padding:15px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-role-picker-v2-9-577{
    grid-template-columns:1fr!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-role-card-v2-9-577{
    min-height:auto!important;
  }
}
@media(max-width:420px){
  body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-nav-link-v2-9-544,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-advanced-v2-9-544>summary{
    padding:8px 10px!important;
  }
}

/* v2.9.583 — Admin responsive final balance hotfix
   Final shell balance: a wider but bounded desktop workspace, a real mobile
   navigation drawer, a full-width user-course panel, and denser mobile lists. */
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > *{
  max-width:min(100%,1360px)!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537::after{
  max-width:min(100%,1360px)!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-ref-header-v2-9-544,
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-user-detail-hero-v2-9-577,
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537 > .myeclass-admin-user-detail-form-v2-9-577{
  max-width:min(100%,1320px)!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-courses-panel-v2-9-583{
  grid-column:1 / -1!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-courses-panel-v2-9-583 .myeclass-admin-user-course-list-v2-9-577{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-courses-panel-v2-9-583 .myeclass-admin-user-courses-empty-v2-9-577{
  max-width:none!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-mobile-menu-toggle-v2-9-583{
  display:none!important;
}
@media(min-width:1281px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-form-v2-9-577{
    grid-template-columns:minmax(390px,.9fr) minmax(560px,1.1fr)!important;
  }
}
@media(max-width:1180px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-courses-panel-v2-9-583 .myeclass-admin-user-course-list-v2-9-577{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:720px){
  body.myeclass-admin-body-v2-9-537 .myeclass-app-shell.myeclass-admin-shell-v2-9-537,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-shell-v2-9-537{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    min-height:calc(100vh - 64px)!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544{
    display:none!important;
  }
  body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
    grid-column:1!important;
    grid-row:1!important;
    padding:14px 12px 28px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-topbar{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:0 10px!important;
    overflow:visible!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-topbar-left{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-mobile-menu-toggle-v2-9-583{
    display:inline-flex!important;
    order:0!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:12px!important;
    border:1px solid rgba(86,151,255,.48)!important;
    background:rgba(25,53,96,.82)!important;
    color:#fff!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-mobile-menu-toggle-v2-9-583 b{
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    clip:auto!important;
    color:inherit!important;
    font-size:20px!important;
    line-height:1!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-mobile-menu-toggle-v2-9-583 span{
    display:none!important;
  }
  body.myeclass-admin-body-v2-9-537 .brand.myeclass-brand{
    order:1!important;
    height:64px!important;
  }
  body.myeclass-admin-body-v2-9-537 .brand-logo-shell{
    width:74px!important;
    height:52px!important;
  }
  body.myeclass-admin-body-v2-9-537 .brand-logo{
    max-width:70px!important;
    max-height:46px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-actions-v2-9-544{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:7px!important;
    margin-left:auto!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-icon-v2-9-544,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-profile-v2-9-544 > summary{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:12px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-mobile-menu-v2-9-428,
  body.myeclass-admin-body-v2-9-537 .myeclass-mobile-menu-backdrop-v2-9-428{
    top:64px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-mobile-menu-v2-9-428{
    width:min(88vw,340px)!important;
    max-width:min(88vw,340px)!important;
    background:linear-gradient(180deg,#0b1a2e,#081321)!important;
    border-right:1px solid rgba(111,149,202,.28)!important;
    z-index:1500!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-mobile-menu-backdrop-v2-9-428{
    z-index:1490!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-mobile-menu-link{
    border-radius:12px!important;
    border:1px solid transparent!important;
    min-height:46px!important;
    padding:10px 12px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-mobile-menu-link.is-active{
    border-color:rgba(76,149,255,.55)!important;
    background:rgba(45,130,255,.22)!important;
    color:#fff!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-header-actions-v2-9-544{
    justify-content:flex-start!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-header-actions-v2-9-544 > *{
    flex:0 1 auto!important;
    width:auto!important;
    min-height:40px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-identity-v2-9-577,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-meta-v2-9-577,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-panel-v2-9-577,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-actions-v2-9-577{
    padding:14px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-fields-v2-9-577{
    gap:14px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-detail-fields-v2-9-577 input{
    min-height:44px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-readonly-card-v2-9-577{
    min-height:0!important;
    padding:12px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-role-picker-v2-9-577{
    padding:10px!important;
    gap:8px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-role-card-v2-9-577{
    min-height:0!important;
    padding:11px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-filter-panel-v2-9-572,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-directory-v2-9-572{
    padding:12px!important;
    border-radius:16px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-filter-panel-v2-9-572{
    gap:14px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-filter-panel-v2-9-572 h2,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-directory-head-v2-9-572 h2{
    font-size:20px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-filter-panel-v2-9-572 p,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-directory-head-v2-9-572 p{
    font-size:13px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-filters-v2-9-572{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-filters-v2-9-572 input,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-filters-v2-9-572 select{
    min-height:44px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-filter-actions-v2-9-572{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-filter-actions-v2-9-572 .myeclass-admin-ref-button-v2-9-544{
    width:100%!important;
    min-height:42px!important;
    padding:0 10px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-directory-head-v2-9-572{
    padding:4px 2px 12px!important;
    gap:10px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-row-v2-9-573{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 10px!important;
    padding:12px!important;
    border-radius:14px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-row-identity-v2-9-573{
    grid-column:1 / -1!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-row-roles-v2-9-573,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-row-status-v2-9-573{
    grid-column:auto!important;
    align-self:center!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-row-metric-v2-9-573{
    display:inline-flex!important;
    align-items:baseline!important;
    gap:5px!important;
    min-width:0!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-row-metric-v2-9-573 span{
    display:inline!important;
    margin:0!important;
    font-size:9px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-row-metric-v2-9-573 b{
    display:inline!important;
    font-size:12px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-row-created-v2-9-573{
    display:none!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-row-actions-v2-9-573{
    grid-column:1 / -1!important;
    justify-content:stretch!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-row-actions-v2-9-573 .myeclass-admin-ref-button-v2-9-544{
    width:100%!important;
    min-height:40px!important;
  }
}
@media(max-width:420px){
  body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.myeclass-admin-body-v2-9-537 .brand-logo-shell{
    width:66px!important;
  }
  body.myeclass-admin-body-v2-9-537 .brand-logo{
    max-width:64px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-row-v2-9-573{
    grid-template-columns:1fr 1fr!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-filter-actions-v2-9-572{
    grid-template-columns:1fr!important;
  }
}

/* v2.9.584 — Admin topbar viewport/root-cause overflow hotfix
   Shell geometry only. The fixed topbar is constrained by its physical inset
   edges instead of 100vw, its action group cannot wrap/shrink, and admin root
   overflow remains observable rather than being hidden as a workaround. */
html.myeclass-admin-root-v2-9-584{
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
}
html.myeclass-admin-root-v2-9-584 body.myeclass-admin-body-v2-9-537,
body.myeclass-admin-body-v2-9-537{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:visible!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-app-shell.myeclass-admin-shell-v2-9-537,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-shell-v2-9-537{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:visible!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-topbar{
  left:0!important;
  right:0!important;
  inset-inline:0!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding-left:calc(22px + env(safe-area-inset-left, 0px))!important;
  padding-right:calc(22px + env(safe-area-inset-right, 0px))!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  transform:none!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-topbar > *{
  box-sizing:border-box!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-topbar-left{
  flex:1 1 0%!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  transform:none!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-actions-v2-9-544{
  display:flex!important;
  flex:0 0 auto!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:100%!important;
  gap:12px!important;
  margin-left:auto!important;
  margin-right:0!important;
  padding:0!important;
  white-space:nowrap!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  overflow:visible!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-actions-v2-9-544 > *,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-icon-v2-9-544,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-profile-v2-9-544,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-profile-v2-9-544 > summary{
  flex:0 0 auto!important;
  margin-right:0!important;
  transform:none!important;
}
body.myeclass-admin-body-v2-9-537 .container.myeclass-main.myeclass-admin-main-v2-9-537{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:visible!important;
}
@media(max-width:720px){
  body.myeclass-admin-body-v2-9-537 .myeclass-topbar{
    gap:8px!important;
    padding-left:calc(10px + env(safe-area-inset-left, 0px))!important;
    padding-right:calc(10px + env(safe-area-inset-right, 0px))!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-topbar-left{
    gap:8px!important;
    overflow:hidden!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-actions-v2-9-544{
    gap:7px!important;
  }
}
@media(max-width:360px){
  body.myeclass-admin-body-v2-9-537 .myeclass-topbar{
    gap:6px!important;
    padding-left:calc(8px + env(safe-area-inset-left, 0px))!important;
    padding-right:calc(8px + env(safe-area-inset-right, 0px))!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-topbar-left{
    gap:6px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-actions-v2-9-544{
    gap:6px!important;
  }
}


/* v2.9.584.1 — Admin collapsed-sidebar icon + users summary semantics hotfix
   Root cause: the compact-sidebar label selector matched every descendant span,
   including .shell-icon. Keep icon geometry visible, keep text visually hidden,
   and constrain the desktop logo inside the real topbar height. */
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-nav-link-v2-9-544 > .shell-icon,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544.is-collapsed-v2-9-581 .myeclass-admin-advanced-v2-9-544 > summary > .shell-icon,
body.myeclass-admin-body-v2-9-537.myeclass-admin-sidebar-collapsed-v2-9-581 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-nav-link-v2-9-544 > .shell-icon,
body.myeclass-admin-body-v2-9-537.myeclass-admin-sidebar-collapsed-v2-9-581 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-advanced-v2-9-544 > summary > .shell-icon{
  position:static!important;
  display:inline-flex!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:normal!important;
  border:0!important;
  flex:0 0 24px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-nav-link-v2-9-544 > .shell-icon svg,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-advanced-v2-9-544 > summary > .shell-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}

body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-stat-v2-9-544{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-stat-v2-9-544 > div{
  flex:1 1 auto!important;
  min-width:0!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-stat-v2-9-544 > div > small{
  overflow-wrap:anywhere!important;
}
@media(max-width:360px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-stat-v2-9-544{
    gap:12px!important;
    padding:14px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-stat-v2-9-544 > em{
    display:none!important;
  }
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-stat-v2-9-544 strong > small{
  display:inline!important;
  margin-left:3px!important;
  color:#cbd8ea!important;
  font-size:.55em!important;
  font-weight:800!important;
  vertical-align:baseline!important;
}
@media(min-width:721px){
  body.myeclass-admin-body-v2-9-537 .brand.myeclass-brand{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.myeclass-admin-body-v2-9-537 .brand-logo-shell{
    width:94px!important;
    max-width:94px!important;
    min-width:94px!important;
    height:100%!important;
    max-height:100%!important;
    padding-block:6px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.myeclass-admin-body-v2-9-537 .brand-logo{
    width:auto!important;
    height:auto!important;
    max-width:86px!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
}
@media(min-width:721px) and (max-width:900px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-nav-link-v2-9-544 > .shell-icon,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-sidebar-v2-9-544 .myeclass-admin-advanced-v2-9-544 > summary > .shell-icon{
    position:static!important;
    display:inline-flex!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    clip:auto!important;
    white-space:normal!important;
    border:0!important;
    flex:0 0 24px!important;
  }
}

/* v2.9.584.2 — Admin users stat-icon clarity + empty assignment-dialog balance
   The legacy global compact icon rule forces every .shell-icon to 15px!important.
   Restore the intended visual weight inside admin statistic circles, and keep the
   no-available-course close action directly below its empty state rather than at
   the bottom edge of a wide, sticky dialog footer. */
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-stat-icon-v2-9-544 .shell-icon,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-stat-icon-v2-9-544 .shell-icon svg{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-stat-icon-v2-9-544 .shell-icon svg{
  stroke-width:2.05!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-course-assign-dialog-v2-9-584-2.is-empty-v2-9-584-2{
  width:min(760px,calc(100vw - 40px))!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-course-assign-form-v2-9-584-2 .myeclass-admin-user-course-empty-v2-9-584-2{
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:190px!important;
  padding:28px!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-course-empty-actions-v2-9-584-2{
  position:static!important;
  grid-column:1 / -1!important;
  margin:14px 0 0!important;
  padding:0!important;
  background:transparent!important;
  align-self:start!important;
}
@media(max-width:560px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-course-assign-form-v2-9-584-2 .myeclass-admin-user-course-empty-v2-9-584-2{
    min-height:170px!important;
    padding:22px 16px!important;
  }
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-user-course-empty-actions-v2-9-584-2{
    margin-top:12px!important;
  }
}

/* v2.9.584.3 — Admin users statistic badge perfect-circle hotfix
   The statistic cards are flex rows. Without an explicit non-shrinking basis,
   long labels/hints can compress the 58px icon wrapper horizontally while its
   height remains 58px, producing an oval despite border-radius:50%.
   Lock only the Users summary badges to a true 58×58 circle. */
body.myeclass-admin-body-v2-9-537 .myeclass-admin-users-summary-v2-9-572 .myeclass-admin-ref-stat-icon-v2-9-544{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  overflow:hidden!important;
}


/* v2.9.585 — Admin Courses Foundation
   Course is the shared educational core; classes remain separate groups. */
.myeclass-admin-courses-head-actions-v2-9-585{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
  min-width:0;
}
.myeclass-admin-courses-head-actions-v2-9-585 .myeclass-admin-ref-toolbar-v2-9-544{
  min-width:0;
}
.myeclass-admin-courses-summary-v2-9-585{
  margin-bottom:20px;
}
.myeclass-admin-course-model-v2-9-585{
  display:grid;
  grid-template-columns:minmax(270px,.75fr) minmax(520px,1.25fr);
  gap:24px;
  align-items:center;
  margin:0 0 22px;
  padding:24px;
  border:1px solid rgba(90,145,225,.24);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(12,31,58,.86),rgba(8,20,39,.76));
  box-shadow:0 22px 55px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);
}
.myeclass-admin-course-model-head-v2-9-585 h2{
  margin:5px 0 7px;
  color:#fff;
  font-size:25px;
  letter-spacing:-.025em;
}
.myeclass-admin-course-model-head-v2-9-585 p{
  margin:0;
  color:#aebbd0;
  line-height:1.55;
}
.myeclass-admin-course-eyebrow-v2-9-585{
  color:#68adff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.myeclass-admin-course-model-flow-v2-9-585{
  display:grid;
  grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-width:0;
}
.myeclass-admin-course-model-flow-v2-9-585 article{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:76px;
  padding:13px 14px;
  border:1px solid rgba(128,154,196,.17);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.myeclass-admin-course-model-flow-v2-9-585 article.is-core{
  border-color:rgba(45,130,255,.42);
  background:rgba(45,130,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.myeclass-admin-course-model-flow-v2-9-585 article>span{
  flex:0 0 40px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(45,130,255,.14);
  color:#62aaff;
}
.myeclass-admin-course-model-flow-v2-9-585 article>span .shell-icon{
  width:23px;
  height:23px;
}
.myeclass-admin-course-model-flow-v2-9-585 article div{
  min-width:0;
}
.myeclass-admin-course-model-flow-v2-9-585 b,
.myeclass-admin-course-model-flow-v2-9-585 small{
  display:block;
}
.myeclass-admin-course-model-flow-v2-9-585 b{
  color:#fff;
  font-size:14px;
}
.myeclass-admin-course-model-flow-v2-9-585 small{
  margin-top:4px;
  color:#9eacbf;
  font-size:11px;
  line-height:1.35;
}
.myeclass-admin-course-model-flow-v2-9-585>i{
  color:#5fa7ff;
  font-style:normal;
  font-size:24px;
  text-align:center;
}
.myeclass-admin-courses-directory-v2-9-585{
  overflow:hidden;
  border:1px solid var(--ref-border,rgba(128,154,196,.18));
  border-radius:18px;
  background:linear-gradient(180deg,rgba(14,29,52,.76),rgba(8,20,37,.74));
  box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03);
}
.myeclass-admin-courses-directory-head-v2-9-585{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:22px 24px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.myeclass-admin-courses-directory-head-v2-9-585 h2{
  margin:0 0 6px;
  color:#fff;
  font-size:22px;
}
.myeclass-admin-courses-directory-head-v2-9-585 p{
  margin:0;
  color:#9eacbf;
  line-height:1.45;
}
.myeclass-admin-courses-directory-head-v2-9-585>span{
  flex:0 0 auto;
  padding:7px 11px;
  border:1px solid rgba(128,154,196,.18);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#c9d7ea;
  font-size:13px;
  font-weight:800;
}
.myeclass-admin-course-list-v2-9-585{
  display:grid;
}
.myeclass-admin-course-row-v2-9-585{
  display:grid;
  grid-template-columns:minmax(320px,1.65fr) repeat(3,minmax(92px,.48fr)) minmax(210px,.85fr) minmax(168px,.62fr);
  gap:18px;
  align-items:center;
  min-width:0;
  padding:20px 24px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.myeclass-admin-course-row-v2-9-585:last-child{
  border-bottom:0;
}
.myeclass-admin-course-row-v2-9-585:hover{
  background:rgba(45,130,255,.035);
}
.myeclass-admin-course-identity-v2-9-585{
  display:flex;
  align-items:center;
  gap:15px;
  min-width:0;
}
.myeclass-admin-course-identity-v2-9-585 .myeclass-admin-ref-course-icon-v2-9-544{
  flex:0 0 54px;
  width:54px;
  height:54px;
  aspect-ratio:1 / 1;
  min-width:54px;
  min-height:54px;
  border-radius:50%;
  font-size:24px;
}
.myeclass-admin-course-identity-v2-9-585>div{
  min-width:0;
}
.myeclass-admin-course-title-line-v2-9-585{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  flex-wrap:wrap;
}
.myeclass-admin-course-title-line-v2-9-585 h3{
  min-width:0;
  margin:0;
  color:#fff;
  font-size:17px;
  line-height:1.3;
  letter-spacing:-.012em;
}
.myeclass-admin-course-title-line-v2-9-585 code{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:3px 7px;
  border:1px solid rgba(103,151,221,.22);
  border-radius:7px;
  background:rgba(45,130,255,.08);
  color:#9ac7ff;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:11px;
  overflow-wrap:anywhere;
}
.myeclass-admin-course-identity-v2-9-585 p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin:6px 0 0;
  color:#8f9eb2;
  font-size:13px;
  line-height:1.45;
}
.myeclass-admin-course-metric-v2-9-585{
  min-width:0;
  padding-left:16px;
  border-left:1px solid rgba(255,255,255,.07);
}
.myeclass-admin-course-metric-v2-9-585 span,
.myeclass-admin-course-metric-v2-9-585 b,
.myeclass-admin-course-metric-v2-9-585 small{
  display:block;
}
.myeclass-admin-course-metric-v2-9-585 span{
  color:#90a1b8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.myeclass-admin-course-metric-v2-9-585 b{
  margin-top:3px;
  color:#fff;
  font-size:25px;
  line-height:1.1;
}
.myeclass-admin-course-metric-v2-9-585 small{
  margin-top:4px;
  color:#8192a9;
  font-size:11px;
  line-height:1.35;
}
.myeclass-admin-course-metric-v2-9-585.is-empty b,
.myeclass-admin-course-metric-v2-9-585.is-empty small{
  color:#e8b962;
}
.myeclass-admin-course-content-v2-9-585{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(128,154,196,.14);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:#eaf3ff;
  text-decoration:none;
}
.myeclass-admin-course-content-v2-9-585:hover{
  border-color:rgba(45,130,255,.38);
  background:rgba(45,130,255,.09);
}
.myeclass-admin-course-content-v2-9-585>span{
  flex:0 0 36px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(45,130,255,.12);
  color:#62aaff;
}
.myeclass-admin-course-content-v2-9-585 .shell-icon{
  width:21px;
  height:21px;
}
.myeclass-admin-course-content-v2-9-585 div{
  min-width:0;
}
.myeclass-admin-course-content-v2-9-585 b,
.myeclass-admin-course-content-v2-9-585 small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
}
.myeclass-admin-course-content-v2-9-585 b{
  color:#fff;
  font-size:13px;
  white-space:nowrap;
}
.myeclass-admin-course-content-v2-9-585 small{
  margin-top:4px;
  color:#8fa0b7;
  font-size:11px;
  line-height:1.35;
}
.myeclass-admin-course-content-v2-9-585.is-empty{
  border-color:rgba(226,172,70,.24);
  background:rgba(226,172,70,.06);
}
.myeclass-admin-course-content-v2-9-585.is-empty>span{
  background:rgba(226,172,70,.11);
  color:#e8b962;
}
.myeclass-admin-course-actions-v2-9-585{
  display:grid;
  gap:8px;
  min-width:0;
}
.myeclass-admin-course-actions-v2-9-585 .myeclass-admin-ref-button-v2-9-544{
  width:100%;
  min-width:0;
  min-height:42px;
  padding:0 12px;
  white-space:nowrap;
  font-size:13px;
}
.myeclass-admin-courses-directory-foot-v2-9-585{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:70px;
  padding:14px 24px;
  border-top:1px solid rgba(255,255,255,.075);
  color:#91a2b9;
  font-size:13px;
}
.myeclass-admin-courses-empty-v2-9-585{
  display:grid;
  justify-items:center;
  gap:10px;
  padding:48px 24px;
  text-align:center;
}
.myeclass-admin-courses-empty-v2-9-585>span{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:rgba(45,130,255,.13);
  color:#62aaff;
}
.myeclass-admin-courses-empty-v2-9-585>span .shell-icon{
  width:30px;
  height:30px;
}
.myeclass-admin-courses-empty-v2-9-585 h3{
  margin:4px 0 0;
  color:#fff;
  font-size:20px;
}
.myeclass-admin-courses-empty-v2-9-585 p{
  max-width:540px;
  margin:0 0 8px;
  color:#9eacbf;
  line-height:1.5;
}
.myeclass-admin-course-dialog-v2-9-585{
  width:min(760px,calc(100vw - 48px))!important;
}
.myeclass-admin-course-dialog-v2-9-585 .myeclass-admin-course-form-v2-9-585{
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
}
.myeclass-admin-course-form-v2-9-585 label{
  min-width:0;
}
.myeclass-admin-course-form-v2-9-585 label>span{
  display:block;
  color:#edf4ff;
}
.myeclass-admin-course-form-v2-9-585 label>span em{
  color:#ff8c95;
  font-style:normal;
}
.myeclass-admin-course-form-v2-9-585 label>small{
  color:#8192aa;
  font-size:12px;
  font-weight:500;
  line-height:1.4;
}
.myeclass-admin-course-modal-note-v2-9-585{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0 0 20px;
  padding:14px 15px;
  border:1px solid rgba(45,130,255,.2);
  border-radius:13px;
  background:rgba(45,130,255,.08);
}
.myeclass-admin-course-modal-note-v2-9-585>span{
  flex:0 0 36px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(45,130,255,.14);
  color:#62aaff;
}
.myeclass-admin-course-modal-note-v2-9-585 .shell-icon{
  width:21px;
  height:21px;
}
.myeclass-admin-course-modal-note-v2-9-585 b,
.myeclass-admin-course-modal-note-v2-9-585 small{
  display:block;
}
.myeclass-admin-course-modal-note-v2-9-585 b{
  color:#fff;
  font-size:14px;
}
.myeclass-admin-course-modal-note-v2-9-585 small{
  margin-top:4px;
  color:#aebbd0;
  line-height:1.45;
}
.myeclass-admin-course-edit-summary-v2-9-585{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  gap:10px;
  align-items:stretch;
  margin:0 0 20px;
}
.myeclass-admin-course-edit-summary-v2-9-585>div,
.myeclass-admin-course-edit-summary-v2-9-585>a{
  display:grid;
  align-content:center;
  min-height:66px;
  padding:10px 12px;
  border:1px solid rgba(128,154,196,.15);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}
.myeclass-admin-course-edit-summary-v2-9-585 b{
  color:#fff;
  font-size:20px;
}
.myeclass-admin-course-edit-summary-v2-9-585 span{
  color:#8fa0b7;
  font-size:11px;
}
.myeclass-admin-course-edit-summary-v2-9-585>a{
  color:#83baff;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
}
.myeclass-admin-course-danger-zone-v2-9-585{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:24px;
  padding:17px 18px;
  border:1px solid rgba(255,79,94,.22);
  border-radius:14px;
  background:rgba(255,79,94,.055);
}
.myeclass-admin-course-danger-zone-v2-9-585>div{
  min-width:0;
}
.myeclass-admin-course-danger-zone-v2-9-585 b{
  color:#fff;
}
.myeclass-admin-course-danger-zone-v2-9-585 p{
  margin:4px 0 0!important;
  color:#aebbd0!important;
  font-size:13px;
}
.myeclass-admin-course-danger-zone-v2-9-585 small{
  display:block;
  margin-top:6px;
  color:#d6a1a6;
  font-size:11px;
  line-height:1.4;
}
.myeclass-admin-course-delete-locked-v2-9-585{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#d6a1a6;
  font-size:13px;
  font-weight:800;
}
.myeclass-admin-course-delete-locked-v2-9-585 .shell-icon{
  width:17px;
  height:17px;
}
.myeclass-admin-course-delete-dialog-v2-9-585{
  width:min(600px,calc(100vw - 48px))!important;
}
.myeclass-admin-course-delete-form-v2-9-585{
  grid-template-columns:1fr!important;
}
.myeclass-admin-course-delete-form-v2-9-585 code{
  padding:2px 6px;
  border-radius:6px;
  background:rgba(255,255,255,.07);
  color:#fff;
}
@media(max-width:1380px){
  .myeclass-admin-course-row-v2-9-585{
    grid-template-columns:minmax(300px,1.5fr) repeat(3,minmax(78px,.4fr)) minmax(190px,.8fr) minmax(148px,.55fr);
    gap:13px;
    padding-left:19px;
    padding-right:19px;
  }
  .myeclass-admin-course-metric-v2-9-585{
    padding-left:11px;
  }
  .myeclass-admin-course-actions-v2-9-585 .myeclass-admin-ref-button-v2-9-544 span{
    font-size:12px;
  }
}
@media(max-width:1180px){
  .myeclass-admin-course-model-v2-9-585{
    grid-template-columns:1fr;
  }
  .myeclass-admin-course-row-v2-9-585{
    grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(90px,.45fr));
  }
  .myeclass-admin-course-content-v2-9-585{
    grid-column:1 / 4;
  }
  .myeclass-admin-course-actions-v2-9-585{
    grid-column:4;
    grid-row:2;
  }
}
@media(max-width:900px){
  .myeclass-admin-courses-head-actions-v2-9-585{
    width:100%;
    justify-content:stretch;
  }
  .myeclass-admin-courses-head-actions-v2-9-585 .myeclass-admin-ref-toolbar-v2-9-544,
  .myeclass-admin-courses-head-actions-v2-9-585 .myeclass-admin-ref-search-v2-9-544{
    flex:1 1 280px;
    width:100%;
    min-width:0;
  }
  .myeclass-admin-course-row-v2-9-585{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }
  .myeclass-admin-course-identity-v2-9-585{
    grid-column:1 / -1;
  }
  .myeclass-admin-course-metric-v2-9-585{
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:11px;
    background:rgba(255,255,255,.025);
  }
  .myeclass-admin-course-content-v2-9-585{
    grid-column:1 / 3;
  }
  .myeclass-admin-course-actions-v2-9-585{
    grid-column:3;
    grid-row:auto;
  }
}
@media(max-width:720px){
  .myeclass-admin-course-model-v2-9-585{
    padding:19px;
  }
  .myeclass-admin-course-model-flow-v2-9-585{
    grid-template-columns:1fr;
  }
  .myeclass-admin-course-model-flow-v2-9-585>i{
    transform:rotate(90deg);
    line-height:1;
  }
  .myeclass-admin-courses-directory-head-v2-9-585,
  .myeclass-admin-courses-directory-foot-v2-9-585{
    align-items:flex-start;
    flex-direction:column;
    padding-left:17px;
    padding-right:17px;
  }
  .myeclass-admin-course-row-v2-9-585{
    grid-template-columns:1fr;
    padding:18px 17px;
  }
  .myeclass-admin-course-identity-v2-9-585,
  .myeclass-admin-course-content-v2-9-585,
  .myeclass-admin-course-actions-v2-9-585{
    grid-column:1;
  }
  .myeclass-admin-course-metric-v2-9-585{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:4px 12px;
  }
  .myeclass-admin-course-metric-v2-9-585 b{
    grid-column:2;
    grid-row:1 / 3;
    font-size:24px;
  }
  .myeclass-admin-course-metric-v2-9-585 small{
    margin-top:0;
  }
  .myeclass-admin-course-actions-v2-9-585{
    grid-template-columns:1fr 1fr;
  }
  .myeclass-admin-course-dialog-v2-9-585,
  .myeclass-admin-course-delete-dialog-v2-9-585{
    width:100%!important;
  }
  .myeclass-admin-course-dialog-v2-9-585 .myeclass-admin-course-form-v2-9-585{
    grid-template-columns:1fr!important;
  }
  .myeclass-admin-course-edit-summary-v2-9-585{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .myeclass-admin-course-edit-summary-v2-9-585>a{
    grid-column:1 / -1;
    min-height:44px;
  }
  .myeclass-admin-course-danger-zone-v2-9-585{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:430px){
  .myeclass-admin-courses-head-actions-v2-9-585{
    display:grid;
    grid-template-columns:1fr;
  }
  .myeclass-admin-course-actions-v2-9-585{
    grid-template-columns:1fr;
  }
  .myeclass-admin-course-title-line-v2-9-585{
    align-items:flex-start;
    flex-direction:column;
  }
  .myeclass-admin-course-edit-summary-v2-9-585{
    grid-template-columns:1fr;
  }
  .myeclass-admin-course-edit-summary-v2-9-585>a{
    grid-column:1;
  }
}
/* v2.9.585 modal width specificity: override the viewport-overlay safety rule. */
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-course-dialog-v2-9-585{
  width:min(760px,calc(100vw - 40px))!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-course-delete-dialog-v2-9-585{
  width:min(600px,calc(100vw - 40px))!important;
}
@media(max-width:720px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-course-dialog-v2-9-585,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-modal-v2-9-544 .myeclass-admin-course-delete-dialog-v2-9-585{
    width:100%!important;
  }
}

/* v2.9.586 — Admin Course Detail / Classes
   A course is the shared core; classes are concrete groups with their own
   teacher and students. No teacher transfer or destructive class controls. */
.myeclass-admin-course-detail-actions-v2-9-586{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
}
.myeclass-admin-course-detail-hero-v2-9-586{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);
  gap:24px;
  align-items:center;
  margin-bottom:20px;
  padding:26px;
  border:1px solid rgba(95,150,229,.22);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(15,34,62,.92),rgba(7,20,38,.82));
  box-shadow:0 24px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
}
.myeclass-admin-course-detail-identity-v2-9-586{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.myeclass-admin-course-detail-identity-v2-9-586>span{
  flex:0 0 76px;
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#7044d9,#347dd2);
  color:#fff;
  font-size:31px;
  font-weight:900;
  box-shadow:0 15px 35px rgba(42,105,205,.24),inset 0 1px 0 rgba(255,255,255,.18);
}
.myeclass-admin-course-detail-identity-v2-9-586>div{
  min-width:0;
}
.myeclass-admin-course-detail-identity-v2-9-586>div>small{
  display:block;
  margin-bottom:6px;
  color:#75b5ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.myeclass-admin-course-detail-identity-v2-9-586>div>div{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex-wrap:wrap;
}
.myeclass-admin-course-detail-identity-v2-9-586 h2{
  margin:0;
  color:#fff;
  font-size:29px;
  line-height:1.18;
  letter-spacing:-.025em;
}
.myeclass-admin-course-detail-identity-v2-9-586 code{
  padding:4px 8px;
  border:1px solid rgba(103,151,221,.25);
  border-radius:8px;
  background:rgba(45,130,255,.09);
  color:#9bc8ff;
  font-size:12px;
  overflow-wrap:anywhere;
}
.myeclass-admin-course-detail-identity-v2-9-586 p{
  max-width:800px;
  margin:9px 0 0;
  color:#9eacc0;
  line-height:1.55;
}
.myeclass-admin-course-detail-model-v2-9-586{
  display:grid;
  gap:6px;
  padding:18px;
  border:1px solid rgba(45,130,255,.24);
  border-radius:15px;
  background:rgba(45,130,255,.075);
}
.myeclass-admin-course-detail-model-v2-9-586 b{
  color:#fff;
  font-size:15px;
}
.myeclass-admin-course-detail-model-v2-9-586 span{
  color:#a9b8cc;
  font-size:13px;
  line-height:1.5;
}
.myeclass-admin-course-detail-stats-v2-9-586{
  margin-bottom:20px;
}
.myeclass-admin-course-hub-v2-9-586,
.myeclass-admin-course-classes-v2-9-586{
  margin-bottom:22px;
  padding:24px;
  border:1px solid rgba(128,154,196,.18);
  border-radius:19px;
  background:linear-gradient(180deg,rgba(13,29,52,.78),rgba(8,20,37,.76));
  box-shadow:0 22px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.03);
}
.myeclass-admin-course-section-head-v2-9-586,
.myeclass-admin-course-classes-head-v2-9-586{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.myeclass-admin-course-section-head-v2-9-586 span,
.myeclass-admin-course-classes-head-v2-9-586>div:first-child>span{
  color:#68adff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
}
.myeclass-admin-course-section-head-v2-9-586 h2,
.myeclass-admin-course-classes-head-v2-9-586 h2{
  margin:5px 0 6px;
  color:#fff;
  font-size:23px;
  letter-spacing:-.02em;
}
.myeclass-admin-course-section-head-v2-9-586 p,
.myeclass-admin-course-classes-head-v2-9-586 p{
  margin:0;
  color:#97a6bb;
  line-height:1.45;
}
.myeclass-admin-course-hub-grid-v2-9-586{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.myeclass-admin-course-hub-card-v2-9-586{
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-width:0;
  padding:18px;
  border:1px solid rgba(128,154,196,.16);
  border-radius:15px;
  background:rgba(255,255,255,.035);
  color:inherit;
  text-decoration:none;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.myeclass-admin-course-hub-card-v2-9-586:hover{
  transform:translateY(-1px);
  border-color:rgba(90,155,247,.38);
  background:rgba(45,130,255,.075);
}
.myeclass-admin-course-hub-card-v2-9-586>span{
  flex:0 0 48px;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(45,130,255,.13);
  color:#69adff;
}
.myeclass-admin-course-hub-card-v2-9-586.purple>span{background:rgba(130,88,230,.15);color:#b69aff}
.myeclass-admin-course-hub-card-v2-9-586.amber>span{background:rgba(226,172,70,.14);color:#efbe5f}
.myeclass-admin-course-hub-card-v2-9-586 .shell-icon{width:25px;height:25px}
.myeclass-admin-course-hub-card-v2-9-586>div{min-width:0}
.myeclass-admin-course-hub-card-v2-9-586 small{
  display:block;
  color:#7f91a9;
  font-size:10px;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.myeclass-admin-course-hub-card-v2-9-586 h3{
  margin:5px 0 5px;
  color:#fff;
  font-size:16px;
}
.myeclass-admin-course-hub-card-v2-9-586 p{
  min-height:40px;
  margin:0 0 12px;
  color:#93a2b7;
  font-size:12px;
  line-height:1.45;
}
.myeclass-admin-course-hub-card-v2-9-586 b{
  color:#8fc1ff;
  font-size:12px;
}
.myeclass-admin-course-hub-card-v2-9-586 b i{font-style:normal;margin-left:5px}
.myeclass-admin-course-classes-head-v2-9-586>div:last-child{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.myeclass-admin-course-class-count-v2-9-586{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 12px;
  border:1px solid rgba(128,154,196,.17);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#c5d3e6;
  font-size:12px;
  font-weight:800;
}
.myeclass-admin-course-class-list-v2-9-586{
  display:grid;
  gap:13px;
}
.myeclass-admin-course-class-card-v2-9-586{
  overflow:hidden;
  border:1px solid rgba(128,154,196,.16);
  border-radius:16px;
  background:rgba(6,18,34,.42);
}
.myeclass-admin-course-class-main-v2-9-586{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 19px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.myeclass-admin-course-class-title-v2-9-586{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.myeclass-admin-course-class-title-v2-9-586>span{
  flex:0 0 46px;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(32,180,190,.13);
  color:#3ed2dd;
}
.myeclass-admin-course-class-title-v2-9-586 .shell-icon{width:24px;height:24px}
.myeclass-admin-course-class-title-v2-9-586>div{min-width:0}
.myeclass-admin-course-class-title-v2-9-586>div>div{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  min-width:0;
}
.myeclass-admin-course-class-title-v2-9-586 h3{
  margin:0;
  color:#fff;
  font-size:17px;
}
.myeclass-admin-course-class-title-v2-9-586 code{
  padding:3px 7px;
  border:1px solid rgba(93,159,237,.2);
  border-radius:7px;
  background:rgba(45,130,255,.075);
  color:#93c2fb;
  font-size:11px;
  overflow-wrap:anywhere;
}
.myeclass-admin-course-class-title-v2-9-586 p{
  margin:5px 0 0;
  color:#8e9db2;
  font-size:12px;
  line-height:1.4;
}
.myeclass-admin-course-class-grid-v2-9-586{
  display:grid;
  grid-template-columns:minmax(230px,.75fr) minmax(260px,.72fr) minmax(320px,1.25fr);
  gap:0;
}
.myeclass-admin-course-class-grid-v2-9-586>div{
  min-width:0;
  padding:17px 19px;
}
.myeclass-admin-course-class-grid-v2-9-586>div+div{
  border-left:1px solid rgba(255,255,255,.07);
}
.myeclass-admin-course-class-teacher-v2-9-586{
  display:flex;
  align-items:center;
  gap:12px;
}
.myeclass-admin-course-class-teacher-v2-9-586>span{
  flex:0 0 40px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(130,88,230,.14);
  color:#b28eff;
}
.myeclass-admin-course-class-teacher-v2-9-586.is-missing>span{
  background:rgba(226,172,70,.12);
  color:#efbd5e;
}
.myeclass-admin-course-class-teacher-v2-9-586 .shell-icon{width:21px;height:21px}
.myeclass-admin-course-class-teacher-v2-9-586>div{min-width:0}
.myeclass-admin-course-class-teacher-v2-9-586 small,
.myeclass-admin-course-class-teacher-v2-9-586 a,
.myeclass-admin-course-class-teacher-v2-9-586 b,
.myeclass-admin-course-class-teacher-v2-9-586 p{display:block}
.myeclass-admin-course-class-teacher-v2-9-586 small{
  color:#8495ad;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.myeclass-admin-course-class-teacher-v2-9-586 a,
.myeclass-admin-course-class-teacher-v2-9-586 b{
  overflow:hidden;
  margin-top:3px;
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-decoration:none;
}
.myeclass-admin-course-class-teacher-v2-9-586 a:hover{color:#8fc2ff}
.myeclass-admin-course-class-teacher-v2-9-586 p{
  overflow:hidden;
  margin:3px 0 0;
  color:#8292a8;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.myeclass-admin-course-class-metrics-v2-9-586{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  align-items:center;
}
.myeclass-admin-course-class-metrics-v2-9-586>div{
  min-width:0;
  text-align:center;
}
.myeclass-admin-course-class-metrics-v2-9-586>div+div{
  border-left:1px solid rgba(255,255,255,.07);
}
.myeclass-admin-course-class-metrics-v2-9-586 small,
.myeclass-admin-course-class-metrics-v2-9-586 b{display:block}
.myeclass-admin-course-class-metrics-v2-9-586 small{
  color:#8394aa;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.myeclass-admin-course-class-metrics-v2-9-586 b{
  margin-top:4px;
  color:#fff;
  font-size:22px;
}
.myeclass-admin-course-class-students-v2-9-586>div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}
.myeclass-admin-course-class-students-v2-9-586>div:first-child small{
  color:#8394aa;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.myeclass-admin-course-class-students-v2-9-586>div:first-child span{
  color:#91a3ba;
  font-size:11px;
}
.myeclass-admin-course-class-students-v2-9-586 p.is-empty{
  margin:0;
  color:#7f8fa5;
  font-size:12px;
}
.myeclass-admin-course-class-student-list-v2-9-586{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.myeclass-admin-course-student-chip-v2-9-586{
  display:inline-flex;
  align-items:center;
  min-width:0;
  max-width:210px;
  border:1px solid rgba(128,154,196,.16);
  border-radius:999px;
  background:rgba(255,255,255,.04);
}
.myeclass-admin-course-student-chip-v2-9-586>a{
  overflow:hidden;
  min-width:0;
  padding:6px 5px 6px 10px;
  color:#dce8f7;
  font-size:11px;
  font-weight:700;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.myeclass-admin-course-student-chip-v2-9-586 form{display:flex;margin:0}
.myeclass-admin-course-student-chip-v2-9-586 button{
  width:24px;
  height:24px;
  margin-right:3px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#8596ac;
  font-size:16px;
  line-height:1;
  cursor:pointer;
}
.myeclass-admin-course-student-chip-v2-9-586 button:hover{
  background:rgba(255,79,94,.12);
  color:#ff8994;
}
.myeclass-admin-course-student-more-v2-9-586{
  color:#8da0b8;
  font-size:11px;
  font-weight:800;
}
.myeclass-admin-course-classes-empty-v2-9-586{
  display:grid;
  justify-items:center;
  gap:10px;
  padding:42px 24px 32px;
  text-align:center;
}
.myeclass-admin-course-classes-empty-v2-9-586>span{
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:rgba(32,180,190,.13);
  color:#42d2dc;
}
.myeclass-admin-course-classes-empty-v2-9-586 .shell-icon{width:30px;height:30px}
.myeclass-admin-course-classes-empty-v2-9-586 h3{margin:3px 0 0;color:#fff;font-size:19px}
.myeclass-admin-course-classes-empty-v2-9-586 p{max-width:600px;margin:0 0 7px;color:#95a5ba;line-height:1.5}
.myeclass-admin-class-dialog-v2-9-586,
.myeclass-admin-class-enroll-dialog-v2-9-586{
  width:min(780px,calc(100vw - 48px))!important;
}
.myeclass-admin-class-form-v2-9-586,
.myeclass-admin-class-enroll-form-v2-9-586{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.myeclass-admin-class-form-v2-9-586 label>span,
.myeclass-admin-class-enroll-form-v2-9-586 label>span{
  display:block;
  color:#edf4ff;
}
.myeclass-admin-class-form-v2-9-586 label>span em,
.myeclass-admin-class-enroll-form-v2-9-586 label>span em{
  color:#ff8c95;
  font-style:normal;
}
.myeclass-admin-class-form-v2-9-586 label>small{
  color:#8192aa;
  font-size:12px;
  font-weight:500;
  line-height:1.4;
}
.myeclass-admin-class-modal-note-v2-9-586{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0 0 19px;
  padding:14px 15px;
  border:1px solid rgba(32,180,190,.2);
  border-radius:13px;
  background:rgba(32,180,190,.07);
}
.myeclass-admin-class-modal-note-v2-9-586>span{
  flex:0 0 36px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(32,180,190,.13);
  color:#42d2dc;
}
.myeclass-admin-class-modal-note-v2-9-586 .shell-icon{width:21px;height:21px}
.myeclass-admin-class-modal-note-v2-9-586 b,
.myeclass-admin-class-modal-note-v2-9-586 small{display:block}
.myeclass-admin-class-modal-note-v2-9-586 b{color:#fff;font-size:14px}
.myeclass-admin-class-modal-note-v2-9-586 small{margin-top:4px;color:#a5b5c9;line-height:1.45}
.myeclass-admin-class-teacher-lock-v2-9-586{
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-width:0;
  padding:13px 14px;
  border:1px solid rgba(128,154,196,.16);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}
.myeclass-admin-class-teacher-lock-v2-9-586>span{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(226,172,70,.1);
  color:#e8b962;
}
.myeclass-admin-class-teacher-lock-v2-9-586 .shell-icon{width:18px;height:18px}
.myeclass-admin-class-teacher-lock-v2-9-586>div{min-width:0}
.myeclass-admin-class-teacher-lock-v2-9-586 small,
.myeclass-admin-class-teacher-lock-v2-9-586 b{display:block}
.myeclass-admin-class-teacher-lock-v2-9-586 small{color:#8495ad;font-size:10px;text-transform:uppercase;font-weight:900}
.myeclass-admin-class-teacher-lock-v2-9-586 b{margin-top:3px;color:#fff;font-size:13px}
.myeclass-admin-class-teacher-lock-v2-9-586 p{margin:4px 0 0;color:#8b9bb1;font-size:11px;line-height:1.4}
@media(max-width:1180px){
  .myeclass-admin-course-detail-hero-v2-9-586{grid-template-columns:1fr}
  .myeclass-admin-course-class-grid-v2-9-586{grid-template-columns:minmax(220px,.8fr) minmax(240px,.8fr)}
  .myeclass-admin-course-class-students-v2-9-586{grid-column:1 / -1;border-left:0!important;border-top:1px solid rgba(255,255,255,.07)}
}
@media(max-width:900px){
  .myeclass-admin-course-hub-grid-v2-9-586{grid-template-columns:1fr}
  .myeclass-admin-course-hub-card-v2-9-586 p{min-height:0}
  .myeclass-admin-course-class-grid-v2-9-586{grid-template-columns:1fr}
  .myeclass-admin-course-class-grid-v2-9-586>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.07)}
  .myeclass-admin-course-class-students-v2-9-586{grid-column:auto}
}
@media(max-width:720px){
  .myeclass-admin-course-detail-actions-v2-9-586{width:100%;justify-content:stretch}
  .myeclass-admin-course-detail-actions-v2-9-586 .myeclass-admin-ref-button-v2-9-544{flex:1 1 180px}
  .myeclass-admin-course-detail-hero-v2-9-586,
  .myeclass-admin-course-hub-v2-9-586,
  .myeclass-admin-course-classes-v2-9-586{padding:18px;border-radius:16px}
  .myeclass-admin-course-detail-identity-v2-9-586{align-items:flex-start}
  .myeclass-admin-course-detail-identity-v2-9-586>span{flex-basis:58px;width:58px;height:58px;font-size:24px}
  .myeclass-admin-course-detail-identity-v2-9-586 h2{font-size:23px}
  .myeclass-admin-course-section-head-v2-9-586,
  .myeclass-admin-course-classes-head-v2-9-586{display:grid}
  .myeclass-admin-course-classes-head-v2-9-586>div:last-child{justify-content:flex-start}
  .myeclass-admin-course-class-main-v2-9-586{align-items:flex-start;flex-direction:column}
  .myeclass-admin-course-class-main-v2-9-586>.myeclass-admin-ref-button-v2-9-544{width:100%}
  .myeclass-admin-class-form-v2-9-586,
  .myeclass-admin-class-enroll-form-v2-9-586{grid-template-columns:1fr!important}
  .myeclass-admin-class-teacher-lock-v2-9-586{grid-column:1 / -1}
}
@media(max-width:480px){
  .myeclass-admin-course-detail-hero-v2-9-586,
  .myeclass-admin-course-hub-v2-9-586,
  .myeclass-admin-course-classes-v2-9-586{padding:15px}
  .myeclass-admin-course-detail-identity-v2-9-586{gap:12px}
  .myeclass-admin-course-detail-identity-v2-9-586>span{flex-basis:48px;width:48px;height:48px;font-size:21px}
  .myeclass-admin-course-detail-identity-v2-9-586 h2{font-size:20px}
  .myeclass-admin-course-class-title-v2-9-586{align-items:flex-start}
  .myeclass-admin-course-class-title-v2-9-586>span{flex-basis:40px;width:40px;height:40px}
  .myeclass-admin-course-class-metrics-v2-9-586{gap:0}
  .myeclass-admin-course-class-grid-v2-9-586>div{padding:15px}
  .myeclass-admin-course-class-students-v2-9-586>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}
  .myeclass-admin-class-dialog-v2-9-586,
  .myeclass-admin-class-enroll-dialog-v2-9-586{width:calc(100vw - 24px)!important}
}

/* v2.9.587 — Admin Classes foundation + global modal action spacing
   Product rule: modal actions must never sit against the lower dialog edge. */
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-dialog-v2-9-544{
  padding-bottom:max(30px,calc(24px + env(safe-area-inset-bottom)))!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-ref-dialog-actions-v2-9-544,
body.myeclass-admin-body-v2-9-537 .myeclass-admin-modal-actions-v2-9-587{
  position:static!important;
  bottom:auto!important;
  margin:clamp(22px,3vh,30px) 0 0!important;
  padding:0 0 max(2px,env(safe-area-inset-bottom))!important;
  background:transparent!important;
}
.myeclass-admin-classes-head-actions-v2-9-587,
.myeclass-admin-class-detail-actions-v2-9-587{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.myeclass-admin-classes-summary-v2-9-587,
.myeclass-admin-class-detail-stats-v2-9-587{margin-bottom:18px;}
.myeclass-admin-classes-filter-v2-9-587,
.myeclass-admin-classes-directory-v2-9-587,
.myeclass-admin-class-detail-hero-v2-9-587,
.myeclass-admin-class-detail-owner-v2-9-587,
.myeclass-admin-class-roster-v2-9-587{
  border:1px solid rgba(124,149,187,.19);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(14,29,52,.82),rgba(8,20,37,.78));
  box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03);
}
.myeclass-admin-classes-filter-v2-9-587{
  display:grid;
  grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);
  gap:24px;
  align-items:end;
  padding:22px 24px;
  margin-bottom:18px;
}
.myeclass-admin-classes-filter-v2-9-587 h2,
.myeclass-admin-classes-directory-head-v2-9-587 h2,
.myeclass-admin-class-roster-head-v2-9-587 h2{margin:0;color:#fff;font-size:22px;letter-spacing:-.025em;}
.myeclass-admin-classes-filter-v2-9-587 p,
.myeclass-admin-classes-directory-head-v2-9-587 p,
.myeclass-admin-class-roster-head-v2-9-587 p{margin:6px 0 0;color:#aebbd0;line-height:1.45;}
.myeclass-admin-classes-filter-v2-9-587 form{
  display:grid;
  grid-template-columns:minmax(210px,1.2fr) minmax(170px,.8fr) minmax(170px,.8fr) auto;
  gap:12px;
  align-items:end;
}
.myeclass-admin-classes-filter-v2-9-587 label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#dce9ff;
  font-weight:800;
  font-size:13px;
}
.myeclass-admin-classes-filter-v2-9-587 label span{
  color:#93a4bc;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.myeclass-admin-classes-filter-v2-9-587 input,
.myeclass-admin-classes-filter-v2-9-587 select,
.myeclass-admin-class-roster-head-v2-9-587 input{
  width:100%;
  min-height:48px;
  border:1px solid rgba(124,149,187,.24)!important;
  border-radius:12px!important;
  background:#050b14!important;
  color:#eef5ff!important;
  padding:0 14px!important;
}
.myeclass-admin-classes-filter-actions-v2-9-587{display:flex;align-items:center;gap:10px;}
.myeclass-admin-classes-directory-v2-9-587{padding:16px;margin-bottom:18px;}
.myeclass-admin-classes-directory-head-v2-9-587{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:8px 8px 16px;
}
.myeclass-admin-classes-directory-head-v2-9-587>span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(45,130,255,.25);
  background:rgba(45,130,255,.13);
  color:#cfe2ff;
  font-weight:900;
  font-size:13px;
  white-space:nowrap;
}
.myeclass-admin-classes-list-v2-9-587{display:grid;gap:12px;}
.myeclass-admin-class-row-v2-9-587{
  display:grid;
  grid-template-columns:minmax(270px,1.2fr) minmax(180px,.72fr) minmax(190px,.72fr) minmax(220px,.7fr) minmax(168px,.5fr);
  gap:16px;
  align-items:center;
  min-width:0;
  padding:18px;
  border:1px solid rgba(124,149,187,.16);
  border-radius:17px;
  background:rgba(7,18,34,.58);
}
.myeclass-admin-class-row-v2-9-587:hover{
  border-color:rgba(45,130,255,.38);
  background:rgba(13,28,52,.72);
}
.myeclass-admin-class-row-identity-v2-9-587{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-width:0;
}
.myeclass-admin-class-row-identity-v2-9-587>span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(10,192,205,.14);
  color:#36d5df;
}
.myeclass-admin-class-row-identity-v2-9-587>span .shell-icon{width:25px;height:25px;}
.myeclass-admin-class-row-identity-v2-9-587>div{min-width:0;}
.myeclass-admin-class-row-identity-v2-9-587>div>div{display:flex;align-items:center;gap:8px;min-width:0;}
.myeclass-admin-class-row-identity-v2-9-587 h3{margin:0;color:#fff;font-size:17px;overflow-wrap:anywhere;}
.myeclass-admin-class-row-identity-v2-9-587 code{
  padding:4px 8px;
  border:1px solid rgba(77,150,255,.24);
  border-radius:8px;
  background:rgba(45,130,255,.09);
  color:#8ec0ff;
  font-size:11px;
  white-space:nowrap;
}
.myeclass-admin-class-row-identity-v2-9-587 p{margin:6px 0 0;color:#92a4bc;line-height:1.35;font-size:12px;}
.myeclass-admin-class-course-v2-9-587,
.myeclass-admin-class-teacher-v2-9-587{
  min-width:0;
  padding-left:16px;
  border-left:1px solid rgba(255,255,255,.07);
  text-decoration:none;
}
.myeclass-admin-class-course-v2-9-587 small,
.myeclass-admin-class-course-v2-9-587 b,
.myeclass-admin-class-course-v2-9-587 span,
.myeclass-admin-class-teacher-v2-9-587 small,
.myeclass-admin-class-teacher-v2-9-587 b,
.myeclass-admin-class-teacher-v2-9-587 span{display:block;}
.myeclass-admin-class-course-v2-9-587 small,
.myeclass-admin-class-teacher-v2-9-587 small{
  color:#7f94b0;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.myeclass-admin-class-course-v2-9-587 b,
.myeclass-admin-class-teacher-v2-9-587 b{
  margin-top:5px;
  color:#eef5ff;
  font-size:14px;
  overflow-wrap:anywhere;
}
.myeclass-admin-class-course-v2-9-587 span,
.myeclass-admin-class-teacher-v2-9-587 span{
  margin-top:4px;
  color:#91a3ba;
  font-size:11px;
  overflow-wrap:anywhere;
}
.myeclass-admin-class-course-v2-9-587:hover b{color:#8fc2ff;}
.myeclass-admin-class-course-v2-9-587.is-missing,
.myeclass-admin-class-teacher-v2-9-587.is-warning{border-left-color:rgba(251,191,36,.22);}
.myeclass-admin-class-course-v2-9-587.is-missing b,
.myeclass-admin-class-teacher-v2-9-587.is-warning b{color:#f7d174;}
.myeclass-admin-class-row-metrics-v2-9-587{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-left:1px solid rgba(255,255,255,.07);
}
.myeclass-admin-class-row-metrics-v2-9-587>div{padding:0 12px;min-width:0;}
.myeclass-admin-class-row-metrics-v2-9-587>div+div{border-left:1px solid rgba(255,255,255,.07);}
.myeclass-admin-class-row-metrics-v2-9-587 small,
.myeclass-admin-class-row-metrics-v2-9-587 b{display:block;text-align:center;}
.myeclass-admin-class-row-metrics-v2-9-587 small{color:#7f94b0;font-size:10px;font-weight:900;text-transform:uppercase;}
.myeclass-admin-class-row-metrics-v2-9-587 b{margin-top:5px;color:#fff;font-size:20px;}
.myeclass-admin-class-row-actions-v2-9-587{display:grid;gap:8px;}
.myeclass-admin-class-row-actions-v2-9-587 .myeclass-admin-ref-button-v2-9-544{width:100%;justify-content:center;}
.myeclass-admin-classes-directory-foot-v2-9-587{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px 8px 4px;
  color:#94a6bd;
  font-size:12px;
}
.myeclass-admin-classes-empty-v2-9-587{
  display:grid;
  justify-items:center;
  gap:10px;
  padding:42px 24px;
  border:1px dashed rgba(124,149,187,.24);
  border-radius:17px;
  background:rgba(5,14,27,.28);
  text-align:center;
}
.myeclass-admin-classes-empty-v2-9-587>span{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(45,130,255,.13);
  color:#8ec0ff;
}
.myeclass-admin-classes-empty-v2-9-587 h3{margin:2px 0 0;color:#fff;font-size:19px;}
.myeclass-admin-classes-empty-v2-9-587 p{max-width:620px;margin:0 0 7px;color:#95a5ba;line-height:1.5;}
.myeclass-admin-classes-dialog-v2-9-587{width:min(820px,calc(100vw - 56px));}
.myeclass-admin-classes-form-v2-9-587{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.myeclass-admin-classes-form-v2-9-587 label>span,
.myeclass-admin-class-enroll-form-v2-9-587 label>span{font-weight:900;}
.myeclass-admin-classes-form-v2-9-587 label>span em,
.myeclass-admin-class-enroll-form-v2-9-587 label>span em{color:#ff7884;font-style:normal;}
.myeclass-admin-classes-form-v2-9-587 label>small{color:#8fa1b8;line-height:1.4;font-weight:600;font-size:11px;}
.myeclass-admin-class-lock-v2-9-587{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:94px;
  padding:14px;
  border:1px solid rgba(124,149,187,.17);
  border-radius:14px;
  background:rgba(5,14,27,.32);
}
.myeclass-admin-class-lock-v2-9-587>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(251,191,36,.11);
  color:#efbd5d;
}
.myeclass-admin-class-lock-v2-9-587 small,
.myeclass-admin-class-lock-v2-9-587 b{display:block;}
.myeclass-admin-class-lock-v2-9-587 small{color:#8194ad;font-size:10px;text-transform:uppercase;font-weight:900;}
.myeclass-admin-class-lock-v2-9-587 b{margin-top:3px;color:#fff;font-size:14px;}
.myeclass-admin-class-lock-v2-9-587 p{margin:4px 0 0!important;color:#8c9db4!important;font-size:11px;line-height:1.4;}
.myeclass-admin-class-detail-hero-v2-9-587{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,340px);
  gap:24px;
  align-items:center;
  padding:22px;
  margin-bottom:18px;
}
.myeclass-admin-class-detail-identity-v2-9-587{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.myeclass-admin-class-detail-identity-v2-9-587>span{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(10,192,205,.22),rgba(45,130,255,.22));
  color:#57dce4;
}
.myeclass-admin-class-detail-identity-v2-9-587>span .shell-icon{width:32px;height:32px;}
.myeclass-admin-class-detail-identity-v2-9-587 small,
.myeclass-admin-class-detail-course-v2-9-587 small{
  color:#75b5ff;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.myeclass-admin-class-detail-identity-v2-9-587>div>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.myeclass-admin-class-detail-identity-v2-9-587 h2{margin:4px 0 0;color:#fff;font-size:27px;}
.myeclass-admin-class-detail-identity-v2-9-587 code{padding:5px 9px;border-radius:9px;background:rgba(45,130,255,.11);border:1px solid rgba(45,130,255,.24);color:#8ec0ff;font-size:11px;}
.myeclass-admin-class-detail-identity-v2-9-587 p{margin:9px 0 0;color:#9dafc6;line-height:1.45;}
.myeclass-admin-class-detail-course-v2-9-587{
  padding:18px;
  border:1px solid rgba(45,130,255,.25);
  border-radius:16px;
  background:rgba(45,130,255,.08);
}
.myeclass-admin-class-detail-course-v2-9-587 b,
.myeclass-admin-class-detail-course-v2-9-587 span{display:block;}
.myeclass-admin-class-detail-course-v2-9-587 b{margin-top:7px;color:#fff;font-size:16px;}
.myeclass-admin-class-detail-course-v2-9-587 span{margin-top:5px;color:#9ab2d0;font-size:12px;}
.myeclass-admin-class-detail-owner-v2-9-587{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px 22px;
  margin-bottom:18px;
}
.myeclass-admin-class-detail-owner-v2-9-587>div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;}
.myeclass-admin-class-detail-owner-v2-9-587>div>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(139,92,246,.15);color:#bd9cff;}
.myeclass-admin-class-detail-owner-v2-9-587>div>span.is-warning{background:rgba(251,191,36,.12);color:#efbd5d;}
.myeclass-admin-class-detail-owner-v2-9-587 small{color:#8599b2;font-size:10px;font-weight:900;text-transform:uppercase;}
.myeclass-admin-class-detail-owner-v2-9-587 h2{margin:4px 0 0;color:#fff;font-size:19px;}
.myeclass-admin-class-detail-owner-v2-9-587 p{margin:5px 0 0;color:#9aabc1;line-height:1.45;}
.myeclass-admin-class-roster-v2-9-587{padding:20px;margin-bottom:18px;}
.myeclass-admin-class-roster-head-v2-9-587{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:2px 2px 18px;}
.myeclass-admin-class-roster-head-v2-9-587>div>span{color:#75b5ff;font-size:10px;font-weight:900;letter-spacing:.08em;}
.myeclass-admin-class-roster-head-v2-9-587 form{display:grid;grid-template-columns:minmax(200px,300px) auto;gap:10px;align-items:center;}
.myeclass-admin-class-roster-list-v2-9-587{display:grid;gap:9px;}
.myeclass-admin-class-roster-list-v2-9-587 article{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto auto;
  gap:13px;
  align-items:center;
  padding:13px 14px;
  border:1px solid rgba(124,149,187,.15);
  border-radius:14px;
  background:rgba(5,14,27,.30);
}
.myeclass-admin-class-roster-list-v2-9-587 article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(45,130,255,.15);color:#9bc7ff;font-weight:900;}
.myeclass-admin-class-roster-list-v2-9-587 article a{color:#eef5ff;font-weight:900;text-decoration:none;}
.myeclass-admin-class-roster-list-v2-9-587 article a:hover{color:#8fc2ff;}
.myeclass-admin-class-roster-list-v2-9-587 article small{display:block;margin-top:4px;color:#91a3ba;}
.myeclass-admin-class-roster-list-v2-9-587 article em{padding:6px 9px;border-radius:999px;font-style:normal;font-size:11px;font-weight:900;}
.myeclass-admin-class-roster-list-v2-9-587 article em.is-active{background:rgba(16,185,129,.11);color:#84edbf;}
.myeclass-admin-class-roster-list-v2-9-587 article em.is-inactive{background:rgba(251,191,36,.10);color:#f5cc68;}
.myeclass-admin-class-roster-list-v2-9-587 article form{margin:0;}
@media(max-width:1240px){
  .myeclass-admin-class-row-v2-9-587{grid-template-columns:minmax(280px,1.2fr) minmax(180px,.8fr) minmax(190px,.8fr);}
  .myeclass-admin-class-row-metrics-v2-9-587{grid-column:1/3;border-left:0;border-top:1px solid rgba(255,255,255,.07);padding-top:14px;}
  .myeclass-admin-class-row-actions-v2-9-587{grid-column:3;grid-row:2;}
}
@media(max-width:980px){
  .myeclass-admin-classes-filter-v2-9-587{grid-template-columns:1fr;}
  .myeclass-admin-classes-filter-v2-9-587 form{grid-template-columns:repeat(2,minmax(0,1fr));}
  .myeclass-admin-classes-filter-actions-v2-9-587{grid-column:1/-1;}
  .myeclass-admin-class-row-v2-9-587{grid-template-columns:1fr 1fr;}
  .myeclass-admin-class-row-identity-v2-9-587{grid-column:1/-1;}
  .myeclass-admin-class-row-metrics-v2-9-587{grid-column:1/-1;}
  .myeclass-admin-class-row-actions-v2-9-587{grid-column:1/-1;grid-row:auto;grid-template-columns:1fr 1fr;}
  .myeclass-admin-class-detail-hero-v2-9-587{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .myeclass-admin-classes-head-actions-v2-9-587,
  .myeclass-admin-class-detail-actions-v2-9-587{width:100%;display:grid;grid-template-columns:1fr;}
  .myeclass-admin-classes-head-actions-v2-9-587 .myeclass-admin-ref-button-v2-9-544,
  .myeclass-admin-class-detail-actions-v2-9-587 .myeclass-admin-ref-button-v2-9-544{width:100%;justify-content:center;}
  .myeclass-admin-classes-filter-v2-9-587{padding:18px;}
  .myeclass-admin-classes-filter-v2-9-587 form{grid-template-columns:1fr;}
  .myeclass-admin-classes-filter-actions-v2-9-587{display:grid;grid-template-columns:1fr;}
  .myeclass-admin-class-row-v2-9-587{grid-template-columns:1fr;padding:15px;}
  .myeclass-admin-class-course-v2-9-587,
  .myeclass-admin-class-teacher-v2-9-587{border-left:0;border-top:1px solid rgba(255,255,255,.07);padding:13px 0 0;}
  .myeclass-admin-class-row-metrics-v2-9-587{grid-column:1;}
  .myeclass-admin-class-row-actions-v2-9-587{grid-column:1;grid-template-columns:1fr;}
  .myeclass-admin-classes-directory-head-v2-9-587,
  .myeclass-admin-classes-directory-foot-v2-9-587,
  .myeclass-admin-class-roster-head-v2-9-587,
  .myeclass-admin-class-detail-owner-v2-9-587{flex-direction:column;align-items:stretch;}
  .myeclass-admin-classes-form-v2-9-587{grid-template-columns:1fr!important;}
  .myeclass-admin-class-detail-hero-v2-9-587{padding:18px;}
  .myeclass-admin-class-detail-identity-v2-9-587{grid-template-columns:52px minmax(0,1fr);}
  .myeclass-admin-class-detail-identity-v2-9-587>span{width:52px;height:52px;border-radius:17px;}
  .myeclass-admin-class-detail-identity-v2-9-587 h2{font-size:22px;}
  .myeclass-admin-class-roster-head-v2-9-587 form{grid-template-columns:1fr;}
  .myeclass-admin-class-roster-list-v2-9-587 article{grid-template-columns:44px minmax(0,1fr);}
  .myeclass-admin-class-roster-list-v2-9-587 article em{grid-column:2;justify-self:start;}
  .myeclass-admin-class-roster-list-v2-9-587 article form{grid-column:1/-1;}
  .myeclass-admin-class-roster-list-v2-9-587 article form button{width:100%;justify-content:center;}
}

/* v2.9.587 responsive balance after production-shell geometry checks. */
.myeclass-admin-classes-filter-v2-9-587 form,
.myeclass-admin-classes-filter-v2-9-587 label,
.myeclass-admin-class-row-v2-9-587>*{min-width:0;}
.myeclass-admin-class-roster-list-v2-9-587 article>div{min-width:0;}
.myeclass-admin-class-roster-list-v2-9-587 article small{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media(max-width:1500px){
  .myeclass-admin-classes-filter-v2-9-587{grid-template-columns:1fr;}
  .myeclass-admin-classes-filter-v2-9-587 form{grid-template-columns:repeat(2,minmax(0,1fr));}
  .myeclass-admin-classes-filter-actions-v2-9-587{grid-column:1/-1;}
  .myeclass-admin-class-row-v2-9-587{
    grid-template-columns:minmax(280px,1.15fr) minmax(190px,.8fr) minmax(190px,.8fr);
  }
  .myeclass-admin-class-row-metrics-v2-9-587{
    grid-column:1/3;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.07);
    padding-top:14px;
  }
  .myeclass-admin-class-row-actions-v2-9-587{grid-column:3;grid-row:2;}
}
@media(max-width:980px){
  .myeclass-admin-class-row-v2-9-587{grid-template-columns:1fr 1fr;}
  .myeclass-admin-class-row-identity-v2-9-587{grid-column:1/-1;}
  .myeclass-admin-class-row-metrics-v2-9-587{grid-column:1/-1;}
  .myeclass-admin-class-row-actions-v2-9-587{grid-column:1/-1;grid-row:auto;grid-template-columns:1fr 1fr;}
}
@media(max-width:720px){
  .myeclass-admin-classes-filter-v2-9-587 form{grid-template-columns:1fr;}
  .myeclass-admin-classes-filter-actions-v2-9-587{grid-column:1;}
  .myeclass-admin-class-roster-list-v2-9-587 article>div{overflow:hidden;}
}
/* v2.9.587 ultra-narrow correction: keep class actions and metrics inside
   the effective 320px viewport at 125% browser zoom (256 CSS px). */
@media(max-width:720px){
  .myeclass-admin-class-row-actions-v2-9-587{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .myeclass-admin-class-row-actions-v2-9-587 .myeclass-admin-ref-button-v2-9-544{
    min-width:0;
    max-width:100%;
    padding-left:12px;
    padding-right:12px;
    overflow-wrap:anywhere;
  }
}
@media(max-width:360px){
  .myeclass-admin-classes-directory-v2-9-587{padding:10px;}
  .myeclass-admin-class-row-v2-9-587{padding:12px;}
  .myeclass-admin-class-row-metrics-v2-9-587>div{padding-left:4px;padding-right:4px;}
  .myeclass-admin-class-row-metrics-v2-9-587 small{
    font-size:8px;
    letter-spacing:-.01em;
    overflow-wrap:anywhere;
  }
}
/* Keep viewport modals above the admin workspace without letting the main
   content's normal horizontal clipping cut the dialog while it is open. */
body.myeclass-admin-body-v2-9-537.myeclass-admin-modal-open-v2-9-571
  .container.myeclass-main.myeclass-admin-main-v2-9-537{
  overflow:visible!important;
}
body.myeclass-admin-body-v2-9-537.myeclass-admin-modal-open-v2-9-571
  .container.myeclass-main.myeclass-admin-main-v2-9-537{
  z-index:4000!important;
}


/* ============================================================
   MyEClass v2.9.589 — Admin Question Bank compact UI + pagination
   Scope: presentation and list navigation only. No lifecycle/schema changes.
   ============================================================ */

/* Keep all stat icons truly circular, even inside narrow flex cards. */
.myeclass-admin-ref-stat-icon-v2-9-544{
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
}

.myeclass-admin-question-bank-stats-v2-9-589{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.myeclass-admin-question-bank-stats-v2-9-589 .myeclass-admin-ref-stat-v2-9-544{
  min-width:0;
}

.myeclass-admin-question-bank-summary-v2-9-589,
.myeclass-admin-question-bank-filters-v2-9-589,
.myeclass-admin-question-bank-table-card-v2-9-589{
  margin-bottom:18px;
  border:1px solid var(--ref-border,rgba(128,154,196,.18));
  border-radius:14px;
  background:linear-gradient(180deg,rgba(14,29,52,.76),rgba(8,20,37,.74));
  box-shadow:0 22px 55px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.03);
}

.myeclass-admin-question-bank-summary-v2-9-589{
  overflow:hidden;
}
.myeclass-admin-question-bank-summary-v2-9-589>summary{
  min-height:68px;
  padding:13px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
}
.myeclass-admin-question-bank-summary-v2-9-589>summary::-webkit-details-marker{display:none;}
.myeclass-admin-question-bank-summary-v2-9-589>summary>span{display:grid;gap:4px;min-width:0;}
.myeclass-admin-question-bank-summary-v2-9-589>summary b{color:#fff;font-size:18px;}
.myeclass-admin-question-bank-summary-v2-9-589>summary small{color:#9fb0c7;line-height:1.35;}
.myeclass-admin-question-bank-summary-v2-9-589>summary em{
  flex:0 0 auto;
  font-style:normal;
  color:#b9d3fb;
  font-weight:800;
  font-size:13px;
  padding:7px 10px;
  border:1px solid rgba(74,138,231,.24);
  border-radius:999px;
  background:rgba(45,130,255,.10);
}
.myeclass-admin-question-bank-summary-v2-9-589>summary em::after{content:" +";}
.myeclass-admin-question-bank-summary-v2-9-589[open]>summary em::after{content:" −";}
.myeclass-admin-question-bank-summary-body-v2-9-589{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:0 20px 18px;
  border-top:1px solid rgba(255,255,255,.06);
}
.myeclass-admin-question-bank-summary-body-v2-9-589>div{padding-top:16px;}
.myeclass-admin-question-bank-summary-body-v2-9-589 h3{margin:0 0 9px;color:#fff;font-size:14px;}
.myeclass-admin-question-bank-summary-body-v2-9-589 p{display:flex;flex-wrap:wrap;gap:7px;margin:0;}
.myeclass-admin-question-bank-summary-body-v2-9-589 p span{
  display:inline-flex;
  gap:5px;
  align-items:center;
  min-height:30px;
  padding:5px 9px;
  border:1px solid rgba(124,149,187,.18);
  border-radius:999px;
  background:rgba(5,14,27,.35);
  color:#aebbd0;
  font-size:12px;
}
.myeclass-admin-question-bank-summary-body-v2-9-589 p b{color:#eaf2ff;}
.myeclass-admin-question-bank-summary-note-v2-9-589{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px!important;
  border:1px solid rgba(45,130,255,.18);
  border-radius:12px;
  background:rgba(45,130,255,.07);
}
.myeclass-admin-question-bank-summary-note-v2-9-589 b{color:#dceaff;}
.myeclass-admin-question-bank-summary-note-v2-9-589 small{color:#96a8c0;}

.myeclass-admin-question-bank-filters-v2-9-589{padding:18px 20px;}
.myeclass-admin-question-bank-filters-head-v2-9-589{margin-bottom:13px;}
.myeclass-admin-question-bank-filters-head-v2-9-589 h2{margin:0;color:#fff;font-size:20px;}
.myeclass-admin-question-bank-filters-head-v2-9-589 p{margin:4px 0 0;color:#9eafc5;font-size:13px;}
.myeclass-admin-question-bank-filter-form-v2-9-589{display:grid;gap:12px;margin:0;}
.myeclass-admin-question-bank-filter-basic-v2-9-589{
  display:grid;
  grid-template-columns:minmax(230px,1.25fr) minmax(170px,.9fr) minmax(210px,1fr) minmax(145px,.72fr) minmax(125px,.58fr);
  gap:11px;
  align-items:end;
}
.myeclass-admin-question-bank-filter-basic-v2-9-589 label,
.myeclass-admin-question-bank-filter-advanced-grid-v2-9-589 label{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:0;
  color:#dce9ff;
  font-weight:750;
  font-size:13px;
}
.myeclass-admin-question-bank-filter-basic-v2-9-589 label>span,
.myeclass-admin-question-bank-filter-advanced-grid-v2-9-589 label>span{
  color:#94a6be;
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.myeclass-admin-question-bank-filter-form-v2-9-589 input,
.myeclass-admin-question-bank-filter-form-v2-9-589 select{
  width:100%;
  min-height:42px;
  padding:0 11px!important;
  border:1px solid rgba(124,149,187,.23)!important;
  border-radius:10px!important;
  background:#071222!important;
  color:#eef5ff!important;
  box-shadow:none!important;
  font-size:13px!important;
}
.myeclass-admin-question-bank-filter-form-v2-9-589 input::placeholder{color:#71829a;}
.myeclass-admin-question-bank-advanced-v2-9-589{
  overflow:hidden;
  border:1px solid rgba(124,149,187,.14);
  border-radius:12px;
  background:rgba(5,14,27,.24);
}
.myeclass-admin-question-bank-advanced-v2-9-589>summary{
  min-height:43px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  list-style:none;
  cursor:pointer;
  color:#dce8f8;
  font-size:13px;
  font-weight:800;
}
.myeclass-admin-question-bank-advanced-v2-9-589>summary::-webkit-details-marker{display:none;}
.myeclass-admin-question-bank-advanced-v2-9-589>summary::before{content:"＋";color:#65a8ff;font-size:16px;}
.myeclass-admin-question-bank-advanced-v2-9-589[open]>summary::before{content:"−";}
.myeclass-admin-question-bank-advanced-v2-9-589>summary small{margin-left:auto;color:#8597ae;font-weight:600;}
.myeclass-admin-question-bank-advanced-v2-9-589>summary b{
  margin-left:auto;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(45,130,255,.14);
  color:#bcd7ff;
  font-size:11px;
}
.myeclass-admin-question-bank-filter-advanced-grid-v2-9-589{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  padding:12px;
  border-top:1px solid rgba(255,255,255,.05);
}
.myeclass-admin-question-bank-filter-actions-v2-9-589{display:flex;justify-content:flex-end;gap:10px;}
.myeclass-admin-question-bank-filter-actions-v2-9-589 .myeclass-admin-ref-button-v2-9-544{min-height:42px;padding:0 14px;font-size:13px;}

.myeclass-admin-question-bank-table-card-v2-9-589{
  padding:14px!important;
  overflow:visible!important;
}
.myeclass-admin-question-bank-table-head-v2-9-589,
.myeclass-admin-question-bank-table-foot-v2-9-589{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.myeclass-admin-question-bank-table-head-v2-9-589{padding:2px 3px 13px;}
.myeclass-admin-question-bank-table-head-v2-9-589 h2{margin:0;color:#fff;font-size:20px;}
.myeclass-admin-question-bank-table-head-v2-9-589 p{margin:4px 0 0;color:#96a8c0;font-size:13px;}
.myeclass-admin-question-bank-table-scroll-v2-9-589{
  position:relative;
  width:100%;
  overflow-x:auto;
  overflow-y:visible;
  border:1px solid rgba(94,139,202,.34);
  border-radius:10px;
  scrollbar-color:#315a86 #071221;
  scrollbar-width:thin;
}
.myeclass-admin-question-bank-table-scroll-v2-9-589:focus-visible{outline:2px solid rgba(74,145,244,.8);outline-offset:2px;}
.myeclass-admin-question-bank-table-v2-9-589{
  min-width:1280px;
  table-layout:fixed;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.myeclass-admin-question-bank-table-v2-9-589 th,
.myeclass-admin-question-bank-table-v2-9-589 td{
  padding:12px 13px!important;
  vertical-align:top!important;
  line-height:1.42;
}
.myeclass-admin-question-bank-table-v2-9-589 th{
  position:sticky;
  top:70px;
  z-index:4;
  height:46px!important;
  background:#0a1728!important;
  color:#dce8f8!important;
  font-size:12px!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.10);
}
.myeclass-admin-question-bank-table-v2-9-589 td{font-size:13px;}
.myeclass-admin-question-bank-table-v2-9-589 tbody tr:nth-child(odd) td{background:rgba(18,39,62,.92)!important;}
.myeclass-admin-question-bank-table-v2-9-589 tbody tr:nth-child(even) td{background:rgba(15,34,56,.92)!important;}
.myeclass-admin-question-bank-table-v2-9-589 tbody tr:hover td{background:rgba(27,54,83,.98)!important;}
.myeclass-admin-question-bank-table-v2-9-589 tbody tr.is-withdrawn td{opacity:.78;}
.myeclass-admin-question-bank-table-v2-9-589 th:nth-child(1),
.myeclass-admin-question-bank-table-v2-9-589 td:nth-child(1){width:168px;}
.myeclass-admin-question-bank-table-v2-9-589 th:nth-child(2),
.myeclass-admin-question-bank-table-v2-9-589 td:nth-child(2){width:225px;}
.myeclass-admin-question-bank-table-v2-9-589 th:nth-child(3),
.myeclass-admin-question-bank-table-v2-9-589 td:nth-child(3){width:315px;}
.myeclass-admin-question-bank-table-v2-9-589 th:nth-child(4),
.myeclass-admin-question-bank-table-v2-9-589 td:nth-child(4){width:120px;}
.myeclass-admin-question-bank-table-v2-9-589 th:nth-child(5),
.myeclass-admin-question-bank-table-v2-9-589 td:nth-child(5){width:130px;}
.myeclass-admin-question-bank-table-v2-9-589 th:nth-child(6),
.myeclass-admin-question-bank-table-v2-9-589 td:nth-child(6){width:155px;}
.myeclass-admin-question-bank-table-v2-9-589 th:nth-child(7),
.myeclass-admin-question-bank-table-v2-9-589 td:nth-child(7){width:205px;}
.myeclass-admin-question-bank-table-v2-9-589 th:nth-child(8),
.myeclass-admin-question-bank-table-v2-9-589 td:nth-child(8){width:112px;}
.myeclass-admin-question-bank-table-v2-9-589 th:first-child,
.myeclass-admin-question-bank-table-v2-9-589 td:first-child{
  position:sticky;
  left:0;
  z-index:3;
  box-shadow:8px 0 15px -14px rgba(0,0,0,.95),inset -1px 0 0 rgba(255,255,255,.06);
}
.myeclass-admin-question-bank-table-v2-9-589 th:last-child,
.myeclass-admin-question-bank-table-v2-9-589 td:last-child{
  position:sticky;
  right:0;
  z-index:3;
  box-shadow:-8px 0 15px -14px rgba(0,0,0,.95),inset 1px 0 0 rgba(255,255,255,.06);
}
.myeclass-admin-question-bank-table-v2-9-589 th:first-child,
.myeclass-admin-question-bank-table-v2-9-589 th:last-child{z-index:6;background:#0a1728!important;}
.myeclass-admin-question-bank-table-v2-9-589 td b{color:#f4f8ff;}
.myeclass-admin-question-bank-table-v2-9-589 td small{display:block;margin-top:5px;color:#91a3bb;font-size:11px;line-height:1.35;}
.myeclass-admin-question-bank-table-v2-9-589 td .myeclass-admin-badge-v2-9-544+small{margin-top:7px;}
.myeclass-admin-question-bank-table-v2-9-589 td small .myeclass-admin-badge-v2-9-544{margin-top:2px;}
.myeclass-admin-question-bank-code-v2-9-589 b{overflow-wrap:anywhere;}
.myeclass-admin-question-bank-category-v2-9-589 b{display:block;margin-bottom:3px;}
.myeclass-admin-question-bank-statement-v2-9-589 span{display:block;max-height:5.7em;overflow:hidden;color:#e6eef9;}
.myeclass-admin-question-bank-difficulty-v2-9-589{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:8px;background:rgba(45,130,255,.12);border:1px solid rgba(45,130,255,.23);font-size:12px;white-space:nowrap;}
.myeclass-admin-question-bank-actions-v2-9-589 .myeclass-admin-ref-actions-v2-9-544{justify-content:center;flex-wrap:wrap;gap:7px;}
.myeclass-admin-question-bank-actions-v2-9-589 .myeclass-admin-ref-iconbtn-v2-9-544{width:36px;height:36px;border-radius:9px;position:relative;}
.myeclass-admin-question-bank-actions-v2-9-589 .myeclass-admin-ref-iconbtn-v2-9-544:hover::after,
.myeclass-admin-question-bank-actions-v2-9-589 .myeclass-admin-ref-iconbtn-v2-9-544:focus-visible::after{
  content:attr(aria-label);
  position:absolute;
  right:0;
  bottom:calc(100% + 7px);
  z-index:20;
  width:max-content;
  max-width:180px;
  padding:6px 8px;
  border:1px solid rgba(117,153,205,.35);
  border-radius:7px;
  background:#06111f;
  color:#eef5ff;
  font-size:11px;
  font-weight:700;
  box-shadow:0 12px 30px rgba(0,0,0,.42);
}
.myeclass-admin-question-bank-table-foot-v2-9-589{padding:12px 3px 1px;color:#8fa2ba;font-size:12px;}
.myeclass-admin-question-bank-table-foot-v2-9-589>span{max-width:760px;line-height:1.45;}
.myeclass-admin-question-bank-pager-v2-9-589{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.myeclass-admin-question-bank-pager-v2-9-589 a,
.myeclass-admin-question-bank-pager-v2-9-589 strong,
.myeclass-admin-question-bank-pager-v2-9-589 span{
  min-width:34px;
  height:34px;
  padding:0 8px;
  display:grid;
  place-items:center;
  border:1px solid rgba(120,146,184,.20);
  border-radius:9px;
  background:rgba(13,25,44,.78);
  color:#cfe0f7;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}
.myeclass-admin-question-bank-pager-v2-9-589 a:hover{border-color:rgba(45,130,255,.55);background:rgba(45,130,255,.13);}
.myeclass-admin-question-bank-pager-v2-9-589 strong{background:#206fee;color:#fff;border-color:#2d82ff;}
.myeclass-admin-question-bank-pager-v2-9-589 .is-disabled{opacity:.38;}
.myeclass-admin-question-bank-pager-v2-9-589 .is-ellipsis{min-width:20px;padding:0;border:0;background:transparent;}
.myeclass-admin-question-bank-empty-v2-9-589{min-height:110px;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;}
.myeclass-admin-question-bank-empty-v2-9-589 b{font-size:16px;}
.myeclass-admin-question-bank-empty-v2-9-589 span{color:#8fa2ba;}

/* Keep sortable labels compact and close to their indicators on this table. */
.myeclass-admin-question-bank-table-v2-9-589.ml-sortable-table th.ml-sortable-th .ml-table-sort-button{
  min-height:46px!important;
  padding:8px 10px!important;
  gap:5px!important;
  white-space:normal!important;
}
.myeclass-admin-question-bank-table-v2-9-589.ml-sortable-table .ml-table-sort-indicator{margin-left:4px!important;}

@media(max-width:1200px){
  .myeclass-admin-question-bank-stats-v2-9-589{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .myeclass-admin-question-bank-filter-basic-v2-9-589{grid-template-columns:repeat(2,minmax(0,1fr));}
  .myeclass-admin-question-bank-filter-advanced-grid-v2-9-589{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .myeclass-admin-question-bank-stats-v2-9-589{grid-template-columns:1fr!important;}
  .myeclass-admin-question-bank-summary-v2-9-589>summary,
  .myeclass-admin-question-bank-table-head-v2-9-589,
  .myeclass-admin-question-bank-table-foot-v2-9-589{align-items:flex-start;flex-direction:column;}
  .myeclass-admin-question-bank-summary-v2-9-589>summary em{align-self:flex-start;}
  .myeclass-admin-question-bank-summary-body-v2-9-589,
  .myeclass-admin-question-bank-filter-basic-v2-9-589,
  .myeclass-admin-question-bank-filter-advanced-grid-v2-9-589{grid-template-columns:1fr;}
  .myeclass-admin-question-bank-summary-note-v2-9-589{align-items:flex-start;flex-direction:column;}
  .myeclass-admin-question-bank-filter-actions-v2-9-589{flex-direction:column-reverse;}
  .myeclass-admin-question-bank-filter-actions-v2-9-589 .myeclass-admin-ref-button-v2-9-544{width:100%;}
  .myeclass-admin-question-bank-pager-v2-9-589{justify-content:flex-start;}
}

/* MyEClass v2.9.590 — Admin Question Bank pedagogical role foundation */
.myeclass-admin-question-bank-role-compare-v2-9-590{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:16px 0;
}
.myeclass-admin-question-bank-role-compare-v2-9-590 article{
  min-width:0;
  padding:16px;
  border:1px solid rgba(120,146,184,.20);
  border-radius:14px;
  background:rgba(9,20,36,.68);
}
.myeclass-admin-question-bank-role-compare-v2-9-590 small{
  display:block;
  margin-bottom:9px;
  color:#8fa2ba;
  font-weight:800;
  letter-spacing:.02em;
}
.myeclass-admin-question-bank-role-compare-v2-9-590 p{margin:0 0 8px;}
.myeclass-admin-question-bank-role-compare-v2-9-590 article>span{
  display:block;
  margin-top:6px;
  color:#aebdd0;
  font-size:12px;
  line-height:1.5;
}
.myeclass-admin-question-bank-role-form-v2-9-590{
  margin-top:12px;
  padding-top:16px;
  border-top:1px solid rgba(120,146,184,.16);
}
.myeclass-admin-question-bank-purpose-fieldset-v2-9-590{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 18px;
  min-width:0;
  padding:14px 16px;
  border:1px solid rgba(120,146,184,.22);
  border-radius:12px;
  background:rgba(12,25,44,.55);
}
.myeclass-admin-question-bank-purpose-fieldset-v2-9-590[hidden]{display:none!important;}
.myeclass-admin-question-bank-purpose-fieldset-v2-9-590 legend{
  padding:0 7px;
  color:#d8e5f5;
  font-size:13px;
  font-weight:800;
}
.myeclass-admin-question-bank-purpose-fieldset-v2-9-590 .check{
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  gap:7px;
  width:auto;
  margin:0;
}
.myeclass-admin-question-bank-purpose-fieldset-v2-9-590 small{
  flex-basis:100%;
  color:#8fa2ba;
  line-height:1.45;
}
.myeclass-admin-question-bank-role-history-v2-9-590{
  margin-top:18px;
  border:1px solid rgba(120,146,184,.19);
  border-radius:13px;
  background:rgba(9,20,36,.58);
  overflow:hidden;
}
.myeclass-admin-question-bank-role-history-v2-9-590>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  cursor:pointer;
  list-style:none;
}
.myeclass-admin-question-bank-role-history-v2-9-590>summary::-webkit-details-marker{display:none;}
.myeclass-admin-question-bank-role-history-v2-9-590>summary span{display:grid;gap:3px;}
.myeclass-admin-question-bank-role-history-v2-9-590>summary small{color:#8fa2ba;font-weight:500;}
.myeclass-admin-question-bank-role-history-v2-9-590>summary em{
  color:#9eb3cd;
  font-size:12px;
  font-style:normal;
  white-space:nowrap;
}
.myeclass-admin-question-bank-role-history-v2-9-590[open]>summary{border-bottom:1px solid rgba(120,146,184,.16);}
@media(max-width:760px){
  .myeclass-admin-question-bank-role-compare-v2-9-590{grid-template-columns:1fr;}
  .myeclass-admin-question-bank-role-history-v2-9-590>summary{align-items:flex-start;flex-direction:column;}
}

/* MyEClass v2.9.591 — Admin Question Bank compact table and exercise drawer */
.myeclass-admin-question-bank-filters-v2-9-591{
  margin:14px 0;
  padding:14px 16px;
  border:1px solid rgba(111,148,199,.22);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(12,31,54,.92),rgba(7,24,39,.9));
  box-shadow:0 18px 44px rgba(0,0,0,.16);
}
.myeclass-admin-question-bank-filter-form-v2-9-591{display:grid;gap:12px;margin:0;}
.myeclass-admin-question-bank-filter-toolbar-v2-9-591{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(133,161,202,.14);
}
.myeclass-admin-question-bank-page-size-v2-9-591{
  display:flex!important;
  flex-direction:row!important;
  align-items:center;
  gap:8px!important;
  margin:0!important;
  color:#dfeaf8!important;
  font-size:13px!important;
  font-weight:700!important;
  white-space:nowrap;
}
.myeclass-admin-question-bank-page-size-v2-9-591 select{width:74px!important;min-height:38px!important;}
.myeclass-admin-question-bank-search-v2-9-591{display:flex;align-items:center;gap:8px;width:min(480px,50%);}
.myeclass-admin-question-bank-search-v2-9-591 label{flex:1;min-width:0;margin:0!important;}
.myeclass-admin-question-bank-search-v2-9-591 input{min-height:40px!important;}
.myeclass-admin-question-bank-filter-primary-v2-9-591{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.myeclass-admin-question-bank-filter-primary-v2-9-591 label,
.myeclass-admin-question-bank-filter-advanced-grid-v2-9-591 label{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:0;
  color:#dce9ff;
  font-size:12px;
  font-weight:800;
}
.myeclass-admin-question-bank-filter-primary-v2-9-591 label>span,
.myeclass-admin-question-bank-filter-advanced-grid-v2-9-591 label>span{
  color:#9caec5;
  font-size:11px;
  letter-spacing:.025em;
}
.myeclass-admin-question-bank-filter-form-v2-9-591 input,
.myeclass-admin-question-bank-filter-form-v2-9-591 select{
  width:100%;
  min-height:40px;
  padding:0 11px!important;
  border:1px solid rgba(124,149,187,.24)!important;
  border-radius:9px!important;
  background:#071222!important;
  color:#eef5ff!important;
  box-shadow:none!important;
  font-size:13px!important;
}
.myeclass-admin-question-bank-filter-form-v2-9-591 input::placeholder{color:#71839b;}
.myeclass-admin-question-bank-advanced-v2-9-591{
  overflow:hidden;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
}
.myeclass-admin-question-bank-advanced-v2-9-591>summary{
  min-height:32px;
  display:flex;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  padding:2px 0;
  list-style:none;
  cursor:pointer;
  color:#67a9ff;
  font-size:12px;
  font-weight:850;
}
.myeclass-admin-question-bank-advanced-v2-9-591>summary::-webkit-details-marker{display:none;}
.myeclass-admin-question-bank-advanced-v2-9-591>summary::before{content:"›";font-size:17px;line-height:1;transition:transform .18s ease;}
.myeclass-admin-question-bank-advanced-v2-9-591[open]>summary::before{transform:rotate(90deg);}
.myeclass-admin-question-bank-advanced-v2-9-591>summary small{color:#8496ad;font-weight:600;}
.myeclass-admin-question-bank-advanced-v2-9-591>summary b{
  padding:3px 7px;
  border-radius:999px;
  background:rgba(45,130,255,.14);
  color:#c5dcff;
  font-size:10px;
}
.myeclass-admin-question-bank-filter-advanced-grid-v2-9-591{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
  margin-top:7px;
  padding:12px;
  border:1px solid rgba(124,149,187,.15);
  border-radius:11px;
  background:rgba(4,13,25,.28);
}
.myeclass-admin-question-bank-filter-actions-v2-9-591{display:flex;justify-content:flex-end;gap:9px;}
.myeclass-admin-question-bank-filter-actions-v2-9-591 .myeclass-admin-ref-button-v2-9-544{min-height:38px;padding:0 13px;font-size:12px;}

.myeclass-admin-question-bank-table-card-v2-9-591{
  padding:0!important;
  overflow:hidden!important;
  border-radius:15px!important;
}
.myeclass-admin-question-bank-table-head-v2-9-591,
.myeclass-admin-question-bank-table-foot-v2-9-591{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
}
.myeclass-admin-question-bank-table-head-v2-9-591{border-bottom:1px solid rgba(119,151,197,.16);}
.myeclass-admin-question-bank-table-foot-v2-9-591{border-top:1px solid rgba(119,151,197,.16);}
.myeclass-admin-question-bank-table-head-v2-9-591 p,
.myeclass-admin-question-bank-table-foot-v2-9-591>span{margin:0;color:#aebed2;font-size:12px;line-height:1.4;}
.myeclass-admin-question-bank-table-wrap-v2-9-591{
  width:100%;
  min-width:0;
  overflow:visible;
}
.myeclass-admin-question-bank-table-v2-9-591{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
.myeclass-admin-question-bank-table-v2-9-591 col.is-exercise{width:33%;}
.myeclass-admin-question-bank-table-v2-9-591 col.is-unit{width:19%;}
.myeclass-admin-question-bank-table-v2-9-591 col.is-difficulty{width:10%;}
.myeclass-admin-question-bank-table-v2-9-591 col.is-role{width:13%;}
.myeclass-admin-question-bank-table-v2-9-591 col.is-status{width:16%;}
.myeclass-admin-question-bank-table-v2-9-591 col.is-actions{width:9%;}
.myeclass-admin-question-bank-table-v2-9-591 th,
.myeclass-admin-question-bank-table-v2-9-591 td{
  min-width:0!important;
  padding:11px 12px!important;
  vertical-align:middle!important;
  overflow-wrap:anywhere;
}
.myeclass-admin-question-bank-table-v2-9-591 th{
  position:static!important;
  height:auto!important;
  background:#081524!important;
  color:#dce8f8!important;
  font-size:11px!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.09);
}
.myeclass-admin-question-bank-table-v2-9-591 td{font-size:12px;line-height:1.36;}
.myeclass-admin-question-bank-table-v2-9-591 tbody tr td{background:rgba(15,35,57,.94)!important;}
.myeclass-admin-question-bank-table-v2-9-591 tbody tr:nth-child(even) td{background:rgba(13,31,52,.96)!important;}
.myeclass-admin-question-bank-table-v2-9-591 tbody tr:hover td,
.myeclass-admin-question-bank-table-v2-9-591 tbody tr.is-previewing td{background:rgba(22,49,77,.98)!important;}
.myeclass-admin-question-bank-table-v2-9-591 tbody tr.is-previewing td:first-child{box-shadow:inset 3px 0 0 #3b8cff;}
.myeclass-admin-question-bank-table-v2-9-591 tbody tr.is-withdrawn td{opacity:.76;}
.myeclass-admin-question-bank-table-v2-9-591.ml-sortable-table th.ml-sortable-th .ml-table-sort-button{
  min-height:34px!important;
  padding:5px 0!important;
  gap:4px!important;
  white-space:normal!important;
}
.myeclass-admin-question-bank-table-v2-9-591 .ml-table-sort-indicator{margin-left:3px!important;}
.myeclass-admin-question-bank-exercise-v2-9-591{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;min-width:0;}
.myeclass-admin-question-bank-code-v2-9-591{
  grid-row:1 / span 3;
  align-self:start;
  color:#62aaff;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.myeclass-admin-question-bank-exercise-v2-9-591>strong{min-width:0;color:#f4f8ff;font-size:12.5px;line-height:1.28;}
.myeclass-admin-question-bank-exercise-v2-9-591>small{
  min-width:0;
  margin:0!important;
  color:#91a4bd!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.myeclass-admin-question-bank-preview-v2-9-591{
  grid-column:2;
  min-width:0;
  max-height:3.05em;
  overflow:hidden;
  color:#dce7f5;
  font-size:11.5px;
  line-height:1.48;
  white-space:normal;
}
.myeclass-admin-question-bank-preview-v2-9-591 br{display:none;}
.myeclass-admin-question-bank-preview-v2-9-591 .MathJax{font-size:92%!important;}
.myeclass-admin-question-bank-preview-v2-9-591 mjx-container[display="true"]{display:inline!important;margin:0 .25em!important;}
.myeclass-admin-question-bank-unit-v2-9-591{display:grid;gap:3px;min-width:0;}
.myeclass-admin-question-bank-unit-v2-9-591 b{color:#eef5ff;font-size:12px;line-height:1.3;}
.myeclass-admin-question-bank-unit-v2-9-591 small{margin:0!important;color:#8fa3bb!important;font-size:10.5px!important;}
.myeclass-admin-question-bank-role-stack-v2-9-591,
.myeclass-admin-question-bank-status-stack-v2-9-591{display:flex;flex-wrap:wrap;align-items:center;gap:5px;}
.myeclass-admin-question-bank-role-stack-v2-9-591 .myeclass-admin-badge-v2-9-544,
.myeclass-admin-question-bank-status-stack-v2-9-591 .myeclass-admin-badge-v2-9-544{
  max-width:100%;
  min-height:24px;
  padding:4px 7px;
  font-size:10px;
  line-height:1.2;
  white-space:normal;
}
.myeclass-admin-question-bank-actions-v2-9-591{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;}
.myeclass-admin-question-bank-actions-v2-9-591 .myeclass-admin-ref-iconbtn-v2-9-544{
  flex:0 0 34px;
  width:34px;
  height:34px;
  padding:0;
  border-radius:9px;
  position:relative;
}
.myeclass-admin-question-bank-actions-v2-9-591 button.myeclass-admin-ref-iconbtn-v2-9-544{
  appearance:none;
  border:1px solid rgba(93,140,205,.25);
  background:#0a1c33;
  color:#71b4ff;
  cursor:pointer;
}
.myeclass-admin-question-bank-actions-v2-9-591 .myeclass-admin-ref-iconbtn-v2-9-544:hover{border-color:rgba(74,145,244,.75);background:rgba(45,130,255,.13);}

.myeclass-admin-question-bank-drawer-backdrop-v2-9-591{
  position:fixed;
  inset:0;
  z-index:1490;
  background:rgba(0,7,16,.48);
  opacity:0;
  transition:opacity .2s ease;
}
.myeclass-admin-question-bank-drawer-backdrop-v2-9-591.is-open{opacity:1;}
.myeclass-admin-question-bank-drawer-v2-9-591{
  position:fixed;
  top:70px;
  right:0;
  bottom:0;
  z-index:1500;
  width:min(450px,94vw);
  transform:translateX(102%);
  transition:transform .24s ease;
  pointer-events:none;
}
.myeclass-admin-question-bank-drawer-v2-9-591.is-open{transform:translateX(0);pointer-events:auto;}
.myeclass-admin-question-bank-drawer-shell-v2-9-591{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  height:100%;
  border-left:1px solid rgba(114,155,214,.28);
  background:linear-gradient(180deg,#0c1d32,#081727 72%);
  box-shadow:-24px 0 60px rgba(0,0,0,.42);
}
.myeclass-admin-question-bank-drawer-shell-v2-9-591>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid rgba(126,156,199,.18);
}
.myeclass-admin-question-bank-drawer-shell-v2-9-591>header div{display:grid;gap:4px;}
.myeclass-admin-question-bank-drawer-shell-v2-9-591>header span{color:#8fa3bc;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.myeclass-admin-question-bank-drawer-shell-v2-9-591>header b{color:#f3f7fd;font-size:16px;}
.myeclass-admin-question-bank-drawer-close-v2-9-591{
  flex:0 0 36px;
  width:36px;
  height:36px;
  border:1px solid rgba(119,151,197,.2);
  border-radius:9px;
  background:rgba(8,24,42,.75);
  color:#d9e6f6;
  font-size:22px;
  cursor:pointer;
}
.myeclass-admin-question-bank-drawer-content-v2-9-591{min-height:0;overflow:auto;}
.myeclass-admin-question-bank-drawer-item-v2-9-591{min-height:100%;padding:20px;}
.myeclass-admin-question-bank-drawer-intro-v2-9-591{padding-bottom:17px;border-bottom:1px solid rgba(126,156,199,.15);}
.myeclass-admin-question-bank-drawer-intro-v2-9-591>span{color:#6eafff;font-size:12px;font-weight:900;}
.myeclass-admin-question-bank-drawer-intro-v2-9-591 h2{margin:7px 0 5px;color:#fff;font-size:21px;line-height:1.3;}
.myeclass-admin-question-bank-drawer-intro-v2-9-591 p{margin:0;color:#9eb0c7;font-size:12px;line-height:1.45;}
.myeclass-admin-question-bank-drawer-meta-v2-9-591{display:grid;gap:0;margin:16px 0;}
.myeclass-admin-question-bank-drawer-meta-v2-9-591>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid rgba(126,156,199,.11);}
.myeclass-admin-question-bank-drawer-meta-v2-9-591 dt{color:#8ea2bb;font-size:11px;font-weight:800;}
.myeclass-admin-question-bank-drawer-meta-v2-9-591 dd{min-width:0;margin:0;color:#e6eef9;font-size:12px;line-height:1.45;}
.myeclass-admin-question-bank-drawer-meta-v2-9-591 dd small{display:block;margin-top:4px;color:#8fa3bb;}
.myeclass-admin-question-bank-drawer-statement-v2-9-591{margin-top:20px;padding:17px;border:1px solid rgba(103,151,218,.2);border-radius:12px;background:rgba(8,23,40,.58);}
.myeclass-admin-question-bank-drawer-statement-v2-9-591 h3{margin:0 0 14px;color:#fff;font-size:14px;}
.myeclass-admin-question-bank-drawer-statement-v2-9-591 .math-content{color:#edf4fd;font-size:14px;line-height:1.75;overflow-wrap:anywhere;}
.myeclass-admin-question-bank-drawer-statement-v2-9-591 mjx-container[display="true"]{margin:1em 0!important;max-width:100%;overflow-x:auto;overflow-y:hidden;}
.myeclass-admin-question-bank-drawer-item-v2-9-591>footer{
  position:sticky;
  bottom:-20px;
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin:24px -20px -20px;
  padding:15px 20px;
  border-top:1px solid rgba(126,156,199,.18);
  background:rgba(7,20,35,.96);
  backdrop-filter:blur(12px);
}
body.myeclass-question-bank-drawer-open-v2-9-591{overflow:hidden;}

@media(max-width:1240px){
  .myeclass-admin-question-bank-filter-primary-v2-9-591{grid-template-columns:repeat(2,minmax(0,1fr));}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-exercise{width:35%;}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-unit{width:18%;}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-difficulty{width:10%;}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-role{width:13%;}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-status{width:15%;}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-actions{width:9%;}
  .myeclass-admin-question-bank-table-v2-9-591 th,
  .myeclass-admin-question-bank-table-v2-9-591 td{padding:9px 8px!important;}
  .myeclass-admin-question-bank-code-v2-9-591{grid-row:auto;grid-column:1 / -1;}
  .myeclass-admin-question-bank-exercise-v2-9-591>strong,
  .myeclass-admin-question-bank-exercise-v2-9-591>small,
  .myeclass-admin-question-bank-preview-v2-9-591{grid-column:1 / -1;}
}
@media(max-width:920px){
  .myeclass-admin-question-bank-filter-toolbar-v2-9-591{align-items:stretch;flex-direction:column;}
  .myeclass-admin-question-bank-search-v2-9-591{width:100%;}
  .myeclass-admin-question-bank-filter-advanced-grid-v2-9-591{grid-template-columns:repeat(2,minmax(0,1fr));}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-exercise{width:38%;}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-unit{width:18%;}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-difficulty{width:10%;}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-role{width:12%;}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-status{width:13%;}
  .myeclass-admin-question-bank-table-v2-9-591 col.is-actions{width:9%;}
  .myeclass-admin-question-bank-unit-v2-9-591 small{display:none;}
  .myeclass-admin-question-bank-role-stack-v2-9-591 .myeclass-admin-badge-v2-9-544,
  .myeclass-admin-question-bank-status-stack-v2-9-591 .myeclass-admin-badge-v2-9-544{font-size:9px;padding:3px 5px;}
}
@media(max-width:720px){
  .myeclass-admin-question-bank-filter-primary-v2-9-591,
  .myeclass-admin-question-bank-filter-advanced-grid-v2-9-591{grid-template-columns:1fr;}
  .myeclass-admin-question-bank-search-v2-9-591{align-items:stretch;flex-direction:column;}
  .myeclass-admin-question-bank-table-head-v2-9-591,
  .myeclass-admin-question-bank-table-foot-v2-9-591{align-items:flex-start;flex-direction:column;}
  .myeclass-admin-question-bank-table-v2-9-591{display:block;}
  .myeclass-admin-question-bank-table-v2-9-591 colgroup,
  .myeclass-admin-question-bank-table-v2-9-591 thead{display:none;}
  .myeclass-admin-question-bank-table-v2-9-591 tbody{display:grid;gap:10px;padding:10px;}
  .myeclass-admin-question-bank-table-v2-9-591 tbody tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(113,149,201,.2);border-radius:12px;overflow:hidden;}
  .myeclass-admin-question-bank-table-v2-9-591 tbody td{display:block!important;width:auto!important;padding:10px!important;}
  .myeclass-admin-question-bank-table-v2-9-591 tbody td:first-child{grid-column:1 / -1;}
  .myeclass-admin-question-bank-table-v2-9-591 tbody td:last-child{display:flex!important;align-items:center;justify-content:flex-end;}
  .myeclass-admin-question-bank-table-v2-9-591 tbody td::before{content:attr(data-label);display:block;margin-bottom:5px;color:#8196af;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
  .myeclass-admin-question-bank-table-v2-9-591 tbody td:first-child::before,
  .myeclass-admin-question-bank-table-v2-9-591 tbody td:last-child::before{display:none;}
  .myeclass-admin-question-bank-drawer-v2-9-591{top:0;width:100vw;}
}
.myeclass-admin-question-bank-drawer-statement-v2-9-591 .math-content{white-space:pre-wrap;}

/* MyEClass v2.9.592 — Question Bank modal preview and canonical Admin ordering */
.myeclass-admin-question-bank-table-v2-9-591 th{
  font-size:13px!important;
  line-height:1.25!important;
  letter-spacing:.01em;
  padding-top:12px!important;
  padding-bottom:12px!important;
}
.myeclass-admin-question-bank-table-v2-9-591.ml-sortable-table th.ml-sortable-th .ml-table-sort-button{
  font-size:13px!important;
  font-weight:850!important;
  min-height:38px!important;
}
.myeclass-admin-question-bank-head-actions-v2-9-592{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.myeclass-admin-question-bank-head-actions-v2-9-592 .myeclass-admin-ref-button-v2-9-544{min-height:36px;padding:0 12px;font-size:11.5px;}

.myeclass-admin-question-bank-modal-v2-9-592{
  position:fixed!important;
  inset:0!important;
  z-index:2400!important;
  display:grid;
  place-items:center;
  padding:28px;
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
.myeclass-admin-question-bank-modal-v2-9-592[hidden]{display:none!important;}
.myeclass-admin-question-bank-modal-v2-9-592.is-open{opacity:1;visibility:visible;}
.myeclass-admin-question-bank-modal-backdrop-v2-9-592{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(0,6,15,.72);
  backdrop-filter:blur(4px);
  cursor:default;
}
.myeclass-admin-question-bank-modal-dialog-v2-9-592{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  width:min(980px,calc(100vw - 56px));
  max-height:min(88vh,900px);
  overflow:hidden;
  border:1px solid rgba(111,157,220,.34);
  border-radius:18px;
  background:linear-gradient(180deg,#0d2038,#081727 72%);
  box-shadow:0 32px 90px rgba(0,0,0,.62);
  transform:translateY(16px) scale(.985);
  transition:transform .18s ease;
}
.myeclass-admin-question-bank-modal-v2-9-592.is-open .myeclass-admin-question-bank-modal-dialog-v2-9-592{transform:translateY(0) scale(1);}
.myeclass-admin-question-bank-modal-dialog-v2-9-592>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:17px 20px;
  border-bottom:1px solid rgba(126,156,199,.18);
  background:rgba(7,20,35,.9);
}
.myeclass-admin-question-bank-modal-dialog-v2-9-592>header>div{display:grid;gap:3px;}
.myeclass-admin-question-bank-modal-dialog-v2-9-592>header span{color:#83b9ff;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;}
.myeclass-admin-question-bank-modal-dialog-v2-9-592>header b{color:#f6f9ff;font-size:16px;line-height:1.3;}
.myeclass-admin-question-bank-modal-close-v2-9-592{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border:1px solid rgba(119,151,197,.26);
  border-radius:10px;
  background:#0a1b31;
  color:#e8f1fd;
  font-size:23px;
  line-height:1;
  cursor:pointer;
}
.myeclass-admin-question-bank-modal-close-v2-9-592:hover{border-color:#4b92f4;background:rgba(45,130,255,.14);}
.myeclass-admin-question-bank-modal-content-v2-9-592{min-height:0;overflow:auto;overscroll-behavior:contain;}
.myeclass-admin-question-bank-modal-item-v2-9-592{min-height:100%;padding:20px;}
.myeclass-admin-question-bank-modal-intro-v2-9-592{padding-bottom:15px;border-bottom:1px solid rgba(126,156,199,.15);}
.myeclass-admin-question-bank-modal-intro-v2-9-592>span{color:#73afff;font-size:12px;font-weight:900;}
.myeclass-admin-question-bank-modal-intro-v2-9-592 h2{margin:6px 0 4px;color:#fff;font-size:22px;line-height:1.28;}
.myeclass-admin-question-bank-modal-intro-v2-9-592 p{margin:0;color:#9fb1c8;font-size:12px;line-height:1.45;}
.myeclass-admin-question-bank-modal-layout-v2-9-592{display:grid;grid-template-columns:minmax(230px,30%) minmax(0,1fr);gap:18px;margin-top:18px;}
.myeclass-admin-question-bank-modal-meta-v2-9-592{display:grid;align-content:start;gap:0;margin:0;}
.myeclass-admin-question-bank-modal-meta-v2-9-592>div{display:grid;gap:6px;padding:11px 0;border-bottom:1px solid rgba(126,156,199,.11);}
.myeclass-admin-question-bank-modal-meta-v2-9-592 dt{color:#8ea2bb;font-size:10.5px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;}
.myeclass-admin-question-bank-modal-meta-v2-9-592 dd{min-width:0;margin:0;color:#e6eef9;font-size:12px;line-height:1.45;}
.myeclass-admin-question-bank-modal-meta-v2-9-592 dd small{display:block;margin-top:4px;color:#8fa3bb;}
.myeclass-admin-question-bank-modal-statement-v2-9-592{min-width:0;padding:19px;border:1px solid rgba(103,151,218,.22);border-radius:14px;background:rgba(8,23,40,.62);}
.myeclass-admin-question-bank-modal-statement-v2-9-592 h3{margin:0 0 16px;color:#fff;font-size:15px;}
.myeclass-admin-question-bank-modal-statement-v2-9-592 .math-content{color:#f1f6fd;font-size:15px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;}
.myeclass-admin-question-bank-modal-statement-v2-9-592 mjx-container[display="true"]{margin:1em 0!important;max-width:100%;overflow-x:auto;overflow-y:hidden;}
.myeclass-admin-question-bank-modal-item-v2-9-592>footer{
  position:sticky;
  bottom:-20px;
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin:22px -20px -20px;
  padding:14px 20px;
  border-top:1px solid rgba(126,156,199,.18);
  background:rgba(7,20,35,.97);
  backdrop-filter:blur(12px);
}
body.myeclass-question-bank-modal-open-v2-9-592{overflow:hidden!important;}

.myeclass-admin-question-bank-ordering-v2-9-592{
  margin-top:14px;
  border:1px solid rgba(101,148,215,.25);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(12,31,54,.96),rgba(6,20,35,.96));
  box-shadow:0 20px 55px rgba(0,0,0,.2);
  overflow:hidden;
}
.myeclass-admin-question-bank-ordering-v2-9-592>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-bottom:1px solid rgba(126,156,199,.17);
}
.myeclass-admin-question-bank-ordering-v2-9-592>header>div{display:grid;gap:4px;}
.myeclass-admin-question-bank-ordering-v2-9-592>header span{color:#72adff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.055em;}
.myeclass-admin-question-bank-ordering-v2-9-592>header h2{margin:0;color:#fff;font-size:20px;line-height:1.3;}
.myeclass-admin-question-bank-ordering-v2-9-592>header p{max-width:850px;margin:2px 0 0;color:#9fb1c8;font-size:12px;line-height:1.5;}
.myeclass-admin-question-bank-ordering-v2-9-592>form{margin:0;}
.myeclass-admin-question-bank-order-toolbar-v2-9-592{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:13px 18px;
  border-bottom:1px solid rgba(126,156,199,.13);
  background:rgba(5,17,30,.42);
}
.myeclass-admin-question-bank-order-toolbar-v2-9-592 label{flex:1;display:grid;gap:5px;color:#a9bad0;font-size:11px;font-weight:800;}
.myeclass-admin-question-bank-order-toolbar-v2-9-592 input{width:100%;min-height:38px;padding:0 11px;border:1px solid rgba(124,149,187,.24);border-radius:9px;background:#071222;color:#eef5ff;}
.myeclass-admin-question-bank-order-toolbar-v2-9-592>div{display:flex;gap:8px;}
.myeclass-admin-question-bank-order-list-v2-9-592{display:grid;gap:0;margin:0;padding:0;list-style:none;}
.myeclass-admin-question-bank-order-row-v2-9-592{
  display:grid;
  grid-template-columns:42px 42px minmax(0,1fr) minmax(230px,30%) 132px;
  align-items:center;
  gap:10px;
  min-height:82px;
  padding:10px 14px;
  border-bottom:1px solid rgba(116,150,198,.15);
  background:rgba(14,34,56,.94);
  transition:background .15s ease,opacity .15s ease,transform .15s ease;
}
.myeclass-admin-question-bank-order-row-v2-9-592:nth-child(even){background:rgba(12,30,50,.96);}
.myeclass-admin-question-bank-order-row-v2-9-592:hover{background:rgba(20,47,75,.98);}
.myeclass-admin-question-bank-order-row-v2-9-592.is-dragging{opacity:.55;transform:scale(.995);box-shadow:0 12px 30px rgba(0,0,0,.3);}
.myeclass-admin-question-bank-order-row-v2-9-592.is-withdrawn{opacity:.7;}
.myeclass-admin-question-bank-drag-handle-v2-9-592{
  width:34px;height:42px;border:1px solid rgba(105,145,201,.24);border-radius:9px;background:#0a1c33;color:#87a9d5;font-size:20px;cursor:grab;
}
.myeclass-admin-question-bank-drag-handle-v2-9-592:active{cursor:grabbing;}
.myeclass-admin-question-bank-order-position-v2-9-592{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(45,130,255,.12);color:#8fc0ff;font-size:12px;font-weight:900;}
.myeclass-admin-question-bank-order-exercise-v2-9-592{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;min-width:0;}
.myeclass-admin-question-bank-order-exercise-v2-9-592>b{grid-row:1 / span 2;color:#72afff;font-size:11px;white-space:nowrap;}
.myeclass-admin-question-bank-order-exercise-v2-9-592>strong{min-width:0;color:#f3f7fd;font-size:12.5px;line-height:1.3;}
.myeclass-admin-question-bank-order-exercise-v2-9-592>.math-content{grid-column:2;max-height:2.9em;overflow:hidden;color:#aebed2;font-size:11.5px;line-height:1.45;}
.myeclass-admin-question-bank-order-exercise-v2-9-592 mjx-container[display="true"]{display:inline!important;margin:0 .25em!important;}
.myeclass-admin-question-bank-order-tags-v2-9-592{display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.myeclass-admin-question-bank-order-tags-v2-9-592 .myeclass-admin-badge-v2-9-544{font-size:9.5px;padding:4px 7px;}
.myeclass-admin-question-bank-order-actions-v2-9-592{display:flex;justify-content:flex-end;gap:5px;}
.myeclass-admin-question-bank-order-actions-v2-9-592 button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(105,145,201,.24);border-radius:9px;background:#0a1c33;color:#78b5ff;cursor:pointer;}
.myeclass-admin-question-bank-order-actions-v2-9-592 button:hover{border-color:#4b92f4;background:rgba(45,130,255,.14);}
.myeclass-admin-question-bank-order-reset-v2-9-592{display:flex;justify-content:flex-end;padding:12px 18px!important;border-top:1px solid rgba(126,156,199,.13);}
.myeclass-admin-question-bank-order-history-v2-9-592{margin:0 18px 18px;border:1px solid rgba(126,156,199,.16);border-radius:12px;overflow:hidden;}
.myeclass-admin-question-bank-order-history-v2-9-592>summary{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none;color:#e6eef9;}
.myeclass-admin-question-bank-order-history-v2-9-592>summary::-webkit-details-marker{display:none;}
.myeclass-admin-question-bank-order-history-v2-9-592>summary span{color:#879bb4;font-size:11px;}
.myeclass-admin-question-bank-order-history-v2-9-592>div{display:grid;border-top:1px solid rgba(126,156,199,.13);}
.myeclass-admin-question-bank-order-history-v2-9-592 article{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:4px 14px;padding:11px 14px;border-bottom:1px solid rgba(126,156,199,.1);}
.myeclass-admin-question-bank-order-history-v2-9-592 article:last-child{border-bottom:0;}
.myeclass-admin-question-bank-order-history-v2-9-592 article b{color:#e9f1fb;font-size:12px;}
.myeclass-admin-question-bank-order-history-v2-9-592 article span{color:#8398b1;font-size:10.5px;}
.myeclass-admin-question-bank-order-history-v2-9-592 article p{grid-column:1 / -1;margin:0;color:#a8b9ce;font-size:11px;}

@media(max-width:980px){
  .myeclass-admin-question-bank-modal-v2-9-592{padding:14px;}
  .myeclass-admin-question-bank-modal-dialog-v2-9-592{width:calc(100vw - 28px);max-height:92vh;}
  .myeclass-admin-question-bank-modal-layout-v2-9-592{grid-template-columns:1fr;}
  .myeclass-admin-question-bank-order-row-v2-9-592{grid-template-columns:38px 36px minmax(0,1fr) 120px;}
  .myeclass-admin-question-bank-order-tags-v2-9-592{grid-column:3;}
  .myeclass-admin-question-bank-order-actions-v2-9-592{grid-column:4;grid-row:1 / span 2;}
}
@media(max-width:720px){
  .myeclass-admin-question-bank-modal-v2-9-592{padding:0;place-items:stretch;}
  .myeclass-admin-question-bank-modal-dialog-v2-9-592{width:100vw;max-height:100vh;height:100vh;border:0;border-radius:0;}
  .myeclass-admin-question-bank-modal-item-v2-9-592{padding:15px;}
  .myeclass-admin-question-bank-modal-item-v2-9-592>footer{margin:20px -15px -15px;padding:12px 15px;}
  .myeclass-admin-question-bank-ordering-v2-9-592>header,.myeclass-admin-question-bank-order-toolbar-v2-9-592{align-items:stretch;flex-direction:column;}
  .myeclass-admin-question-bank-order-toolbar-v2-9-592>div{justify-content:flex-end;flex-wrap:wrap;}
  .myeclass-admin-question-bank-order-row-v2-9-592{grid-template-columns:34px 30px minmax(0,1fr);gap:7px;padding:10px;}
  .myeclass-admin-question-bank-order-tags-v2-9-592{grid-column:3;}
  .myeclass-admin-question-bank-order-actions-v2-9-592{grid-column:1 / -1;grid-row:auto;justify-content:flex-end;}
}

/* ============================================================
   MyEClass v2.9.593.0 — Teacher Shell Foundation
   Open-eClass-inspired information architecture:
   personal portfolio (global) -> explicit section -> local tools.
   Visual/shell only. Admin, AI, database and business flows unchanged.
   ============================================================ */

:root,
html[data-theme="dark"]{
  --ml-teacher-topbar-h:64px;
  --ml-teacher-sidebar-w:264px;
  --ml-teacher-bg:#07111f;
  --ml-teacher-bg-deep:#030914;
  --ml-teacher-surface:#0d1c31;
  --ml-teacher-surface-2:#10233d;
  --ml-teacher-surface-3:#132a47;
  --ml-teacher-line:#213c5d;
  --ml-teacher-line-soft:rgba(111,168,231,.18);
  --ml-teacher-text:#f5f8ff;
  --ml-teacher-muted:#9eb2cc;
  --ml-teacher-blue:#3b8cff;
  --ml-teacher-cyan:#18c5d8;
  --ml-teacher-purple:#9b6cff;
  --ml-teacher-gold:#f2b84b;
  --ml-teacher-green:#35d39a;
  --ml-teacher-danger:#ff6f7d;
  --ml-teacher-shadow:0 22px 65px rgba(0,0,0,.28);
}

body.myeclass-teacher-body-v2-9-593,
html[data-theme="dark"] body.myeclass-teacher-body-v2-9-593{
  background:
    radial-gradient(circle at 23% 0%,rgba(45,93,173,.18),transparent 35%),
    radial-gradient(circle at 92% 8%,rgba(8,126,133,.12),transparent 31%),
    linear-gradient(135deg,var(--ml-teacher-bg-deep) 0%,var(--ml-teacher-bg) 52%,#061521 100%)!important;
  color:var(--ml-teacher-text)!important;
}

body.myeclass-teacher-body-v2-9-593 .myeclass-app-shell{
  --ml-shell-topbar-h:var(--ml-teacher-topbar-h);
  --ml-shell-sidebar-w:var(--ml-teacher-sidebar-w);
  min-height:100vh!important;
  background:transparent!important;
}

/* ---------- Common teacher top bar ---------- */
body.myeclass-teacher-body-v2-9-593 .top.myeclass-topbar{
  height:var(--ml-teacher-topbar-h)!important;
  min-height:var(--ml-teacher-topbar-h)!important;
  max-height:var(--ml-teacher-topbar-h)!important;
  padding:0 18px!important;
  background:#020407!important;
  border-bottom:1px solid #172a43!important;
  box-shadow:0 8px 32px rgba(0,0,0,.24)!important;
  overflow:visible!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-topbar-left{
  gap:28px!important;
  height:100%!important;
  overflow:visible!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-brand{
  height:100%!important;
  padding-right:22px!important;
  border-right:1px solid rgba(151,176,208,.16)!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-brand .brand-logo-shell{
  width:102px!important;
  max-width:102px!important;
  height:56px!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-brand .brand-logo{
  max-width:102px!important;
  max-height:56px!important;
}

body.myeclass-teacher-body-v2-9-593 .myeclass-user-nav{
  gap:10px!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-ai-queue-dropdown-v2-9-487>summary,
body.myeclass-teacher-body-v2-9-593 .myeclass-account-dropdown-v2-9-398>summary{
  min-height:42px!important;
  padding:8px 13px!important;
  border:1px solid #243c5d!important;
  border-radius:13px!important;
  background:#081224!important;
  color:#eef5ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-ai-queue-dropdown-v2-9-487>summary:hover,
body.myeclass-teacher-body-v2-9-593 .myeclass-account-dropdown-v2-9-398>summary:hover{
  border-color:#3c74b7!important;
  background:#0e2038!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-ai-queue-dropdown-v2-9-487>summary .shell-icon,
body.myeclass-teacher-body-v2-9-593 .myeclass-account-dropdown-v2-9-398>summary .shell-icon{
  color:#b9d8ff!important;
}

/* ---------- Global personal portfolio navigation ---------- */
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593{
  display:flex!important;
  align-items:stretch!important;
  gap:4px!important;
  height:100%!important;
  overflow:visible!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593 a{
  min-height:100%!important;
  padding:0 14px!important;
  gap:8px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  color:#b9c7d9!important;
  font-size:14px!important;
  font-weight:800!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593 a .shell-icon,
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593 a .shell-icon svg{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593 a:hover{
  color:#eef6ff!important;
  background:rgba(44,101,178,.10)!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593 a.is-active{
  color:#75b9ff!important;
  border-bottom-color:#31b5ff!important;
  background:linear-gradient(180deg,transparent,rgba(39,116,217,.11))!important;
}

/* ---------- Local section identity in the top bar ---------- */
.myeclass-teacher-context-topnav-v2-9-593{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  height:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.myeclass-teacher-context-back-v2-9-593{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:0 12px!important;
  border:1px solid #243c5d!important;
  border-radius:11px!important;
  color:#a9c8eb!important;
  background:#081224!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.myeclass-teacher-context-back-v2-9-593:hover{
  color:#fff!important;
  border-color:#3d79bd!important;
  background:#102540!important;
}
.myeclass-teacher-context-divider-v2-9-593{
  width:1px!important;
  height:28px!important;
  background:#263b55!important;
  flex:0 0 1px!important;
}
.myeclass-teacher-context-identity-v2-9-593{
  display:flex!important;
  align-items:baseline!important;
  gap:9px!important;
  min-width:0!important;
  color:#fff!important;
  white-space:nowrap!important;
}
.myeclass-teacher-context-identity-v2-9-593 b{
  max-width:280px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:16px!important;
  line-height:20px!important;
  font-weight:900!important;
}
.myeclass-teacher-context-identity-v2-9-593 small{
  display:inline-flex!important;
  padding:3px 7px!important;
  border:1px solid rgba(56,140,255,.36)!important;
  border-radius:7px!important;
  color:#78b9ff!important;
  background:rgba(35,111,211,.12)!important;
  font-style:normal!important;
  font-size:10px!important;
  font-weight:900!important;
}
.myeclass-teacher-context-identity-v2-9-593 em{
  max-width:330px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#8296b1!important;
  font-style:normal!important;
  font-size:12px!important;
}

/* ---------- Portfolio main surface ---------- */
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-app-shell{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:var(--ml-teacher-topbar-h) 1fr!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .container.myeclass-main{
  grid-column:1!important;
  grid-row:2!important;
  width:min(100%,1460px)!important;
  max-width:1460px!important;
  padding:32px clamp(20px,3vw,48px) 54px!important;
  background:transparent!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-breadcrumbs{
  display:none!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-eclass-page-title-v2-9-394{
  margin:0 0 24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  align-items:flex-start!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-eclass-page-title-v2-9-394 h2{
  margin:0 0 7px!important;
  color:#f7faff!important;
  font-size:clamp(28px,2.4vw,40px)!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-eclass-page-title-v2-9-394 p{
  margin:0!important;
  max-width:780px!important;
  color:#9eb2cc!important;
  font-size:15px!important;
  line-height:1.6!important;
}

/* ---------- Shared teacher content visual system ---------- */
body.myeclass-teacher-body-v2-9-593 .card,
body.myeclass-teacher-body-v2-9-593 .panel,
body.myeclass-teacher-body-v2-9-593 .tile,
body.myeclass-teacher-body-v2-9-593 .mini-card,
body.myeclass-teacher-body-v2-9-593 .myeclass-openeclass-flat-page-v2-9-399,
body.myeclass-teacher-body-v2-9-593 .myeclass-course-admin-page-v2-9-400{
  background:linear-gradient(145deg,rgba(16,35,61,.97),rgba(9,24,43,.98))!important;
  border:1px solid var(--ml-teacher-line)!important;
  border-radius:16px!important;
  color:var(--ml-teacher-text)!important;
  box-shadow:var(--ml-teacher-shadow)!important;
}
body.myeclass-teacher-body-v2-9-593 .card{
  padding:22px!important;
  margin-bottom:18px!important;
}
body.myeclass-teacher-body-v2-9-593 .muted,
body.myeclass-teacher-body-v2-9-593 small,
body.myeclass-teacher-body-v2-9-593 .small{
  color:var(--ml-teacher-muted)!important;
}
body.myeclass-teacher-body-v2-9-593 h1,
body.myeclass-teacher-body-v2-9-593 h2,
body.myeclass-teacher-body-v2-9-593 h3,
body.myeclass-teacher-body-v2-9-593 h4,
body.myeclass-teacher-body-v2-9-593 strong,
body.myeclass-teacher-body-v2-9-593 b{
  color:var(--ml-teacher-text);
}
body.myeclass-teacher-body-v2-9-593 a{
  color:#6eb7ff;
}
body.myeclass-teacher-body-v2-9-593 a:hover{
  color:#a8d4ff;
}
body.myeclass-teacher-body-v2-9-593 .button,
body.myeclass-teacher-body-v2-9-593 button:not(.myeclass-mobile-menu-toggle-v2-9-428):not(.myeclass-loading-cancel),
body.myeclass-teacher-body-v2-9-593 input[type="submit"]{
  min-height:40px!important;
  padding:9px 15px!important;
  border:1px solid #294c75!important;
  border-radius:10px!important;
  background:#0c1d33!important;
  color:#e7f2ff!important;
  box-shadow:none!important;
  font-weight:800!important;
}
body.myeclass-teacher-body-v2-9-593 .button:hover,
body.myeclass-teacher-body-v2-9-593 button:hover{
  border-color:#4388d4!important;
  background:#132d4d!important;
  color:#fff!important;
}
body.myeclass-teacher-body-v2-9-593 .button.primary,
body.myeclass-teacher-body-v2-9-593 button.primary,
body.myeclass-teacher-body-v2-9-593 input[type="submit"].primary{
  border-color:#2f8fe9!important;
  background:linear-gradient(180deg,#168ed5,#0c69ad)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(16,126,201,.18)!important;
}
body.myeclass-teacher-body-v2-9-593 input,
body.myeclass-teacher-body-v2-9-593 select,
body.myeclass-teacher-body-v2-9-593 textarea{
  border:1px solid #29435f!important;
  border-radius:9px!important;
  background:#050b13!important;
  color:#eef5ff!important;
  box-shadow:none!important;
}
body.myeclass-teacher-body-v2-9-593 input:focus,
body.myeclass-teacher-body-v2-9-593 select:focus,
body.myeclass-teacher-body-v2-9-593 textarea:focus{
  border-color:#3ba5e9!important;
  box-shadow:0 0 0 3px rgba(38,145,222,.15)!important;
  outline:none!important;
}

body.myeclass-teacher-body-v2-9-593 .myeclass-table-wrap-v2-9-362,
body.myeclass-teacher-body-v2-9-593 .myeclass-table-scroll{
  overflow:auto!important;
  border:1px solid #1e3856!important;
  border-radius:13px!important;
  background:rgba(4,13,25,.32)!important;
}
body.myeclass-teacher-body-v2-9-593 table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
  color:#eaf2fc!important;
}
body.myeclass-teacher-body-v2-9-593 table th{
  padding:12px 14px!important;
  background:#122d4a!important;
  border:0!important;
  border-bottom:1px solid #315272!important;
  color:#d9e9fb!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:900!important;
  text-transform:none!important;
}
body.myeclass-teacher-body-v2-9-593 table td{
  padding:13px 14px!important;
  border:0!important;
  border-bottom:1px solid rgba(69,101,136,.35)!important;
  background:rgba(10,27,47,.48)!important;
  vertical-align:middle!important;
}
body.myeclass-teacher-body-v2-9-593 table tr:last-child td{
  border-bottom:0!important;
}
body.myeclass-teacher-body-v2-9-593 table tr:hover td{
  background:rgba(21,55,91,.60)!important;
}

/* Make the existing portfolio content feel like one coherent dashboard without touching its queries. */
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-portfolio-simple-v2-9-398{
  padding:24px!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-portfolio-grid-v2-9-398{
  gap:20px!important;
  align-items:start!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-portfolio-grid-v2-9-398>section,
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-portfolio-grid-v2-9-398>aside{
  min-width:0!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-portfolio-actions-v2-9-398{
  display:grid!important;
  gap:10px!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-portfolio-actions-v2-9-398 .button{
  width:100%!important;
  justify-content:flex-start!important;
}

/* ---------- Local section shell ---------- */
body.myeclass-teacher-local-body-v2-9-593 .myeclass-app-shell{
  grid-template-columns:var(--ml-teacher-sidebar-w) minmax(0,1fr)!important;
  grid-template-rows:var(--ml-teacher-topbar-h) 1fr!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-sidebar.myeclass-teacher-section-sidebar-v2-9-593{
  grid-column:1!important;
  grid-row:2!important;
  width:var(--ml-teacher-sidebar-w)!important;
  height:calc(100vh - var(--ml-teacher-topbar-h))!important;
  top:var(--ml-teacher-topbar-h)!important;
  padding:18px 12px 22px!important;
  background:linear-gradient(180deg,#0b1a2c 0%,#081523 100%)!important;
  border-right:1px solid #203b5b!important;
  box-shadow:14px 0 50px rgba(0,0,0,.14)!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-sidebar-inner{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  padding:0!important;
  gap:0!important;
}
.myeclass-course-back-v2-9-593{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  margin:0 2px 14px!important;
  padding:8px 10px!important;
  border:1px solid #203b5b!important;
  border-radius:10px!important;
  background:#09172a!important;
  color:#9fc9f5!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
}
.myeclass-course-back-v2-9-593:hover{
  background:#102540!important;
  border-color:#3b77b5!important;
  color:#fff!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-title-v2-9-593{
  position:relative!important;
  margin:0 2px 18px!important;
  padding:14px 12px 18px 62px!important;
  min-height:74px!important;
  border:0!important;
  border-bottom:1px solid #213b59!important;
  border-radius:0!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-title-v2-9-593 i{
  position:absolute!important;
  left:8px!important;
  top:12px!important;
  width:42px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #198faf!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#0f5d78,#0a324a)!important;
  color:#dffaff!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 8px 24px rgba(0,129,157,.20)!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-title-v2-9-593 span{
  color:#6f8eae!important;
  font-size:10px!important;
  letter-spacing:.10em!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-title-v2-9-593 b{
  color:#fff!important;
  font-size:17px!important;
  line-height:21px!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-title-v2-9-593 small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#9fb3ca!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-course-sidebar-nav-v2-9-376{
  flex:1 1 auto!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-course-sidebar-nav-v2-9-376 section h2{
  margin:0 10px 8px!important;
  color:#6585a7!important;
  font-size:10px!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-course-sidebar-nav-v2-9-376 section h2::before{
  content:none!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-course-sidebar-link-v2-9-376{
  min-height:44px!important;
  margin:3px 0!important;
  padding:10px 12px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#b9c9db!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-course-sidebar-link-v2-9-376:hover{
  border-color:rgba(68,123,185,.38)!important;
  background:#10243c!important;
  color:#fff!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-course-sidebar-link-v2-9-376.is-active{
  border-color:#2c70bd!important;
  background:linear-gradient(90deg,rgba(32,103,199,.46),rgba(23,69,127,.31))!important;
  color:#eaf5ff!important;
  box-shadow:inset 3px 0 0 #3aa3ff,0 8px 24px rgba(0,55,123,.14)!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-course-sidebar-link-v2-9-376.is-active .shell-icon{
  color:#56b3ff!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-course-sidebar-link-v2-9-376:last-child{
  margin-top:14px!important;
  padding-top:15px!important;
  border-top-color:#203a57!important;
  border-radius:0 0 10px 10px!important;
}
body.myeclass-teacher-local-body-v2-9-593 .container.myeclass-main{
  grid-column:2!important;
  grid-row:2!important;
  width:100%!important;
  max-width:1480px!important;
  min-height:calc(100vh - var(--ml-teacher-topbar-h))!important;
  padding:24px clamp(20px,2.5vw,42px) 52px!important;
  background:transparent!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-route-strip-v2-9-434{
  min-height:38px!important;
  margin:0 0 18px!important;
  padding:8px 12px!important;
  border:1px solid #1f3855!important;
  border-radius:10px!important;
  background:rgba(13,31,53,.72)!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-breadcrumbs{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.myeclass-teacher-local-body-v2-9-593 .myeclass-course-landing-v2-9-360,
body.myeclass-teacher-local-body-v2-9-593 .myeclass-course-admin-page-v2-9-400{
  padding:24px!important;
}

/* ---------- Mobile / tablet ---------- */
@media (max-width:1100px){
  body.myeclass-teacher-body-v2-9-593 .myeclass-brand{
    padding-right:12px!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-brand .brand-logo-shell{
    width:78px!important;
    max-width:78px!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-brand .brand-logo{
    max-width:78px!important;
  }
  body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593 a{
    padding:0 9px!important;
    font-size:13px!important;
  }
  .myeclass-teacher-context-identity-v2-9-593 em{display:none!important;}
}

@media (max-width:900px){
  :root,html[data-theme="dark"]{
    --ml-teacher-topbar-h:58px;
  }
  body.myeclass-teacher-body-v2-9-593 .top.myeclass-topbar{
    padding:0 10px!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-mobile-menu-toggle-v2-9-428{
    display:inline-flex!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-brand{
    padding-right:0!important;
    border-right:0!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-brand .brand-logo-shell{
    width:68px!important;
    max-width:68px!important;
    height:50px!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-brand .brand-logo{
    max-width:68px!important;
    max-height:50px!important;
  }
  body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593,
  .myeclass-teacher-context-topnav-v2-9-593{
    display:none!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-app-shell,
  body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-app-shell{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:var(--ml-teacher-topbar-h) 1fr!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-sidebar.myeclass-teacher-section-sidebar-v2-9-593{
    display:none!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .container.myeclass-main,
  body.myeclass-teacher-portfolio-body-v2-9-593 .container.myeclass-main{
    grid-column:1!important;
    width:100%!important;
    max-width:none!important;
    padding:18px 14px 40px!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-ai-queue-dropdown-v2-9-487>summary span,
  body.myeclass-teacher-body-v2-9-593 .myeclass-account-dropdown-v2-9-398>summary span{
    display:none!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-ai-queue-dropdown-v2-9-487>summary,
  body.myeclass-teacher-body-v2-9-593 .myeclass-account-dropdown-v2-9-398>summary{
    width:42px!important;
    min-width:42px!important;
    padding:8px!important;
    justify-content:center!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-eclass-page-title-v2-9-394{
    display:grid!important;
    gap:14px!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-eclass-page-title-v2-9-394 h2{
    font-size:29px!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-eclass-page-title-v2-9-394 .button{
    width:100%!important;
  }
}

@media (max-width:620px){
  body.myeclass-teacher-body-v2-9-593 .card{
    padding:16px!important;
    border-radius:13px!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-portfolio-grid-v2-9-398{
    grid-template-columns:1fr!important;
  }
  body.myeclass-teacher-body-v2-9-593 table th,
  body.myeclass-teacher-body-v2-9-593 table td{
    padding:10px 11px!important;
  }
}

/* ============================================================
   MyEClass v2.9.593.0.1 — Teacher Topbar Admin-Parity Hotfix
   One top-shell design system for Admin and Teacher.
   Navigation content differs by role; geometry and actions do not.
   ============================================================ */

:root,
html[data-theme="dark"]{
  --ml-teacher-topbar-h:70px;
}

body.myeclass-teacher-body-v2-9-593 .top.myeclass-topbar,
html[data-theme="dark"] body.myeclass-teacher-body-v2-9-593 .top.myeclass-topbar{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  inset-inline:0!important;
  z-index:1000!important;
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  margin:0!important;
  padding-left:calc(22px + env(safe-area-inset-left, 0px))!important;
  padding-right:calc(22px + env(safe-area-inset-right, 0px))!important;
  background:#000!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.28)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  transform:none!important;
}

body.myeclass-teacher-body-v2-9-593 .myeclass-topbar-left{
  display:flex!important;
  flex:1 1 0%!important;
  align-items:center!important;
  gap:24px!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:70px!important;
  margin:0!important;
  overflow:hidden!important;
  transform:none!important;
}

body.myeclass-teacher-body-v2-9-593 .brand.myeclass-brand{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  height:70px!important;
  margin:0!important;
  padding:0 24px 0 0!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.14)!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.myeclass-teacher-body-v2-9-593 .brand-logo-shell{
  display:flex!important;
  align-items:center!important;
  width:94px!important;
  max-width:94px!important;
  height:58px!important;
}
body.myeclass-teacher-body-v2-9-593 .brand-logo{
  max-width:86px!important;
  max-height:54px!important;
  object-fit:contain!important;
}

body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593,
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-context-topnav-v2-9-593{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593 a{
  min-height:70px!important;
  padding:0 14px!important;
  color:#c4cfdd!important;
  font-size:15px!important;
  font-weight:700!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593 a:hover{
  color:#fff!important;
  background:rgba(25,45,75,.54)!important;
}
body.myeclass-teacher-portfolio-body-v2-9-593 .myeclass-teacher-global-topnav-v2-9-593 a.is-active{
  color:#63aaff!important;
  border-bottom-color:#3b93ff!important;
  background:linear-gradient(180deg,rgba(30,82,151,.06),rgba(21,48,86,.42))!important;
}

body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-top-actions-v2-9-593-0-1{
  display:flex!important;
  flex:0 0 auto!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:100%!important;
  gap:12px!important;
  margin-left:auto!important;
  margin-right:0!important;
  padding:0!important;
  white-space:nowrap!important;
  position:relative!important;
  overflow:visible!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-top-actions-v2-9-593-0-1 > *{
  flex:0 0 auto!important;
  margin:0!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1,
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-profile-v2-9-593-0-1{
  position:relative!important;
  display:inline-block!important;
  margin:0!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 > summary,
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-profile-v2-9-593-0-1 > summary{
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:0!important;
  gap:0!important;
  border:1px solid rgba(113,139,180,.28)!important;
  border-radius:14px!important;
  background:rgba(17,30,55,.86)!important;
  color:#dce9ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.26)!important;
  cursor:pointer!important;
  justify-content:center!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 > summary:hover,
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-profile-v2-9-593-0-1 > summary:hover{
  border-color:rgba(66,142,255,.65)!important;
  background:rgba(21,44,78,.96)!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 > summary .shell-icon,
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-profile-v2-9-593-0-1 > summary .shell-icon{
  width:23px!important;
  height:23px!important;
  color:#eaf3ff!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 .myeclass-ai-queue-badge-v2-9-487{
  position:absolute!important;
  top:-6px!important;
  right:-6px!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid #000!important;
  border-radius:999px!important;
  background:#7d4dff!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 .myeclass-ai-queue-badge-v2-9-487[hidden]{
  display:none!important;
}

body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 .myeclass-ai-queue-menu-v2-9-487{
  right:0!important;
  top:58px!important;
  z-index:1500!important;
  width:min(560px,calc(100vw - 28px))!important;
  padding:16px!important;
  border:1px solid rgba(81,125,180,.36)!important;
  border-radius:18px!important;
  background:#081426!important;
  color:#dce9f8!important;
  box-shadow:0 24px 80px rgba(0,0,0,.48)!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 .myeclass-ai-queue-menu-v2-9-487 b{
  color:#fff!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 .myeclass-ai-queue-menu-v2-9-487 small,
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 .myeclass-ai-queue-menu-v2-9-487 .muted,
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 .myeclass-ai-queue-summary-v2-9-487{
  color:#9fb3ca!important;
}

body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-profile-v2-9-593-0-1 > div{
  right:0!important;
  top:58px!important;
  min-width:220px!important;
  padding:12px!important;
  border-radius:18px!important;
  background:#081426!important;
  border:1px solid rgba(81,125,180,.36)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.45)!important;
  z-index:1500!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-profile-v2-9-593-0-1 > div b{
  display:block!important;
  padding:6px 8px 10px!important;
  color:#fff!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-profile-v2-9-593-0-1 > div a{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 8px!important;
  border-radius:12px!important;
  color:#cbd9ee!important;
  text-decoration:none!important;
}
body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-profile-v2-9-593-0-1 > div a:hover{
  background:rgba(45,130,255,.12)!important;
  color:#fff!important;
}

@media(max-width:900px){
  :root,html[data-theme="dark"]{--ml-teacher-topbar-h:60px;}
  body.myeclass-teacher-body-v2-9-593 .top.myeclass-topbar,
  html[data-theme="dark"] body.myeclass-teacher-body-v2-9-593 .top.myeclass-topbar{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    gap:8px!important;
    padding-left:calc(10px + env(safe-area-inset-left, 0px))!important;
    padding-right:calc(10px + env(safe-area-inset-right, 0px))!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-topbar-left{height:60px!important;gap:8px!important;}
  body.myeclass-teacher-body-v2-9-593 .brand.myeclass-brand{height:60px!important;padding-right:8px!important;border-right:0!important;}
  body.myeclass-teacher-body-v2-9-593 .brand-logo-shell{width:74px!important;max-width:74px!important;height:52px!important;}
  body.myeclass-teacher-body-v2-9-593 .brand-logo{max-width:70px!important;max-height:50px!important;}
  body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-top-actions-v2-9-593-0-1{gap:7px!important;}
  body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 > summary,
  body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-profile-v2-9-593-0-1 > summary{
    width:40px!important;min-width:40px!important;max-width:40px!important;
    height:40px!important;min-height:40px!important;max-height:40px!important;
    border-radius:12px!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-ai-top-v2-9-593-0-1 .myeclass-ai-queue-menu-v2-9-487{
    right:-48px!important;
    top:50px!important;
    width:calc(100vw - 16px)!important;
  }
  body.myeclass-teacher-body-v2-9-593 .myeclass-teacher-profile-v2-9-593-0-1 > div{top:50px!important;}
}

/* ============================================================
   MyEClass v2.9.593.0.2 — Teacher Local Sidebar Admin-Parity
   Same shell geometry, navigation rhythm and collapse behaviour
   as Admin; the content remains section-specific.
   ============================================================ */

@media(min-width:901px){
  :root,html[data-theme="dark"]{--ml-teacher-sidebar-w:272px;}

  body.myeclass-teacher-local-body-v2-9-593,
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593{
    overflow-x:hidden!important;
    max-width:100%!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 *,
  body.myeclass-teacher-local-body-v2-9-593 *::before,
  body.myeclass-teacher-local-body-v2-9-593 *::after{box-sizing:border-box;}

  body.myeclass-teacher-local-body-v2-9-593 .myeclass-app-shell.myeclass-teacher-local-shell-v2-9-593{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    overflow-x:clip!important;
    grid-template-columns:minmax(0,272px) minmax(0,1fr)!important;
    grid-template-rows:70px minmax(calc(100vh - 70px),auto)!important;
    align-items:start!important;
  }

  body.myeclass-teacher-local-body-v2-9-593 .myeclass-sidebar.myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2,
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593 .myeclass-sidebar.myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2{
    grid-column:1!important;
    grid-row:2!important;
    position:sticky!important;
    top:70px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:calc(100vh - 70px)!important;
    align-self:start!important;
    padding:22px 18px 18px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:linear-gradient(180deg,rgba(10,23,42,.98),rgba(5,13,25,.98))!important;
    border-right:1px solid rgba(120,146,184,.15)!important;
    box-shadow:none!important;
    z-index:80!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-inner-v2-9-593-0-2{
    min-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding:0!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-back-v2-9-593-0-2{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#9eb0c7!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:750!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-back-v2-9-593-0-2:hover{
    background:rgba(25,45,75,.7)!important;
    color:#fff!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-back-glyph-v2-9-593-0-2{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(113,139,180,.22)!important;
    border-radius:8px!important;
    background:rgba(17,30,55,.72)!important;
    color:#dce9ff!important;
    font-size:15px!important;
  }

  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-context-v2-9-593-0-2{
    position:relative!important;
    min-height:76px!important;
    margin:0!important;
    padding:4px 4px 18px 60px!important;
    display:block!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-context-v2-9-593-0-2>i{
    position:absolute!important;
    left:4px!important;
    top:2px!important;
    width:46px!important;
    height:46px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(45,130,255,.42)!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,rgba(30,82,151,.92),rgba(16,46,85,.92))!important;
    color:#eff7ff!important;
    font-style:normal!important;
    font-size:14px!important;
    font-weight:900!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.22)!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-context-v2-9-593-0-2>div{
    display:grid!important;
    gap:3px!important;
    min-width:0!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-context-v2-9-593-0-2 span{
    color:#93a0b5!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-context-v2-9-593-0-2 b{
    overflow:hidden!important;
    color:#f5f8fd!important;
    font-size:17px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-context-v2-9-593-0-2 small{
    overflow:hidden!important;
    color:#9caec4!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:650!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-nav-v2-9-593-0-2{
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    gap:8px!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-nav-v2-9-593-0-2 .myeclass-admin-nav-section-v2-9-544{
    display:block!important;
    margin:0 0 8px 4px!important;
    color:#93a0b5!important;
    font-size:12px!important;
    line-height:1.2!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-nav-link-v2-9-593-0-2,
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-nav-link-v2-9-593-0-2{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 16px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#d5dfec!important;
    text-decoration:none!important;
    font-size:16px!important;
    line-height:1.1!important;
    font-weight:500!important;
    box-shadow:none!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-nav-link-v2-9-593-0-2>.shell-icon{
    position:static!important;
    display:inline-flex!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    flex:0 0 24px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#d8e2ef!important;
    overflow:visible!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-nav-link-v2-9-593-0-2>.shell-icon svg{
    display:block!important;
    width:100%!important;
    height:100%!important;
    overflow:visible!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-nav-link-v2-9-593-0-2:hover{
    border-color:transparent!important;
    background:rgba(25,45,75,.7)!important;
    color:#fff!important;
    transform:none!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-nav-link-v2-9-593-0-2.is-active,
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-nav-link-v2-9-593-0-2.is-active{
    border-color:rgba(47,132,255,.35)!important;
    background:linear-gradient(135deg,rgba(30,82,151,.72),rgba(21,48,86,.72))!important;
    color:#4fa0ff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-nav-link-v2-9-593-0-2.is-active>.shell-icon{
    color:#3b93ff!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-nav-link-v2-9-593-0-2.is-settings-v2-9-593-0-2{
    margin-top:12px!important;
    padding-top:0!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    border-radius:0 0 10px 10px!important;
  }

  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-sidebar-collapse-v2-9-593-0-2{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    margin-top:auto!important;
    padding:18px 0 0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    color:#aeb9c8!important;
    background:transparent!important;
    text-decoration:none!important;
    cursor:pointer!important;
    box-shadow:none!important;
    text-align:left!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-sidebar-collapse-v2-9-593-0-2 span{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:rgba(130,154,193,.12)!important;
    color:#e8f1ff!important;
    font-weight:900!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-sidebar-collapse-v2-9-593-0-2 b{
    font-weight:800!important;
    white-space:nowrap!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-sidebar-collapse-v2-9-593-0-2:hover span,
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-sidebar-collapse-v2-9-593-0-2:focus-visible span{
    background:rgba(45,130,255,.18)!important;
    color:#fff!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-sidebar-collapse-v2-9-593-0-2:focus-visible{
    outline:2px solid rgba(97,169,255,.75)!important;
    outline-offset:4px!important;
  }

  body.myeclass-teacher-local-body-v2-9-593 .container.myeclass-main{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:clamp(18px,2.2vw,30px) clamp(18px,2.6vw,34px) 42px!important;
    overflow-x:clip!important;
  }

  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-local-shell-v2-9-593.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2,
  body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2 .myeclass-teacher-local-shell-v2-9-593{
    grid-template-columns:78px minmax(0,1fr)!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2,
  body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2{
    padding:18px 12px!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2 .myeclass-teacher-section-back-label-v2-9-593-0-2,
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2 .myeclass-teacher-section-context-v2-9-593-0-2>div,
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2 .myeclass-admin-nav-section-v2-9-544,
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2 .myeclass-teacher-section-nav-link-v2-9-593-0-2>span:not(.shell-icon),
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2 .myeclass-teacher-sidebar-collapse-v2-9-593-0-2 b{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2 .myeclass-teacher-section-back-v2-9-593-0-2,
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2 .myeclass-teacher-section-nav-link-v2-9-593-0-2,
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2 .myeclass-teacher-sidebar-collapse-v2-9-593-0-2{
    justify-content:center!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2 .myeclass-teacher-section-context-v2-9-593-0-2{
    min-height:58px!important;
    padding:0 0 12px!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2 .myeclass-teacher-section-context-v2-9-593-0-2>i{
    position:static!important;
    width:46px!important;
    height:46px!important;
    margin:0 auto!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2 .myeclass-teacher-section-nav-link-v2-9-593-0-2{
    min-height:46px!important;
    padding:10px!important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-app-shell.myeclass-teacher-local-shell-v2-9-593{
    grid-template-columns:minmax(0,232px) minmax(0,1fr)!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .container.myeclass-main{
    padding:22px 20px 34px!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-local-shell-v2-9-593.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2,
  body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2 .myeclass-teacher-local-shell-v2-9-593{
    grid-template-columns:78px minmax(0,1fr)!important;
  }
}

@media(max-width:900px){
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-sidebar.myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2{
    display:none!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-sidebar-collapse-v2-9-593-0-2{
    display:none!important;
  }
}

/* ============================================================
   MyEClass v2.9.593.0.3 — Teacher Unified Shell Recovery
   Root-cause fix:
   - removes the 901–980px mixed desktop/mobile state,
   - stops teacher global pages inheriting the legacy portfolio shell,
   - applies one Admin-compatible shell and color system.
   ============================================================ */

body.myeclass-teacher-unified-body-v2-9-593-0-3,
html[data-theme="dark"] body.myeclass-teacher-unified-body-v2-9-593-0-3{
  --bg:#050d19;
  --card:#0d1c31;
  --ink:#f5f8ff;
  --text:#f5f8ff;
  --muted:#9eb2cc;
  --line:#213c5d;
  --accent:#3b8cff;
  --accent-2:#18c5d8;
  --danger:#ff6f7d;
  --ok:#35d39a;
  --warn:#f2b84b;
  --surface:#0d1c31;
  --surface-2:#09182b;
  --soft:#132a47;
  --myeclass-text:#f5f8ff;
  --myeclass-card:#0d1c31;
  --myeclass-border:#213c5d;
  margin:0!important;
  min-height:100vh!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 22% 0%,rgba(45,93,173,.18),transparent 35%),
    radial-gradient(circle at 93% 7%,rgba(8,126,133,.11),transparent 31%),
    linear-gradient(135deg,#030914 0%,#07111f 52%,#061521 100%)!important;
  color:var(--ink)!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 *,
body.myeclass-teacher-unified-body-v2-9-593-0-3 *::before,
body.myeclass-teacher-unified-body-v2-9-593-0-3 *::after{box-sizing:border-box;}

body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-shell-v2-9-593-0-3{
  width:100%!important;
  max-width:100vw!important;
  min-width:0!important;
  min-height:100vh!important;
  margin:0!important;
  background:transparent!important;
}

/* One real Admin-parity topbar. */
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-topbar-v2-9-593-0-3{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:1000!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  max-width:none!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  margin:0!important;
  padding:0 22px!important;
  gap:18px!important;
  overflow:visible!important;
  transform:none!important;
  background:#000!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.28)!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-topbar-v2-9-593-0-3 .myeclass-topbar-left{
  display:flex!important;
  flex:1 1 auto!important;
  align-items:center!important;
  align-self:stretch!important;
  gap:24px!important;
  width:auto!important;
  min-width:0!important;
  height:70px!important;
  margin:0!important;
  overflow:hidden!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-topbar-v2-9-593-0-3 .brand.myeclass-brand{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  align-self:stretch!important;
  width:auto!important;
  height:70px!important;
  margin:0!important;
  padding:0 24px 0 0!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-topbar-v2-9-593-0-3 .brand-logo-shell{
  display:flex!important;
  align-items:center!important;
  width:94px!important;
  max-width:94px!important;
  height:58px!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-topbar-v2-9-593-0-3 .brand-logo{
  max-width:86px!important;
  max-height:54px!important;
  object-fit:contain!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-global-topnav-v2-9-593,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-context-topnav-v2-9-593{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:70px!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-global-topnav-v2-9-593{
  display:flex!important;
  align-items:stretch!important;
  gap:2px!important;
  overflow:hidden!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-global-topnav-v2-9-593 a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:70px!important;
  height:70px!important;
  padding:0 14px!important;
  gap:8px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#c4cfdd!important;
  box-shadow:none!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transform:none!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-global-topnav-v2-9-593 a:hover{
  color:#fff!important;
  background:rgba(25,45,75,.54)!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-global-topnav-v2-9-593 a.is-active{
  color:#63aaff!important;
  border-bottom-color:#3b93ff!important;
  background:linear-gradient(180deg,rgba(30,82,151,.06),rgba(21,48,86,.42))!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-global-topnav-v2-9-593 .shell-icon,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-global-topnav-v2-9-593 .shell-icon svg{
  width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-top-actions-v2-9-593-0-1{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  width:auto!important;
  min-width:max-content!important;
  height:70px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  overflow:visible!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-ai-top-v2-9-593-0-1>summary,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-profile-v2-9-593-0-1>summary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(113,139,180,.28)!important;
  border-radius:14px!important;
  background:rgba(17,30,55,.86)!important;
  color:#dce9ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.26)!important;
  list-style:none!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-ai-top-v2-9-593-0-1>summary::before,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-profile-v2-9-593-0-1>summary::before{content:none!important;}

/* Desktop means desktop everywhere: closes the historical 901–980px gap. */
@media(min-width:901px){
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-mobile-menu-toggle-v2-9-428,
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-mobile-menu-v2-9-428,
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-mobile-menu-backdrop-v2-9-428{
    display:none!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-global-topnav-v2-9-593,
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-context-topnav-v2-9-593{
    display:flex!important;
  }
  body.myeclass-teacher-portfolio-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-shell-v2-9-593-0-3{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:70px minmax(calc(100vh - 70px),auto)!important;
    align-items:start!important;
  }
  body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-shell-v2-9-593-0-3{
    display:grid!important;
    grid-template-columns:minmax(0,272px) minmax(0,1fr)!important;
    grid-template-rows:70px minmax(calc(100vh - 70px),auto)!important;
    align-items:start!important;
  }
  body.myeclass-teacher-portfolio-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-main-v2-9-593-0-3{
    grid-column:1!important;
    grid-row:2!important;
    width:min(100%,1460px)!important;
    max-width:1460px!important;
    min-width:0!important;
    min-height:calc(100vh - 70px)!important;
    margin:0 auto!important;
    padding:32px clamp(22px,3vw,48px) 54px!important;
    overflow-x:clip!important;
    background:transparent!important;
  }
  body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-main-v2-9-593-0-3{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:calc(100vh - 70px)!important;
    margin:0!important;
    padding:clamp(20px,2.2vw,30px) clamp(20px,2.6vw,36px) 48px!important;
    overflow-x:clip!important;
    background:transparent!important;
  }
  body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-sidebar.myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2{
    display:block!important;
  }
}

/* Teacher content inherits the same premium dark surfaces rather than the old flat theme. */
body.myeclass-teacher-unified-body-v2-9-593-0-3 .card,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .panel,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .tile,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .mini-card,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-openeclass-flat-page-v2-9-399,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-course-admin-page-v2-9-400{
  background:linear-gradient(145deg,rgba(16,35,61,.97),rgba(9,24,43,.98))!important;
  border:1px solid #213c5d!important;
  border-radius:16px!important;
  color:#f5f8ff!important;
  box-shadow:0 22px 65px rgba(0,0,0,.28)!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .card{padding:22px!important;margin:0 0 18px!important;}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-submission-cockpit{
  border-left:0!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-cockpit-columns>section,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-cockpit-link,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-cockpit-link b,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .triage-card{
  background:rgba(7,18,33,.72)!important;
  border-color:rgba(111,168,231,.20)!important;
  color:#f5f8ff!important;
  box-shadow:none!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-cockpit-columns>section{
  padding:16px!important;
  border-radius:13px!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-cockpit-link,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .triage-card{
  border-radius:11px!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-cockpit-link:hover,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-cockpit-link.is-active,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .triage-card:hover,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .triage-card.active{
  border-color:rgba(49,181,255,.58)!important;
  background:rgba(20,49,82,.82)!important;
  outline:0!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 input,
body.myeclass-teacher-unified-body-v2-9-593-0-3 select,
body.myeclass-teacher-unified-body-v2-9-593-0-3 textarea{
  background:#071220!important;
  color:#f5f8ff!important;
  border-color:#294766!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 button,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .button{
  border-color:#294766!important;
  background:#0b1b2f!important;
  color:#eaf3ff!important;
  box-shadow:none!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 button.primary,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .button.primary{
  border-color:#258fe2!important;
  background:linear-gradient(135deg,#238ad8,#176db7)!important;
  color:#fff!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 table{color:#eaf2ff!important;}
body.myeclass-teacher-unified-body-v2-9-593-0-3 th{
  background:#071524!important;
  color:#9db4cf!important;
  border-bottom-color:#294766!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 td{border-bottom-color:#203a57!important;}
body.myeclass-teacher-unified-body-v2-9-593-0-3 tr:hover td{background:rgba(25,53,87,.48)!important;}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .muted,
body.myeclass-teacher-unified-body-v2-9-593-0-3 small,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .small{color:#9eb2cc!important;}
body.myeclass-teacher-unified-body-v2-9-593-0-3 h1,
body.myeclass-teacher-unified-body-v2-9-593-0-3 h2,
body.myeclass-teacher-unified-body-v2-9-593-0-3 h3,
body.myeclass-teacher-unified-body-v2-9-593-0-3 h4,
body.myeclass-teacher-unified-body-v2-9-593-0-3 strong,
body.myeclass-teacher-unified-body-v2-9-593-0-3 b{color:#f5f8ff;}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-breadcrumbs{display:none!important;}

@media(max-width:900px){
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-topbar-v2-9-593-0-3{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    padding:0 10px!important;
    gap:8px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-topbar-v2-9-593-0-3 .myeclass-topbar-left{
    height:60px!important;
    gap:8px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-mobile-menu-toggle-v2-9-428{
    display:inline-flex!important;
    flex:0 0 auto!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-global-topnav-v2-9-593,
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-context-topnav-v2-9-593{
    display:none!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-topbar-v2-9-593-0-3 .brand.myeclass-brand{
    height:60px!important;
    padding-right:0!important;
    border-right:0!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-topbar-v2-9-593-0-3 .brand-logo-shell{
    width:70px!important;
    max-width:70px!important;
    height:52px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-topbar-v2-9-593-0-3 .brand-logo{
    max-width:68px!important;
    max-height:50px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-top-actions-v2-9-593-0-1{
    height:60px!important;
    gap:7px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-ai-top-v2-9-593-0-1>summary,
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-profile-v2-9-593-0-1>summary{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:12px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-shell-v2-9-593-0-3{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:60px minmax(calc(100vh - 60px),auto)!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-main-v2-9-593-0-3{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:18px 14px 40px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-sidebar.myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2{
    display:none!important;
  }
}

/* v2.9.593.0.3 specificity guard for dark local routes.
   Older course-context rules use html[data-theme] selectors, so the unified
   local shell must meet/exceed that specificity in the 901–980px range. */
@media(min-width:901px){
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-app-shell.myeclass-teacher-unified-shell-v2-9-593-0-3{
    display:grid!important;
    grid-template-columns:minmax(0,272px) minmax(0,1fr)!important;
    grid-template-rows:70px minmax(calc(100vh - 70px),auto)!important;
    align-items:start!important;
  }
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-sidebar.myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2{
    display:block!important;
    grid-column:1!important;
    grid-row:2!important;
    position:sticky!important;
    top:70px!important;
    height:calc(100vh - 70px)!important;
  }
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3 .container.myeclass-main.myeclass-teacher-unified-main-v2-9-593-0-3{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-context-topnav-v2-9-593{
    display:flex!important;
  }
}

/* ============================================================
   MyEClass v2.9.593.0.4 — Teacher Shell Visual Polish
   - one desktop return action (topbar),
   - compact local identity: section badge + course title + technical code,
   - no empty desktop route strip,
   - stable expanded/collapsed sidebar geometry.
   ============================================================ */

body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-context-topnav-v2-9-593-0-4{
  gap:14px!important;
  overflow:hidden!important;
}
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-context-identity-v2-9-593-0-4{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-context-identity-v2-9-593-0-4>b{
  display:block!important;
  max-width:min(46vw,620px)!important;
  overflow:hidden!important;
  color:#e9f2ff!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:850!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-section-context-v2-9-593-0-4{
  position:relative!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:9px!important;
  min-height:100px!important;
  margin:0 2px 12px!important;
  padding:0 4px 18px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  border-radius:0!important;
}
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-section-context-v2-9-593-0-4>.myeclass-teacher-section-eyebrow-v2-9-593-0-4{
  grid-column:1 / -1!important;
  grid-row:1!important;
  display:block!important;
  margin:0!important;
  color:#7f99b8!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
  white-space:nowrap!important;
}
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-section-context-v2-9-593-0-4>i{
  position:static!important;
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(45,130,255,.48)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(30,82,151,.98),rgba(15,45,84,.98))!important;
  color:#f2f8ff!important;
  font-style:normal!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.22)!important;
}
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-section-context-v2-9-593-0-4>div{
  grid-column:2!important;
  grid-row:2!important;
  align-self:center!important;
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-section-context-v2-9-593-0-4>div>b{
  display:-webkit-box!important;
  overflow:hidden!important;
  color:#f5f8fd!important;
  font-size:14px!important;
  line-height:1.28!important;
  font-weight:820!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-section-context-v2-9-593-0-4>div>small{
  display:block!important;
  overflow:hidden!important;
  color:#83a4c7!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:780!important;
  letter-spacing:.035em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media(min-width:901px){
  body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
    .myeclass-route-strip-v2-9-434{
    display:none!important;
  }
  body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
    .container.myeclass-main.myeclass-teacher-unified-main-v2-9-593-0-3{
    padding-top:28px!important;
  }
}

body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2
  .myeclass-teacher-section-context-v2-9-593-0-4,
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2
  .myeclass-teacher-section-context-v2-9-593-0-4{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:64px!important;
  margin:0 0 10px!important;
  padding:0 0 14px!important;
}
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2
  .myeclass-teacher-section-context-v2-9-593-0-4>.myeclass-teacher-section-eyebrow-v2-9-593-0-4,
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2
  .myeclass-teacher-section-context-v2-9-593-0-4>.myeclass-teacher-section-eyebrow-v2-9-593-0-4{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
  .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2
  .myeclass-teacher-section-context-v2-9-593-0-4>i,
body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2
  .myeclass-teacher-section-context-v2-9-593-0-4>i{
  position:static!important;
  width:46px!important;
  height:46px!important;
  margin:0!important;
}

/* ============================================================
   MyEClass v2.9.593.1 — Teacher Portfolio & Shell Lock
   Slice A: final collapsed-sidebar geometry.
   Slice B: teacher personal portfolio + class catalog redesign.
   ============================================================ */

/* ---------- Slice A: local teacher shell lock ---------- */
@media (min-width:901px){
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
    .myeclass-app-shell.myeclass-teacher-local-shell-v2-9-593.myeclass-teacher-unified-shell-v2-9-593-0-3{
    display:grid!important;
    grid-template-columns:272px minmax(0,1fr)!important;
    grid-template-rows:70px minmax(calc(100vh - 70px),auto)!important;
    width:100%!important;
    min-width:0!important;
  }
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
    .myeclass-app-shell.myeclass-teacher-local-shell-v2-9-593.myeclass-teacher-unified-shell-v2-9-593-0-3.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2,
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2
    .myeclass-app-shell.myeclass-teacher-local-shell-v2-9-593.myeclass-teacher-unified-shell-v2-9-593-0-3{
    grid-template-columns:78px minmax(0,1fr)!important;
  }
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
    .myeclass-sidebar.myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2{
    grid-column:1!important;
    grid-row:2!important;
    width:272px!important;
    min-width:272px!important;
    max-width:272px!important;
    height:calc(100vh - 70px)!important;
    padding:20px 14px 18px!important;
    overflow-x:visible!important;
    overflow-y:auto!important;
  }
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
    .myeclass-sidebar.myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2,
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2
    .myeclass-sidebar.myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
    padding:18px 8px 16px!important;
  }
  html[data-theme="dark"] body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-unified-body-v2-9-593-0-3
    .container.myeclass-main.myeclass-teacher-unified-main-v2-9-593-0-3{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:28px clamp(22px,2.2vw,38px) 52px!important;
    overflow-x:clip!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-inner-v2-9-593-0-2{
    min-height:100%!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-sidebar-collapse-v2-9-593-0-2{
    display:flex!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:48px!important;
    margin:auto 0 0!important;
    position:sticky!important;
    bottom:0!important;
    z-index:5!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .myeclass-teacher-section-sidebar-admin-parity-v2-9-593-0-2.is-collapsed-v2-9-593-0-2
    .myeclass-teacher-sidebar-collapse-v2-9-593-0-2,
  body.myeclass-teacher-local-body-v2-9-593.myeclass-teacher-sidebar-collapsed-v2-9-593-0-2
    .myeclass-teacher-sidebar-collapse-v2-9-593-0-2{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    margin:auto auto 0!important;
    padding:0!important;
    justify-content:center!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .container.myeclass-main > *,
  body.myeclass-teacher-local-body-v2-9-593 .container.myeclass-main .card,
  body.myeclass-teacher-local-body-v2-9-593 .container.myeclass-main .myeclass-course-landing-v2-9-360,
  body.myeclass-teacher-local-body-v2-9-593 .container.myeclass-main .myeclass-course-admin-page-v2-9-400{
    min-width:0!important;
    max-width:100%!important;
  }
  body.myeclass-teacher-local-body-v2-9-593 .container.myeclass-main .myeclass-table-wrap-v2-9-362,
  body.myeclass-teacher-local-body-v2-9-593 .container.myeclass-main .table-wrap,
  body.myeclass-teacher-local-body-v2-9-593 .container.myeclass-main .responsive-table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
  }
}

/* ---------- Slice B: personal portfolio ---------- */
body.myeclass-teacher-portfolio-body-v2-9-593 .container.myeclass-main.myeclass-teacher-unified-main-v2-9-593-0-3{
  width:100%!important;
  max-width:1540px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:34px clamp(22px,3vw,48px) 60px!important;
}
.myeclass-teacher-portfolio-v2-9-593-1{
  display:grid!important;
  gap:20px!important;
  width:100%!important;
  min-width:0!important;
  color:#f5f8ff!important;
}
.myeclass-teacher-portfolio-header-v2-9-593-1{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:28px!important;
  padding:2px 4px 8px!important;
}
.myeclass-teacher-portfolio-header-v2-9-593-1>div{min-width:0!important;}
.myeclass-teacher-portfolio-header-v2-9-593-1 span,
.myeclass-teacher-portfolio-section-head-v2-9-593-1 span{
  display:block!important;
  margin:0 0 7px!important;
  color:#5ca8ff!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.105em!important;
}
.myeclass-teacher-portfolio-header-v2-9-593-1 h1{
  margin:0!important;
  color:#f8fbff!important;
  font-size:clamp(32px,3vw,48px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  font-weight:820!important;
}
.myeclass-teacher-portfolio-header-v2-9-593-1 p{
  max-width:780px!important;
  margin:10px 0 0!important;
  color:#9fb3cb!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.myeclass-teacher-portfolio-header-v2-9-593-1>.button{
  flex:0 0 auto!important;
  min-height:46px!important;
  padding:0 20px!important;
  border-radius:12px!important;
}
.myeclass-teacher-portfolio-block-v2-9-593-1,
.myeclass-teacher-portfolio-panel-v2-9-593-1{
  min-width:0!important;
  padding:22px!important;
  border:1px solid rgba(71,111,158,.42)!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,rgba(15,35,62,.97),rgba(8,25,44,.96))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.myeclass-teacher-portfolio-section-head-v2-9-593-1,
.myeclass-teacher-portfolio-panel-head-v2-9-593-1{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin:0 0 18px!important;
}
.myeclass-teacher-portfolio-section-head-v2-9-593-1 h2,
.myeclass-teacher-portfolio-panel-head-v2-9-593-1 h2{
  margin:0!important;
  color:#f7faff!important;
  font-size:clamp(20px,1.7vw,27px)!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
  font-weight:780!important;
}
.myeclass-teacher-portfolio-section-head-v2-9-593-1 p{
  margin:7px 0 0!important;
  color:#9eafc5!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.myeclass-teacher-portfolio-section-head-v2-9-593-1>a,
.myeclass-teacher-portfolio-panel-head-v2-9-593-1>a{
  flex:0 0 auto!important;
  color:#61afff!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.myeclass-teacher-portfolio-metrics-v2-9-593-1{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.myeclass-teacher-portfolio-metric-v2-9-593-1{
  position:relative!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
  min-height:118px!important;
  padding:17px!important;
  overflow:hidden!important;
  border:1px solid rgba(66,103,149,.46)!important;
  border-radius:14px!important;
  background:rgba(8,25,45,.76)!important;
  color:#f5f8ff!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:border-color .16s ease,transform .16s ease,background .16s ease!important;
}
.myeclass-teacher-portfolio-metric-v2-9-593-1:hover{
  border-color:rgba(74,149,240,.72)!important;
  background:rgba(15,39,68,.9)!important;
  transform:translateY(-1px)!important;
}
.myeclass-teacher-portfolio-metric-icon-v2-9-593-1{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
  background:rgba(54,139,255,.16)!important;
  color:#59a9ff!important;
}
.myeclass-teacher-portfolio-metric-icon-v2-9-593-1 .shell-icon,
.myeclass-teacher-portfolio-metric-icon-v2-9-593-1 svg{width:25px!important;height:25px!important;}
.myeclass-teacher-portfolio-metric-v2-9-593-1.tone-purple .myeclass-teacher-portfolio-metric-icon-v2-9-593-1{background:rgba(161,91,255,.18)!important;color:#b884ff!important;}
.myeclass-teacher-portfolio-metric-v2-9-593-1.tone-teal .myeclass-teacher-portfolio-metric-icon-v2-9-593-1{background:rgba(21,198,206,.17)!important;color:#37d7db!important;}
.myeclass-teacher-portfolio-metric-v2-9-593-1.tone-amber .myeclass-teacher-portfolio-metric-icon-v2-9-593-1{background:rgba(239,169,49,.17)!important;color:#f6bd4e!important;}
.myeclass-teacher-portfolio-metric-v2-9-593-1 small{
  display:block!important;
  margin:0 0 4px!important;
  color:#dce8f7!important;
  font-size:13px!important;
  font-weight:800!important;
}
.myeclass-teacher-portfolio-metric-v2-9-593-1 b{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:31px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
}
.myeclass-teacher-portfolio-metric-v2-9-593-1 em{
  display:block!important;
  margin:6px 0 0!important;
  color:#91a6c0!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-style:normal!important;
}
.myeclass-teacher-portfolio-metric-v2-9-593-1>i{
  color:#9dc9f9!important;
  font-size:27px!important;
  font-style:normal!important;
}
.myeclass-teacher-class-grid-v2-9-593-1{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.myeclass-teacher-class-card-v2-9-593-1{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:294px!important;
  padding:18px!important;
  border:1px solid rgba(65,105,153,.48)!important;
  border-radius:15px!important;
  background:linear-gradient(150deg,rgba(14,38,68,.88),rgba(7,25,45,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.myeclass-teacher-class-card-v2-9-593-1:hover{border-color:rgba(65,146,242,.68)!important;}
.myeclass-teacher-class-card-head-v2-9-593-1{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 0 16px!important;
  border-bottom:1px solid rgba(84,116,153,.31)!important;
}
.myeclass-teacher-class-card-head-v2-9-593-1>span{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  border:1px solid rgba(68,148,248,.58)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#1d65bd,#173c73)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
}
.myeclass-teacher-class-card-head-v2-9-593-1 h3{
  margin:0!important;
  overflow:hidden!important;
  color:#f7faff!important;
  font-size:16px!important;
  line-height:1.3!important;
  font-weight:800!important;
  text-overflow:ellipsis!important;
}
.myeclass-teacher-class-card-head-v2-9-593-1 p{
  margin:5px 0 0!important;
  color:#82a2c7!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:750!important;
}
.myeclass-teacher-class-card-stats-v2-9-593-1{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 10px!important;
  padding:17px 0!important;
}
.myeclass-teacher-class-card-stats-v2-9-593-1>div{
  position:relative!important;
  min-width:0!important;
  padding-left:27px!important;
}
.myeclass-teacher-class-card-stats-v2-9-593-1 .shell-icon,
.myeclass-teacher-class-card-stats-v2-9-593-1 svg{
  position:absolute!important;
  left:0!important;
  top:1px!important;
  width:18px!important;
  height:18px!important;
  color:#55a6ff!important;
}
.myeclass-teacher-class-card-stats-v2-9-593-1 b{
  display:block!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:850!important;
}
.myeclass-teacher-class-card-stats-v2-9-593-1 small{
  display:block!important;
  margin-top:5px!important;
  color:#91a5bd!important;
  font-size:10px!important;
  line-height:1.25!important;
}
.myeclass-teacher-class-enter-v2-9-593-1{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:44px!important;
  margin-top:auto!important;
  border-radius:11px!important;
}
.myeclass-teacher-portfolio-dashboard-grid-v2-9-593-1{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
.myeclass-teacher-portfolio-panel-v2-9-593-1{padding:19px!important;}
.myeclass-teacher-portfolio-panel-head-v2-9-593-1{margin-bottom:11px!important;}
.myeclass-teacher-portfolio-panel-head-v2-9-593-1 h2{font-size:18px!important;}
.myeclass-teacher-portfolio-list-v2-9-593-1{display:grid!important;gap:7px!important;}
.myeclass-teacher-portfolio-list-item-v2-9-593-1{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  min-height:61px!important;
  padding:10px!important;
  border:1px solid rgba(64,99,140,.35)!important;
  border-radius:11px!important;
  background:rgba(7,22,40,.64)!important;
  color:#f5f8ff!important;
  text-decoration:none!important;
}
.myeclass-teacher-portfolio-list-item-v2-9-593-1:not(.is-static):hover{border-color:rgba(70,146,235,.62)!important;background:rgba(13,36,63,.82)!important;}
.myeclass-teacher-portfolio-list-item-v2-9-593-1>span:first-child{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  background:rgba(55,136,255,.15)!important;
  color:#5baaff!important;
}
.myeclass-teacher-portfolio-list-item-v2-9-593-1>span.tone-purple{background:rgba(160,89,255,.16)!important;color:#b47cff!important;}
.myeclass-teacher-portfolio-list-item-v2-9-593-1>span.tone-teal{background:rgba(25,199,197,.16)!important;color:#37d8d4!important;}
.myeclass-teacher-portfolio-list-item-v2-9-593-1>span.tone-amber{background:rgba(238,170,51,.16)!important;color:#f3b84e!important;}
.myeclass-teacher-portfolio-list-item-v2-9-593-1 .shell-icon,
.myeclass-teacher-portfolio-list-item-v2-9-593-1 svg{width:18px!important;height:18px!important;}
.myeclass-teacher-portfolio-list-item-v2-9-593-1>span:nth-child(2){min-width:0!important;}
.myeclass-teacher-portfolio-list-item-v2-9-593-1 b{
  display:block!important;
  overflow:hidden!important;
  color:#eff5ff!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:800!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.myeclass-teacher-portfolio-list-item-v2-9-593-1 small{
  display:block!important;
  overflow:hidden!important;
  margin-top:4px!important;
  color:#8fa5be!important;
  font-size:10px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.myeclass-teacher-portfolio-list-item-v2-9-593-1 em{
  color:#8fa5be!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-style:normal!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.myeclass-teacher-portfolio-list-item-v2-9-593-1>i{color:#80b9f8!important;font-size:18px!important;font-style:normal!important;}
.myeclass-teacher-portfolio-panel-foot-v2-9-593-1{
  display:block!important;
  margin:12px 0 0!important;
  padding-top:11px!important;
  border-top:1px solid rgba(72,105,145,.3)!important;
  color:#59aaff!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:center!important;
  text-decoration:none!important;
}
.myeclass-teacher-portfolio-empty-v2-9-593-1{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:70px!important;
  padding:14px!important;
  border:1px dashed rgba(85,116,153,.38)!important;
  border-radius:12px!important;
  color:#8fa7c2!important;
}
.myeclass-teacher-portfolio-empty-v2-9-593-1 .shell-icon,
.myeclass-teacher-portfolio-empty-v2-9-593-1 svg{width:22px!important;height:22px!important;}
.myeclass-teacher-portfolio-empty-v2-9-593-1 p{margin:0!important;font-size:12px!important;line-height:1.45!important;}
.myeclass-teacher-course-source-note-v2-9-593-1{
  display:flex!important;
  align-items:flex-start!important;
  gap:13px!important;
  margin-top:18px!important;
  padding:15px 17px!important;
  border:1px solid rgba(44,119,203,.42)!important;
  border-radius:12px!important;
  background:rgba(20,58,101,.42)!important;
  color:#d9e9fc!important;
}
.myeclass-teacher-course-source-note-v2-9-593-1 .shell-icon,
.myeclass-teacher-course-source-note-v2-9-593-1 svg{flex:0 0 24px!important;width:24px!important;height:24px!important;color:#55a9ff!important;}
.myeclass-teacher-course-source-note-v2-9-593-1 b{display:block!important;font-size:13px!important;}
.myeclass-teacher-course-source-note-v2-9-593-1 p{margin:5px 0 0!important;color:#9bb2cc!important;font-size:12px!important;line-height:1.45!important;}

@media (max-width:1240px){
  .myeclass-teacher-portfolio-metrics-v2-9-593-1{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .myeclass-teacher-class-grid-v2-9-593-1{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .myeclass-teacher-portfolio-dashboard-grid-v2-9-593-1{grid-template-columns:1fr 1fr!important;}
  .myeclass-teacher-portfolio-dashboard-grid-v2-9-593-1>section:last-child{grid-column:1 / -1!important;}
}
@media (max-width:760px){
  body.myeclass-teacher-portfolio-body-v2-9-593 .container.myeclass-main.myeclass-teacher-unified-main-v2-9-593-0-3{padding:22px 14px 44px!important;}
  .myeclass-teacher-portfolio-header-v2-9-593-1{flex-direction:column!important;gap:16px!important;}
  .myeclass-teacher-portfolio-header-v2-9-593-1>.button{width:100%!important;justify-content:center!important;}
  .myeclass-teacher-portfolio-block-v2-9-593-1,.myeclass-teacher-portfolio-panel-v2-9-593-1{padding:16px!important;border-radius:14px!important;}
  .myeclass-teacher-portfolio-metrics-v2-9-593-1,
  .myeclass-teacher-class-grid-v2-9-593-1,
  .myeclass-teacher-portfolio-dashboard-grid-v2-9-593-1{grid-template-columns:1fr!important;}
  .myeclass-teacher-portfolio-dashboard-grid-v2-9-593-1>section:last-child{grid-column:auto!important;}
  .myeclass-teacher-portfolio-metric-v2-9-593-1{min-height:104px!important;}
  .myeclass-teacher-portfolio-section-head-v2-9-593-1{flex-direction:column!important;gap:10px!important;}
  .myeclass-teacher-portfolio-list-item-v2-9-593-1{grid-template-columns:38px minmax(0,1fr) auto!important;}
  .myeclass-teacher-portfolio-list-item-v2-9-593-1>i{display:none!important;}
  .myeclass-teacher-portfolio-list-item-v2-9-593-1 em{max-width:82px!important;white-space:normal!important;}
}
/* v2.9.593.1 icon positioning guard */
.myeclass-teacher-class-card-stats-v2-9-593-1 .shell-icon{
  position:absolute!important;
  left:0!important;
  top:1px!important;
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
}
.myeclass-teacher-class-card-stats-v2-9-593-1 .shell-icon svg{
  position:static!important;
  width:18px!important;
  height:18px!important;
}

/* ========================================================================
   v2.9.593.2 — Login redesign + Teacher section home
   Scope: login route and teacher.class_edit?tool=home only.
   ======================================================================== */

/* ---------- Neutral authentication shell ---------- */
html:has(body.myeclass-auth-body-v2-9-593-2),
body.myeclass-auth-body-v2-9-593-2{
  min-height:100%;
  background:
    radial-gradient(circle at 18% 18%,rgba(37,99,235,.18),transparent 32%),
    radial-gradient(circle at 86% 30%,rgba(6,182,212,.12),transparent 28%),
    linear-gradient(135deg,#07111f 0%,#071522 46%,#06141c 100%)!important;
}
body.myeclass-auth-body-v2-9-593-2{
  color:#f8fafc;
  overflow-x:hidden;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-shell-v2-9-593-2{
  display:grid!important;
  grid-template-rows:70px minmax(0,1fr)!important;
  width:100%!important;
  min-height:100vh!important;
  max-width:none!important;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-topbar-v2-9-593-2{
  position:sticky!important;
  inset:0 0 auto 0!important;
  z-index:30!important;
  height:70px!important;
  min-height:70px!important;
  padding:0 22px!important;
  background:#020305!important;
  border-bottom:1px solid #1c2d43!important;
  box-shadow:0 12px 36px rgba(0,0,0,.24)!important;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-topbar-v2-9-593-2 .myeclass-topbar-left{
  height:70px!important;
  display:flex!important;
  align-items:center!important;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-topbar-v2-9-593-2 .myeclass-brand{
  height:70px!important;
  min-width:116px!important;
  padding-right:20px!important;
  border-right:1px solid rgba(148,163,184,.22)!important;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-topbar-v2-9-593-2 .brand-logo-shell{
  width:96px!important;
  height:62px!important;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-main-v2-9-593-2{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:42px clamp(18px,5vw,80px) 54px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.myeclass-login-surface-v2-9-593-2{
  width:min(1180px,100%);
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(390px,.74fr);
  border:1px solid #263c58;
  border-radius:24px;
  overflow:hidden;
  background:rgba(8,22,39,.88);
  box-shadow:0 30px 90px rgba(0,0,0,.36),0 0 0 1px rgba(56,189,248,.025) inset;
  backdrop-filter:blur(12px);
}
.myeclass-login-intro-v2-9-593-2{
  position:relative;
  padding:clamp(38px,5vw,72px);
  background:
    linear-gradient(145deg,rgba(26,55,96,.88),rgba(8,28,50,.9)),
    radial-gradient(circle at 15% 15%,rgba(59,130,246,.35),transparent 38%);
  border-right:1px solid #263c58;
}
.myeclass-login-intro-v2-9-593-2::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-110px;
  width:260px;
  height:260px;
  border-radius:50%;
  border:55px solid rgba(6,182,212,.06);
  pointer-events:none;
}
.myeclass-login-kicker-v2-9-593-2,
.myeclass-login-card-v2-9-593-2 header>span{
  display:block;
  color:#58b7ff;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.14em;
}
.myeclass-login-intro-v2-9-593-2 h1{
  max-width:650px;
  margin:14px 0 18px;
  color:#fff;
  font-size:clamp(34px,4vw,58px);
  line-height:1.03;
  letter-spacing:-.035em;
}
.myeclass-login-intro-v2-9-593-2>p{
  max-width:660px;
  margin:0;
  color:#b8cbea;
  font-size:17px;
  line-height:1.65;
}
.myeclass-login-benefits-v2-9-593-2{
  display:grid;
  gap:14px;
  margin-top:38px;
}
.myeclass-login-benefits-v2-9-593-2>div{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:15px 16px;
  border:1px solid rgba(89,150,221,.28);
  border-radius:15px;
  background:rgba(3,15,30,.33);
}
.myeclass-login-benefits-v2-9-593-2 .shell-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#5abaff;
  background:#103562;
}
.myeclass-login-benefits-v2-9-593-2 .shell-icon svg{width:23px;height:23px;}
.myeclass-login-benefits-v2-9-593-2 b{
  display:block;
  color:#f8fafc;
  font-size:15px;
}
.myeclass-login-benefits-v2-9-593-2 small{
  display:block;
  margin-top:4px;
  color:#99b2d3;
  line-height:1.45;
}
.myeclass-login-card-v2-9-593-2{
  align-self:center;
  margin:28px;
  padding:clamp(28px,3.4vw,46px);
  border:1px solid #29425f;
  border-radius:20px;
  background:linear-gradient(160deg,#0d223b,#09192c);
  box-shadow:0 18px 54px rgba(0,0,0,.24);
}
.myeclass-login-card-v2-9-593-2 header h2{
  margin:10px 0 8px;
  color:#fff;
  font-size:clamp(27px,3vw,38px);
  line-height:1.08;
}
.myeclass-login-card-v2-9-593-2 header p{
  margin:0 0 28px;
  color:#a6bbd7;
}
.myeclass-login-form-v2-9-593-2{display:grid;gap:18px;}
.myeclass-login-form-v2-9-593-2 label{
  display:grid;
  gap:8px;
  margin:0!important;
  color:#e6eef9;
  font-weight:800;
  font-size:13px;
}
.myeclass-login-input-v2-9-593-2{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:0 14px;
  border:1px solid #314d6e;
  border-radius:12px;
  background:#08182a;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.myeclass-login-input-v2-9-593-2:focus-within{
  border-color:#39aaf8;
  background:#0a1e34;
  box-shadow:0 0 0 3px rgba(56,189,248,.13);
}
.myeclass-login-input-v2-9-593-2 .shell-icon{color:#72baf0;}
.myeclass-login-input-v2-9-593-2 .shell-icon svg{width:20px;height:20px;}
.myeclass-login-input-v2-9-593-2 input{
  width:100%;
  min-width:0;
  height:50px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:15px;
}
.myeclass-login-input-v2-9-593-2 input::placeholder{color:#6f86a5;}
.myeclass-login-password-toggle-v2-9-593-2{
  width:34px;
  height:34px;
  padding:0!important;
  border:0!important;
  border-radius:9px;
  color:#91a8c7!important;
  background:transparent!important;
  cursor:pointer;
}
.myeclass-login-password-toggle-v2-9-593-2:hover,
.myeclass-login-password-toggle-v2-9-593-2.is-visible{color:#61b8f4!important;background:#132e4b!important;}
.myeclass-login-submit-v2-9-593-2{
  min-height:50px!important;
  margin-top:4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  border-radius:12px!important;
  font-size:15px!important;
  font-weight:900!important;
  box-shadow:0 12px 30px rgba(14,133,220,.25)!important;
}
.myeclass-login-security-v2-9-593-2{
  display:flex;
  gap:8px;
  align-items:flex-start;
  margin:22px 0 0;
  color:#8298b7;
  font-size:12px;
  line-height:1.45;
}
.myeclass-login-security-v2-9-593-2 .shell-icon{flex:0 0 auto;color:#4aa9e8;}
.myeclass-login-security-v2-9-593-2 .shell-icon svg{width:16px;height:16px;}
body.myeclass-auth-body-v2-9-593-2 .flash{
  width:min(1180px,100%);
  margin:0 auto 14px!important;
  border-radius:12px!important;
}
.myeclass-login-demo-hint-v2-9-593-2{
  width:min(1180px,100%);
  margin:12px auto 0;
  padding:10px 14px;
  border:1px dashed #345374;
  border-radius:10px;
  color:#91a8c7;
  background:#08182a;
  font-size:12px;
}

/* ---------- Teacher section home ---------- */
.myeclass-section-home-v2-9-593-2{
  display:grid;
  gap:18px;
  width:100%;
  min-width:0;
}
.myeclass-section-home-header-v2-9-593-2{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  padding:10px 2px 4px;
}
.myeclass-section-home-header-v2-9-593-2>div:first-child>span,
.myeclass-section-home-title-v2-9-593-2 span{
  color:#52adf4;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}
.myeclass-section-home-header-v2-9-593-2 h1{
  margin:8px 0 8px;
  color:#fff;
  font-size:clamp(32px,3.4vw,46px);
  line-height:1.04;
  letter-spacing:-.035em;
}
.myeclass-section-home-header-v2-9-593-2 p{
  max-width:780px;
  margin:0;
  color:#a6bbd8;
  line-height:1.55;
}
.myeclass-section-home-header-actions-v2-9-593-2{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
  padding-top:10px;
}
.myeclass-section-home-header-actions-v2-9-593-2 .button{white-space:nowrap;}
.myeclass-section-home-block-v2-9-593-2,
.myeclass-section-home-panel-v2-9-593-2{
  border:1px solid #29425f;
  border-radius:17px;
  background:linear-gradient(150deg,#0e233e,#0a1c32);
  box-shadow:0 18px 50px rgba(0,0,0,.17);
}
.myeclass-section-home-block-v2-9-593-2{padding:20px;}
.myeclass-section-home-title-v2-9-593-2 h2,
.myeclass-section-home-panel-head-v2-9-593-2 h2{
  margin:6px 0 4px;
  color:#fff;
  font-size:21px;
}
.myeclass-section-home-title-v2-9-593-2 p,
.myeclass-section-home-panel-head-v2-9-593-2 p{
  margin:0;
  color:#91aacb;
  font-size:13px;
  line-height:1.45;
}
.myeclass-section-home-metrics-v2-9-593-2{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:17px;
}
.myeclass-section-home-metric-v2-9-593-2{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:116px;
  padding:15px;
  border:1px solid #2a4564;
  border-radius:14px;
  color:#eaf3ff;
  background:#08192c;
  text-decoration:none!important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.myeclass-section-home-metric-v2-9-593-2:hover{transform:translateY(-2px);border-color:#4386c1;background:#0b2038;}
.myeclass-section-home-metric-v2-9-593-2>span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#143b70;
  color:#52a9ff;
}
.myeclass-section-home-metric-v2-9-593-2>span svg{width:23px;height:23px;}
.myeclass-section-home-metric-v2-9-593-2.tone-teal>span{color:#23d3d4;background:#0b4a57;}
.myeclass-section-home-metric-v2-9-593-2.tone-purple>span{color:#b082ff;background:#382b69;}
.myeclass-section-home-metric-v2-9-593-2.tone-amber>span{color:#f8b425;background:#4e4125;}
.myeclass-section-home-metric-v2-9-593-2 small,
.myeclass-section-home-metric-v2-9-593-2 em{display:block;font-style:normal;}
.myeclass-section-home-metric-v2-9-593-2 small{color:#d9e7f8;font-weight:850;}
.myeclass-section-home-metric-v2-9-593-2 b{display:block;margin:2px 0;color:#fff;font-size:25px;line-height:1;}
.myeclass-section-home-metric-v2-9-593-2 em{color:#8fa8c8;font-size:11px;line-height:1.35;}
.myeclass-section-home-metric-v2-9-593-2>i{color:#77bfff;font-size:26px;font-style:normal;}
.myeclass-section-home-grid-v2-9-593-2{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) minmax(0,.9fr);
  gap:14px;
  align-items:start;
}
.myeclass-section-home-panel-v2-9-593-2{min-width:0;padding:17px;}
.myeclass-section-home-panel-head-v2-9-593-2{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  padding-bottom:13px;
  border-bottom:1px solid #203a58;
}
.myeclass-section-home-panel-head-v2-9-593-2 h2{margin-top:0;}
.myeclass-section-home-panel-head-v2-9-593-2>a{color:#58b6fa;text-decoration:none;font-size:12px;font-weight:850;white-space:nowrap;}
.myeclass-section-home-list-v2-9-593-2,
.myeclass-section-deadlines-v2-9-593-2{display:grid;}
.myeclass-section-home-list-v2-9-593-2>a{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  min-width:0;
  padding:12px 2px;
  color:#e9f2ff;
  text-decoration:none;
  border-bottom:1px solid #1e3653;
}
.myeclass-section-home-list-v2-9-593-2>a:last-child{border-bottom:0;}
.myeclass-section-home-avatar-v2-9-593-2{
  width:32px;height:32px;display:grid;place-items:center;border-radius:50%;
  color:#fff;background:linear-gradient(135deg,#2869bd,#653cb4);font-weight:900;
}
.myeclass-section-home-list-v2-9-593-2 b,
.myeclass-section-deadlines-v2-9-593-2 b{display:block;color:#f8fafc;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.myeclass-section-home-list-v2-9-593-2 small,
.myeclass-section-deadlines-v2-9-593-2 small{display:block;margin-top:3px;color:#8da7c8;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.myeclass-section-home-list-v2-9-593-2 em{
  padding:4px 7px;border:1px solid #315172;border-radius:999px;color:#b8d5f3;background:#0b1c30;
  font-size:10px;font-style:normal;font-weight:850;white-space:nowrap;
}
.myeclass-section-home-list-v2-9-593-2 em.is-ai_error{color:#ff9c9c;border-color:#733c49;background:#311821;}
.myeclass-section-home-list-v2-9-593-2 em.is-needs_human_review{color:#f3c66c;border-color:#70582a;background:#2b2414;}
.myeclass-section-home-list-v2-9-593-2 em.is-feedback_ready{color:#65e1a9;border-color:#246245;background:#0f2c22;}
.myeclass-section-home-list-v2-9-593-2 time{color:#7894b6;font-size:10px;white-space:nowrap;}
.myeclass-section-home-empty-v2-9-593-2{
  display:grid;place-items:center;gap:8px;min-height:128px;padding:20px;text-align:center;color:#829dbf;
}
.myeclass-section-home-empty-v2-9-593-2 .shell-icon{color:#4475a6;}
.myeclass-section-home-empty-v2-9-593-2 p{margin:0;font-size:12px;}
.myeclass-section-progress-v2-9-593-2{padding:22px 2px 16px;}
.myeclass-section-progress-v2-9-593-2>strong{display:block;color:#2ed3d0;font-size:42px;line-height:1;}
.myeclass-section-progress-v2-9-593-2>div{height:10px;margin:14px 0;border-radius:999px;background:#071524;overflow:hidden;box-shadow:0 0 0 1px #213c59 inset;}
.myeclass-section-progress-v2-9-593-2>div span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#21b8d2,#26d5bd);}
.myeclass-section-progress-v2-9-593-2>p{margin:0;color:#91a9c9;font-size:12px;}
.myeclass-section-progress-v2-9-593-2>p b{color:#e7f1ff;}
.myeclass-section-progress-stats-v2-9-593-2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #203a58;padding-top:14px;}
.myeclass-section-progress-stats-v2-9-593-2>div{padding:9px;border:1px solid #253f5d;border-radius:10px;background:#091a2e;text-align:center;}
.myeclass-section-progress-stats-v2-9-593-2 b{display:block;color:#fff;font-size:18px;}
.myeclass-section-progress-stats-v2-9-593-2 small{display:block;color:#85a0c1;font-size:10px;}
.myeclass-section-deadlines-v2-9-593-2>a{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 2px;
  color:#eaf3ff;text-decoration:none;border-bottom:1px solid #1e3653;
}
.myeclass-section-deadlines-v2-9-593-2>a>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#59b8f8;background:#12375d;}
.myeclass-section-deadlines-v2-9-593-2>a>span svg{width:17px;height:17px;}
.myeclass-section-deadlines-v2-9-593-2 time{color:#65baff;font-size:10px;font-weight:850;white-space:nowrap;}
.myeclass-section-home-side-v2-9-593-2{display:grid;gap:14px;min-width:0;}
.myeclass-section-course-links-v2-9-593-2{display:grid;gap:10px;padding-top:14px;}
.myeclass-section-course-links-v2-9-593-2>a,
.myeclass-section-course-links-v2-9-593-2>div{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;
  border:1px solid #29445f;border-radius:12px;background:#091a2d;color:#edf5ff;text-decoration:none;
}
.myeclass-section-course-links-v2-9-593-2 span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#31275d;color:#af82ff;}
.myeclass-section-course-links-v2-9-593-2 span.tone-blue{color:#58b4ff;background:#153961;}
.myeclass-section-course-links-v2-9-593-2 span svg{width:21px;height:21px;}
.myeclass-section-course-links-v2-9-593-2 b{display:block;color:#fff;font-size:13px;}
.myeclass-section-course-links-v2-9-593-2 small{display:block;margin-top:3px;color:#8ea6c5;font-size:10px;line-height:1.35;}
.myeclass-section-course-links-v2-9-593-2 i{color:#70bafa;font-size:23px;font-style:normal;}
.myeclass-section-quick-actions-v2-9-593-2{display:grid;padding-top:9px;}
.myeclass-section-quick-actions-v2-9-593-2 a{
  display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 4px;
  color:#eaf3ff;text-decoration:none;border-bottom:1px solid #1d3651;font-size:12px;font-weight:800;
}
.myeclass-section-quick-actions-v2-9-593-2 a:last-child{border-bottom:0;}
.myeclass-section-quick-actions-v2-9-593-2 .shell-icon{color:#75bdf4;}
.myeclass-section-quick-actions-v2-9-593-2 .shell-icon svg{width:18px;height:18px;}
.myeclass-section-quick-actions-v2-9-593-2 i{color:#618cb6;font-style:normal;font-size:19px;}

@media (max-width:1300px){
  .myeclass-section-home-metrics-v2-9-593-2{grid-template-columns:repeat(2,minmax(0,1fr));}
  .myeclass-section-home-grid-v2-9-593-2{grid-template-columns:repeat(2,minmax(0,1fr));}
  .myeclass-section-home-side-v2-9-593-2{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-main-v2-9-593-2{padding:22px 14px 34px!important;display:block!important;}
  .myeclass-login-surface-v2-9-593-2{grid-template-columns:1fr;}
  .myeclass-login-intro-v2-9-593-2{padding:32px;border-right:0;border-bottom:1px solid #263c58;}
  .myeclass-login-benefits-v2-9-593-2{display:none;}
  .myeclass-login-card-v2-9-593-2{margin:16px;padding:28px;}
  .myeclass-section-home-header-v2-9-593-2{display:grid;}
  .myeclass-section-home-header-actions-v2-9-593-2{justify-content:start;padding-top:0;}
  .myeclass-section-home-grid-v2-9-593-2{grid-template-columns:1fr;}
  .myeclass-section-home-side-v2-9-593-2{grid-column:auto;grid-template-columns:1fr;}
}
@media (max-width:620px){
  body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-topbar-v2-9-593-2{padding:0 14px!important;}
  .myeclass-login-intro-v2-9-593-2{padding:25px 22px;}
  .myeclass-login-intro-v2-9-593-2 h1{font-size:31px;}
  .myeclass-login-intro-v2-9-593-2>p{font-size:14px;}
  .myeclass-login-card-v2-9-593-2{margin:10px;padding:23px 19px;}
  .myeclass-section-home-block-v2-9-593-2,.myeclass-section-home-panel-v2-9-593-2{padding:14px;border-radius:14px;}
  .myeclass-section-home-metrics-v2-9-593-2{grid-template-columns:1fr;}
  .myeclass-section-home-metric-v2-9-593-2{min-height:96px;}
  .myeclass-section-home-list-v2-9-593-2>a{grid-template-columns:32px minmax(0,1fr);}
  .myeclass-section-home-list-v2-9-593-2 em,.myeclass-section-home-list-v2-9-593-2 time{grid-column:2;justify-self:start;}
  .myeclass-section-progress-stats-v2-9-593-2{grid-template-columns:1fr;}
}


/* ========================================================================
   v2.9.593.2.1 — Shared fixed topbar + login branding hotfix
   Scope: shell geometry/branding only. No auth handler, route, DB or AI change.
   ======================================================================== */

/* A single physical fixed bar for Admin, Teacher and Login. The dedicated
   role rules still control navigation content; this block locks geometry. */
.myeclass-shared-fixed-topbar-v2-9-593-2-1{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  inset-inline:0!important;
  z-index:2000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  margin:0!important;
  padding:0 22px!important;
  gap:18px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  transform:none!important;
  background:#000!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.28)!important;
}
.myeclass-shared-fixed-topbar-v2-9-593-2-1>.myeclass-topbar-left{
  display:flex!important;
  flex:1 1 0%!important;
  align-items:center!important;
  align-self:stretch!important;
  gap:24px!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:70px!important;
  margin:0!important;
  overflow:hidden!important;
  transform:none!important;
}


/* Login has the same topbar/logo as the authenticated shells, but no nav. */
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-shell-v2-9-593-2{
  grid-template-rows:70px minmax(0,1fr)!important;
  padding-top:0!important;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-topbar-v2-9-593-2{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:auto!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  padding:0 22px!important;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-topbar-v2-9-593-2 .myeclass-topbar-left{
  height:70px!important;
  gap:24px!important;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-topbar-v2-9-593-2 .myeclass-brand{
  min-width:118px!important;
  height:70px!important;
  padding:0 24px 0 0!important;
  border-right:1px solid rgba(255,255,255,.14)!important;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-topbar-v2-9-593-2 .brand-logo-shell{
  width:94px!important;
  max-width:94px!important;
  height:58px!important;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-topbar-v2-9-593-2 .brand-logo{
  max-width:86px!important;
  max-height:54px!important;
}
body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-main-v2-9-593-2{
  grid-row:2!important;
  min-height:calc(100vh - 70px)!important;
}

/* Login branding has exactly one logo: the one in the shared topbar. */
.myeclass-login-kicker-v2-9-593-2{display:none!important;}
.myeclass-login-intro-v2-9-593-2 h1{margin-top:0!important;}

/* Final specificity guard: keep Teacher bar visible while main content scrolls. */
body.myeclass-teacher-unified-body-v2-9-593-0-3 .top.myeclass-topbar.myeclass-shared-fixed-topbar-v2-9-593-2-1,
html[data-theme="dark"] body.myeclass-teacher-unified-body-v2-9-593-0-3 .top.myeclass-topbar.myeclass-shared-fixed-topbar-v2-9-593-2-1{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:auto!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  z-index:2000!important;
}

/* The Admin already reserves its 70px fixed-bar inset. This guard only
   normalizes the physical topbar component and does not touch Admin content. */
body.myeclass-admin-body-v2-9-537 .myeclass-shared-fixed-topbar-v2-9-593-2-1{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:auto!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  z-index:2000!important;
}

@media(max-width:620px){
  .myeclass-shared-fixed-topbar-v2-9-593-2-1{
    padding-left:calc(10px + env(safe-area-inset-left,0px))!important;
    padding-right:calc(10px + env(safe-area-inset-right,0px))!important;
    gap:8px!important;
  }
  .myeclass-shared-fixed-topbar-v2-9-593-2-1>.myeclass-topbar-left{
    gap:8px!important;
  }
  body.myeclass-auth-body-v2-9-593-2 .myeclass-auth-topbar-v2-9-593-2{
    padding-left:calc(10px + env(safe-area-inset-left,0px))!important;
    padding-right:calc(10px + env(safe-area-inset-right,0px))!important;
  }
}


/* ========================================================================
   v2.9.593.2.2 — Mobile topbar geometry, class counts and menu interaction
   Scope: Teacher/Admin shell geometry + topbar dropdown UX. No auth, DB schema,
   route, AI queue processing or correction-decision changes.
   ======================================================================== */

/* Keep the same 70px physical bar in Admin, Teacher and Login at every width. */
.myeclass-shared-fixed-topbar-v2-9-593-2-2{
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
}
.myeclass-shared-fixed-topbar-v2-9-593-2-2>.myeclass-topbar-left{
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
}

/* One visual and interaction language for topbar disclosure buttons. */
.myeclass-admin-top-actions-v2-9-544 details[data-myeclass-topbar-menu]{
  position:relative!important;
  margin:0!important;
}
.myeclass-admin-top-actions-v2-9-544 details[data-myeclass-topbar-menu]>summary{
  list-style:none!important;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease!important;
  outline:none!important;
}
.myeclass-admin-top-actions-v2-9-544 details[data-myeclass-topbar-menu]>summary::-webkit-details-marker{display:none!important;}
.myeclass-admin-top-actions-v2-9-544 details[data-myeclass-topbar-menu][open]>summary,
.myeclass-admin-top-actions-v2-9-544 details[data-myeclass-topbar-menu].is-open-v2-9-593-2-2>summary{
  border-color:rgba(68,145,255,.92)!important;
  background:rgba(23,53,94,.98)!important;
  color:#fff!important;
  box-shadow:0 0 0 2px rgba(45,130,255,.18),inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.32)!important;
}
.myeclass-admin-top-actions-v2-9-544 details[data-myeclass-topbar-menu]>summary:focus-visible{
  border-color:rgba(89,160,255,.98)!important;
  box-shadow:0 0 0 3px rgba(45,130,255,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.myeclass-admin-top-actions-v2-9-544 details[data-myeclass-topbar-menu][open]>summary .shell-icon,
.myeclass-admin-top-actions-v2-9-544 details[data-myeclass-topbar-menu].is-open-v2-9-593-2-2>summary .shell-icon{color:#fff!important;}

/* Profile panels open from the same anchor and have the same geometry. */
body.myeclass-admin-body-v2-9-537 .myeclass-admin-profile-v2-9-544>div,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-profile-v2-9-593-0-1>div{
  top:calc(100% + 12px)!important;
  right:0!important;
  width:220px!important;
  min-width:220px!important;
  max-width:min(220px,calc(100vw - 20px))!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-ai-top-v2-9-593-0-1 .myeclass-ai-queue-menu-v2-9-487{
  top:calc(100% + 12px)!important;
}

@media(max-width:900px){
  :root,html[data-theme="dark"]{--ml-teacher-topbar-h:70px!important;}

  body.myeclass-teacher-unified-body-v2-9-593-0-3 .top.myeclass-topbar.myeclass-shared-fixed-topbar-v2-9-593-2-2,
  html[data-theme="dark"] body.myeclass-teacher-unified-body-v2-9-593-0-3 .top.myeclass-topbar.myeclass-shared-fixed-topbar-v2-9-593-2-2{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-shared-fixed-topbar-v2-9-593-2-2>.myeclass-topbar-left{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-topbar-v2-9-593-0-3 .brand.myeclass-brand{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-top-actions-v2-9-593-0-1{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-shell-v2-9-593-0-3{
    grid-template-rows:70px minmax(calc(100vh - 70px),auto)!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-mobile-menu-v2-9-428,
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-mobile-menu-backdrop-v2-9-428{
    top:70px!important;
  }
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-unified-main-v2-9-593-0-3{
    min-height:calc(100vh - 70px)!important;
  }
}

@media(max-width:720px){
  body.myeclass-admin-body-v2-9-537 .myeclass-mobile-menu-v2-9-428,
  body.myeclass-admin-body-v2-9-537 .myeclass-mobile-menu-backdrop-v2-9-428{
    top:70px!important;
  }
}

/* v2.9.593.2.2 menu-anchor correction: opening a topbar <details> must not
   move its trigger. The panel is pinned to the fixed 70px bar, identically
   for Admin and Teacher. */
.myeclass-admin-top-actions-v2-9-544 details[data-myeclass-topbar-menu]>summary,
.myeclass-admin-top-actions-v2-9-544 details[data-myeclass-topbar-menu][open]>summary{
  margin:0!important;
}
body.myeclass-admin-body-v2-9-537 .myeclass-admin-profile-v2-9-544>div,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-profile-v2-9-593-0-1>div{
  position:fixed!important;
  top:70px!important;
  right:22px!important;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-ai-top-v2-9-593-0-1 .myeclass-ai-queue-menu-v2-9-487{
  position:fixed!important;
  top:70px!important;
  right:80px!important;
}
@media(max-width:900px){
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-ai-top-v2-9-593-0-1 .myeclass-ai-queue-menu-v2-9-487{
    top:70px!important;
    right:8px!important;
    width:calc(100vw - 16px)!important;
  }
}
@media(max-width:720px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-top-icon-v2-9-544,
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-profile-v2-9-544>summary{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
}
@media(max-width:620px){
  body.myeclass-admin-body-v2-9-537 .myeclass-admin-profile-v2-9-544>div,
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-teacher-profile-v2-9-593-0-1>div{
    top:70px!important;
    right:10px!important;
  }
}


/* ========================================================================
   v2.9.593.2.3 — Teacher global heading typography alignment
   Scope: global Teacher portfolio/classes H1 only. Matches the current Admin
   page-heading scale and rhythm; no shell, menu, data or route changes.
   ======================================================================== */
body.myeclass-teacher-portfolio-body-v2-9-593
  .myeclass-teacher-portfolio-header-v2-9-593-1 h1{
  font-size:clamp(26px,2.15vw,36px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  font-weight:760!important;
}

@media(max-width:760px){
  body.myeclass-teacher-portfolio-body-v2-9-593
    .myeclass-teacher-portfolio-header-v2-9-593-1 h1{
    font-size:clamp(28px,8vw,34px)!important;
    line-height:1.08!important;
  }
}

/* === MYECLASS v2.9.593.3: TEACHER CORRECTION QUEUE === */
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-page-v2-9-593-3{
  display:grid;
  gap:18px;
  width:min(100%,1480px);
  margin:0 auto;
  padding:20px 0 34px;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-header-v2-9-593-3{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:4px 2px 0;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-header-v2-9-593-3>div:first-child{min-width:0}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-header-v2-9-593-3>div:first-child>span,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-panel-head-v2-9-593-3>div>span,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-context-v2-9-593-3 span{
  display:block;
  margin-bottom:6px;
  color:#55b6ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-header-v2-9-593-3 h1{
  margin:0;
  color:#fff;
  font-size:clamp(28px,2.15vw,36px);
  line-height:1.05;
  letter-spacing:-.035em;
  font-weight:760;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-header-v2-9-593-3 p{
  margin:9px 0 0;
  max-width:850px;
  color:#9cb7da;
  font-size:14px;
  line-height:1.55;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-header-actions-v2-9-593-3{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-v2-9-593-3{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-card-v2-9-593-3{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  min-height:112px;
  padding:17px;
  border:1px solid #244766;
  border-radius:16px;
  background:#0d2036;
  color:#fff;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-card-v2-9-593-3:hover{
  transform:translateY(-2px);
  border-color:#3b80b7;
  background:#102943;
  text-decoration:none;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-icon-v2-9-593-3{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:50%;
  background:#153d68;
  color:#5cb7ff;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-card-v2-9-593-3.tone-amber .myeclass-corrections-summary-icon-v2-9-593-3{background:#493817;color:#ffc851}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-card-v2-9-593-3.tone-teal .myeclass-corrections-summary-icon-v2-9-593-3{background:#0d4a50;color:#30d5d5}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-card-v2-9-593-3.tone-purple .myeclass-corrections-summary-icon-v2-9-593-3{background:#34266b;color:#ae8cff}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-card-v2-9-593-3 small,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-card-v2-9-593-3 em{
  display:block;
  color:#a9c2df;
  font-size:12px;
  font-style:normal;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-card-v2-9-593-3 small{font-weight:850}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-card-v2-9-593-3 strong{
  display:block;
  margin:2px 0 1px;
  font-size:27px;
  line-height:1;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-card-v2-9-593-3>i{
  color:#58b8ff;
  font-size:24px;
  font-style:normal;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-stages-v2-9-593-3{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
  padding:8px;
  border:1px solid #244766;
  border-radius:16px;
  background:#0b1b2d;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-stages-v2-9-593-3 a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:44px;
  padding:9px 12px;
  border:1px solid transparent;
  border-radius:11px;
  color:#b9cbe0;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-stages-v2-9-593-3 a:hover{background:#102943;color:#fff;text-decoration:none}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-stages-v2-9-593-3 a.is-active{
  border-color:#2f91d7;
  background:#143a61;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(75,179,255,.12);
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-stages-v2-9-593-3 b{
  display:grid;
  place-items:center;
  min-width:25px;
  height:25px;
  padding:0 6px;
  border-radius:999px;
  background:#071522;
  color:#fff;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-context-v2-9-593-3,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-panel-v2-9-593-3,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-queue-v2-9-593-3{
  border:1px solid #244766;
  border-radius:18px;
  background:#0d2036;
  box-shadow:0 16px 38px rgba(0,0,0,.12);
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-context-v2-9-593-3{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 18px;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-context-v2-9-593-3 b{display:block;color:#fff;font-size:15px}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-context-v2-9-593-3 p{margin:4px 0 0;color:#9bb5d4;font-size:12px}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-panel-v2-9-593-3{padding:18px}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-panel-head-v2-9-593-3{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-panel-head-v2-9-593-3 h2{margin:0;color:#fff;font-size:21px;letter-spacing:-.02em}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-panel-head-v2-9-593-3 p{margin:5px 0 0;color:#9bb5d4;font-size:12px;line-height:1.5}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-panel-head-v2-9-593-3>strong{
  display:grid;
  place-items:center;
  min-width:46px;
  height:46px;
  padding:0 10px;
  border-radius:14px;
  background:#12365a;
  color:#fff;
  font-size:20px;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3{
  display:grid;
  grid-template-columns:minmax(240px,1.7fr) repeat(6,minmax(135px,1fr));
  gap:12px;
  margin-top:16px;
  align-items:end;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3 label{display:grid;gap:6px;min-width:0}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3 label>span{color:#b8cae0;font-size:12px;font-weight:800}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3 input,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3 select{
  width:100%;
  min-height:43px;
  border:1px solid #315574;
  border-radius:10px;
  background:#081827;
  color:#fff;
  padding:9px 11px;
  font:inherit;
  font-size:13px;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3 input:focus,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3 select:focus{outline:2px solid rgba(67,174,255,.38);border-color:#48aef5}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-actions-v2-9-593-3{display:flex;align-items:center;gap:8px;grid-column:1/-1;justify-content:flex-end;padding-top:2px}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-queue-v2-9-593-3{padding:18px}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-list-v2-9-593-3{display:grid;gap:9px;margin-top:16px}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-row-v2-9-593-3{
  display:grid;
  grid-template-columns:minmax(190px,1.05fr) minmax(230px,1.35fr) minmax(145px,.75fr) minmax(230px,1.25fr) auto;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:14px;
  border:1px solid #244766;
  border-radius:14px;
  background:#091a2b;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-row-v2-9-593-3:hover{border-color:#376b94;background:#0b2035}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-student-v2-9-593-3{display:flex;align-items:center;gap:11px;min-width:0}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-student-v2-9-593-3>span{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#4255ba;
  color:#fff;
  font-size:13px;
  font-weight:900;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-student-v2-9-593-3 div,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-context-cell-v2-9-593-3,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-ai-cell-v2-9-593-3{min-width:0}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-student-v2-9-593-3 b,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-context-cell-v2-9-593-3 b,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-ai-cell-v2-9-593-3 b{display:block;color:#fff;font-size:13px;line-height:1.35}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-student-v2-9-593-3 small,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-context-cell-v2-9-593-3 small,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-context-cell-v2-9-593-3 em,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-stage-cell-v2-9-593-3 small,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-ai-cell-v2-9-593-3 small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:#9cb5d2;
  font-size:11px;
  font-style:normal;
  line-height:1.4;
  text-overflow:ellipsis;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-stage-cell-v2-9-593-3{display:grid;justify-items:start;gap:5px}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-stage-cell-v2-9-593-3 .triage-badge{font-size:10px;padding:5px 8px}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-ai-cell-v2-9-593-3{padding-left:13px;border-left:1px solid #244766}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-open-v2-9-593-3{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:9px 13px;
  border:1px solid #4baef2;
  border-radius:10px;
  background:#176ea9;
  color:#fff;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-open-v2-9-593-3:hover{background:#2188ca;text-decoration:none}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-empty-v2-9-593-3{
  display:grid;
  justify-items:center;
  gap:8px;
  padding:50px 20px;
  color:#8fb0cf;
  text-align:center;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-empty-v2-9-593-3 svg{width:28px;height:28px}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-empty-v2-9-593-3 h3{margin:0;color:#fff}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-empty-v2-9-593-3 p{margin:0;font-size:12px}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-pagination-v2-9-593-3{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #244766;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-pagination-v2-9-593-3 p{margin:0;color:#9cb5d2;font-size:12px}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-pagination-v2-9-593-3 nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-pagination-v2-9-593-3 nav a,
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-pagination-v2-9-593-3 nav strong{
  display:grid;
  place-items:center;
  min-width:34px;
  height:34px;
  padding:0 9px;
  border:1px solid #315574;
  border-radius:9px;
  color:#c9d9eb;
  font-size:12px;
  text-decoration:none;
}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-pagination-v2-9-593-3 nav strong{border-color:#4baef2;background:#176ea9;color:#fff}
body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-pagination-v2-9-593-3 nav a:hover{border-color:#4baef2;background:#102943;text-decoration:none}

@media(max-width:1280px){
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-v2-9-593-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-stages-v2-9-593-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3 .is-wide-v2-9-593-3{grid-column:span 2}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-row-v2-9-593-3{grid-template-columns:minmax(180px,1fr) minmax(220px,1.25fr) minmax(150px,.8fr) minmax(210px,1fr)}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-open-v2-9-593-3{grid-column:4;justify-self:end}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-ai-cell-v2-9-593-3{grid-column:1/4;grid-row:2;padding:10px 0 0;border-left:0;border-top:1px solid #244766}
}
@media(max-width:900px){
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-page-v2-9-593-3{padding:14px 0 24px;gap:14px}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-header-v2-9-593-3{display:grid}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-header-actions-v2-9-593-3{justify-content:flex-start}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3 .is-wide-v2-9-593-3{grid-column:1/-1}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-row-v2-9-593-3{grid-template-columns:minmax(0,1fr) auto}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-student-v2-9-593-3{grid-column:1}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-stage-cell-v2-9-593-3{grid-column:2;grid-row:1}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-context-cell-v2-9-593-3{grid-column:1/-1;grid-row:2;padding-top:10px;border-top:1px solid #244766}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-ai-cell-v2-9-593-3{grid-column:1/-1;grid-row:3}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-open-v2-9-593-3{grid-column:1/-1;grid-row:4;justify-self:stretch}
}
@media(max-width:620px){
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-v2-9-593-3,
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-stages-v2-9-593-3,
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3{grid-template-columns:1fr}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-grid-v2-9-593-3 .is-wide-v2-9-593-3{grid-column:auto}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-actions-v2-9-593-3{display:grid;grid-template-columns:1fr 1fr}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-filter-actions-v2-9-593-3>*{width:100%}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-context-v2-9-593-3,
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-pagination-v2-9-593-3{align-items:stretch;display:grid}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-pagination-v2-9-593-3 nav{justify-content:flex-start}
  body.myeclass-teacher-unified-body-v2-9-593-0-3 .myeclass-corrections-summary-card-v2-9-593-3{min-height:96px}
}

/* ========================================================================== */
/* MyEClass v2.9.593.3.2 — unified semantic action styling                   */
/* Keeps prose links recognizable while action-like links never underline.   */
/* ========================================================================== */
:where(
  a.button,
  a.primary,
  a.secondary,
  a.danger,
  a[role="button"],
  a.tab,
  a.tile,
  nav a,
  .actions a,
  .toolbar a,
  .tabs a,
  a[class*="-button"],
  a[class*="-btn"],
  a[class*="-tab"],
  a[class*="-chip"],
  a[class*="-pill"],
  a[class*="-badge"],
  a[class*="-cta"],
  a[class*="-action"],
  a[class*="-tile"],
  a[class*="-card"]
),
:where(
  a.button,
  a.primary,
  a.secondary,
  a.danger,
  a[role="button"],
  a.tab,
  a.tile,
  nav a,
  .actions a,
  .toolbar a,
  .tabs a,
  a[class*="-button"],
  a[class*="-btn"],
  a[class*="-tab"],
  a[class*="-chip"],
  a[class*="-pill"],
  a[class*="-badge"],
  a[class*="-cta"],
  a[class*="-action"],
  a[class*="-tile"],
  a[class*="-card"]
):is(:hover,:focus,:focus-visible,:active,:visited){
  text-decoration:none!important;
  text-decoration-line:none!important;
}

:where(
  a.button,
  a.primary,
  a.secondary,
  a.danger,
  a[role="button"],
  a.tab,
  a.tile,
  nav a,
  .actions a,
  .toolbar a,
  .tabs a,
  a[class*="-button"],
  a[class*="-btn"],
  a[class*="-tab"],
  a[class*="-chip"],
  a[class*="-pill"],
  a[class*="-badge"],
  a[class*="-cta"],
  a[class*="-action"],
  a[class*="-tile"],
  a[class*="-card"]
):focus-visible{
  outline:2px solid #4bb7f5!important;
  outline-offset:2px;
}

button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
:where(a.button,a.primary,a.secondary,a.danger,a[role="button"],[class*="-button"],[class*="-btn"])[aria-disabled="true"],
:where(a.button,a.primary,a.secondary,a.danger,a[role="button"],[class*="-button"],[class*="-btn"]).is-disabled{
  opacity:.55!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
  transform:none!important;
  box-shadow:none!important;
}

/* ========================================================================== */
/* MyEClass v2.9.593.3.3 — interactive surface link styling specificity fix  */
/* Action surfaces never underline; ordinary links in prose remain untouched. */
/* ========================================================================== */
html body a:is(
  .button,
  .primary,
  .secondary,
  .danger,
  [role="button"],
  .tab,
  .tile,
  [class*="-button"],
  [class*="-btn"],
  [class*="-tab"],
  [class*="-chip"],
  [class*="-pill"],
  [class*="-badge"],
  [class*="-cta"],
  [class*="-action"],
  [class*="-tile"],
  [class*="-card"],
  [class*="-metric"],
  [class*="-open"],
  [class*="-enter"],
  [class*="-pagination"],
  [class*="-iconbtn"],
  [class*="-collapse"]
),
html body nav a,
html body .actions a,
html body .toolbar a,
html body .tabs a{
  text-decoration:none!important;
  text-decoration-line:none!important;
}

html body a:is(
  .button,
  .primary,
  .secondary,
  .danger,
  [role="button"],
  .tab,
  .tile,
  [class*="-button"],
  [class*="-btn"],
  [class*="-tab"],
  [class*="-chip"],
  [class*="-pill"],
  [class*="-badge"],
  [class*="-cta"],
  [class*="-action"],
  [class*="-tile"],
  [class*="-card"],
  [class*="-metric"],
  [class*="-open"],
  [class*="-enter"],
  [class*="-pagination"],
  [class*="-iconbtn"],
  [class*="-collapse"]
):is(:hover,:focus,:focus-visible,:active,:visited),
html body nav a:is(:hover,:focus,:focus-visible,:active,:visited),
html body .actions a:is(:hover,:focus,:focus-visible,:active,:visited),
html body .toolbar a:is(:hover,:focus,:focus-visible,:active,:visited),
html body .tabs a:is(:hover,:focus,:focus-visible,:active,:visited){
  text-decoration:none!important;
  text-decoration-line:none!important;
}

/* ------------------------------------------------------------
   MyEClass v2.9.593.4 — calendar redesign + global back-to-top.
   Read-only deadline surface. No schema, notification or AI changes.
   ------------------------------------------------------------ */
.myeclass-calendar-page-v2-9-593-4{
  display:grid;
  gap:18px;
  width:100%;
  max-width:100%;
}
.myeclass-calendar-hero-v2-9-593-4{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:start;
  padding:26px 28px;
  border:1px solid rgba(80,145,205,.34);
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 5%,rgba(22,160,210,.12),transparent 34%),
    linear-gradient(135deg,rgba(13,34,61,.98),rgba(7,23,39,.98));
  box-shadow:0 20px 50px rgba(0,0,0,.18);
}
.myeclass-calendar-kicker-v2-9-593-4{
  margin:0 0 8px;
  color:#55b8ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.13em;
}
.myeclass-calendar-hero-v2-9-593-4 h1{
  margin:0;
  color:#fff;
  font-size:clamp(1.75rem,3vw,2.45rem);
  line-height:1.08;
  letter-spacing:-.045em;
}
.myeclass-calendar-lead-v2-9-593-4{
  max-width:760px;
  margin:10px 0 0;
  color:#b8cde1;
  font-size:1rem;
  line-height:1.55;
}
.myeclass-calendar-readonly-v2-9-593-4{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  padding:7px 10px;
  border:1px solid rgba(85,184,255,.25);
  border-radius:10px;
  background:rgba(10,26,45,.58);
  color:#9db8cf;
  font-size:.78rem;
  font-weight:700;
}
.myeclass-calendar-readonly-v2-9-593-4 .shell-icon{width:16px;height:16px;color:#55b8ff}
.myeclass-calendar-actions-v2-9-593-4{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
  min-width:230px;
}
.myeclass-calendar-actions-v2-9-593-4 .button{
  min-height:42px;
  border-radius:10px;
}
.myeclass-calendar-summary-v2-9-593-4{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.myeclass-calendar-summary-card-v2-9-593-4{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:108px;
  padding:16px;
  border:1px solid #274764;
  border-radius:16px;
  background:#0c2238;
  color:#eaf5ff!important;
  text-decoration:none!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
a.myeclass-calendar-summary-card-v2-9-593-4:hover{
  transform:translateY(-2px);
  border-color:#4ba8ed;
  background:#102b47;
  text-decoration:none!important;
}
.myeclass-calendar-summary-card-v2-9-593-4:focus-visible{
  outline:3px solid rgba(79,174,245,.34);
  outline-offset:2px;
}
.myeclass-calendar-summary-icon-v2-9-593-4{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:50%;
  background:rgba(40,151,229,.18);
  color:#55b8ff;
}
.myeclass-calendar-summary-icon-v2-9-593-4 .shell-icon{width:21px;height:21px}
.myeclass-calendar-summary-card-v2-9-593-4 small,
.myeclass-calendar-summary-card-v2-9-593-4 strong,
.myeclass-calendar-summary-card-v2-9-593-4 em{display:block}
.myeclass-calendar-summary-card-v2-9-593-4 small{
  color:#a9c0d5;
  font-size:.78rem;
  font-style:normal;
  font-weight:800;
}
.myeclass-calendar-summary-card-v2-9-593-4 strong{
  margin-top:2px;
  color:#fff;
  font-size:1.7rem;
  line-height:1;
}
.myeclass-calendar-summary-card-v2-9-593-4 em{
  margin-top:5px;
  color:#8faac1;
  font-size:.72rem;
  font-style:normal;
  font-weight:650;
}
.myeclass-calendar-summary-card-v2-9-593-4>i{
  color:#59b9ff;
  font-size:1.2rem;
  font-style:normal;
}
.myeclass-calendar-summary-card-v2-9-593-4.tone-danger .myeclass-calendar-summary-icon-v2-9-593-4{background:rgba(239,83,80,.17);color:#ff8c88}
.myeclass-calendar-summary-card-v2-9-593-4.tone-amber .myeclass-calendar-summary-icon-v2-9-593-4{background:rgba(238,169,42,.17);color:#ffc65b}
.myeclass-calendar-summary-card-v2-9-593-4.tone-teal .myeclass-calendar-summary-icon-v2-9-593-4{background:rgba(35,193,182,.16);color:#48d7cb}
.myeclass-calendar-summary-card-v2-9-593-4.tone-slate .myeclass-calendar-summary-icon-v2-9-593-4{background:rgba(133,158,181,.16);color:#b8cbe0}

.myeclass-calendar-board-v2-9-593-4{display:grid;gap:16px}
.myeclass-calendar-group-v2-9-593-4{
  scroll-margin-top:92px;
  overflow:hidden;
  border:1px solid #274764;
  border-radius:18px;
  background:#0a1c2f;
}
.myeclass-calendar-group-v2-9-593-4>header{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 20px;
  border-bottom:1px solid #274764;
  background:#0e2740;
}
.myeclass-calendar-group-icon-v2-9-593-4{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:14px;
  background:rgba(53,153,225,.17);
  color:#59b9ff;
}
.myeclass-calendar-group-icon-v2-9-593-4 .shell-icon{width:22px;height:22px}
.myeclass-calendar-group-v2-9-593-4>header p{
  margin:0;
  color:#58b9ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.myeclass-calendar-group-v2-9-593-4>header h2{
  margin:3px 0 0;
  color:#fff;
  font-size:1.25rem;
  letter-spacing:-.025em;
}
.myeclass-calendar-group-v2-9-593-4>header small{
  display:block;
  margin-top:4px;
  color:#9bb3c9;
  font-weight:650;
}
.myeclass-calendar-group-v2-9-593-4.tone-danger .myeclass-calendar-group-icon-v2-9-593-4{background:rgba(239,83,80,.17);color:#ff8c88}
.myeclass-calendar-group-v2-9-593-4.tone-amber .myeclass-calendar-group-icon-v2-9-593-4{background:rgba(238,169,42,.17);color:#ffc65b}
.myeclass-calendar-group-v2-9-593-4.tone-teal .myeclass-calendar-group-icon-v2-9-593-4{background:rgba(35,193,182,.16);color:#48d7cb}
.myeclass-calendar-group-v2-9-593-4.tone-slate .myeclass-calendar-group-icon-v2-9-593-4{background:rgba(133,158,181,.16);color:#b8cbe0}
.myeclass-calendar-list-v2-9-593-4{
  display:grid;
  gap:10px;
  padding:14px;
}
.myeclass-calendar-entry-v2-9-593-4{
  display:grid;
  grid-template-columns:74px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  min-height:116px;
  padding:14px 16px;
  border:1px solid #27445f;
  border-radius:14px;
  background:#0d2237;
  color:#edf7ff;
}
.myeclass-calendar-date-tile-v2-9-593-4{
  display:grid;
  place-items:center;
  align-content:center;
  min-height:82px;
  padding:8px 6px;
  border:1px solid #2f5577;
  border-radius:12px;
  background:#102b46;
  text-align:center;
}
.myeclass-calendar-date-tile-v2-9-593-4 strong{
  color:#fff;
  font-size:1.7rem;
  line-height:1;
}
.myeclass-calendar-date-tile-v2-9-593-4 span{
  margin-top:4px;
  color:#60bdff;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.06em;
}
.myeclass-calendar-date-tile-v2-9-593-4 small{
  margin-top:3px;
  color:#9bb4ca;
  font-size:.68rem;
  font-weight:700;
}
.myeclass-calendar-entry-v2-9-593-4.is-overdue .myeclass-calendar-date-tile-v2-9-593-4{border-color:rgba(239,83,80,.5);background:rgba(113,35,40,.28)}
.myeclass-calendar-entry-v2-9-593-4.is-overdue .myeclass-calendar-date-tile-v2-9-593-4 span{color:#ff9995}
.myeclass-calendar-entry-v2-9-593-4.is-today .myeclass-calendar-date-tile-v2-9-593-4{border-color:rgba(238,169,42,.5);background:rgba(104,70,20,.28)}
.myeclass-calendar-entry-v2-9-593-4.is-today .myeclass-calendar-date-tile-v2-9-593-4 span{color:#ffd073}
.myeclass-calendar-entry-v2-9-593-4.is-no_due .myeclass-calendar-date-tile-v2-9-593-4 strong{font-size:1.25rem}
.myeclass-calendar-entry-copy-v2-9-593-4{min-width:0}
.myeclass-calendar-entry-eyebrow-v2-9-593-4{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  color:#8faac1;
  font-size:.75rem;
  font-weight:750;
}
.myeclass-calendar-status-v2-9-593-4{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border:1px solid #386588;
  border-radius:999px;
  background:#153450;
  color:#bfe3ff;
  font-size:.68rem;
  font-weight:850;
}
.myeclass-calendar-entry-copy-v2-9-593-4 h3{
  margin:8px 0 4px;
  color:#fff;
  font-size:1.08rem;
  line-height:1.25;
  letter-spacing:-.02em;
}
.myeclass-calendar-entry-copy-v2-9-593-4 p{
  margin:0;
  color:#a7bdd1;
  font-size:.83rem;
  font-weight:650;
}
.myeclass-calendar-entry-meta-v2-9-593-4{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:10px;
}
.myeclass-calendar-meta-item-v2-9-593-4{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#8faac1;
  font-size:.72rem;
  font-weight:700;
}
.myeclass-calendar-meta-item-v2-9-593-4 .shell-icon{width:14px;height:14px;color:#58b9ff}
.myeclass-calendar-open-v2-9-593-4{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:150px;
  min-height:42px;
  border-radius:10px!important;
  text-decoration:none!important;
}
.myeclass-calendar-open-v2-9-593-4:hover,
.myeclass-calendar-open-v2-9-593-4:focus,
.myeclass-calendar-open-v2-9-593-4:active,
.myeclass-calendar-open-v2-9-593-4:visited{text-decoration:none!important}
.myeclass-calendar-empty-v2-9-593-4{
  display:grid;
  place-items:center;
  min-height:260px;
  padding:36px;
  border:1px dashed #356080;
  border-radius:18px;
  background:#0b2034;
  text-align:center;
}
.myeclass-calendar-empty-v2-9-593-4>.shell-icon{width:34px;height:34px;color:#58b9ff}
.myeclass-calendar-empty-v2-9-593-4 h2{margin:14px 0 6px;color:#fff}
.myeclass-calendar-empty-v2-9-593-4 p{margin:0;max-width:520px;color:#9db5ca}

body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-page-v2-9-593-4{
  gap:14px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-hero-v2-9-593-4,
body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-group-v2-9-593-4,
body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-summary-card-v2-9-593-4{
  border-radius:14px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-hero-v2-9-593-4{
  padding:22px!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-entry-v2-9-593-4{
  background:#0d2237!important;
  border:1px solid #27445f!important;
  border-radius:12px!important;
  color:#edf7ff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-entry-v2-9-593-4 h3{
  color:#fff!important;
}
body.myeclass-course-context-body-v2-9-375 .myeclass-calendar-entry-v2-9-593-4 p{
  color:#a7bdd1!important;
}

.myeclass-back-to-top-v2-9-593-4{
  position:fixed;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(18px,env(safe-area-inset-bottom));
  z-index:1250;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:46px;
  min-width:46px;
  height:46px;
  padding:0;
  border:1px solid #3d719b;
  border-radius:12px;
  background:#158bd1;
  color:#fff;
  box-shadow:0 12px 32px rgba(0,0,0,.28);
  font-size:.78rem;
  font-weight:850;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease,background .18s ease;
}
.myeclass-back-to-top-v2-9-593-4.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.myeclass-back-to-top-v2-9-593-4:hover{background:#21a0e9}
.myeclass-back-to-top-v2-9-593-4:focus-visible{outline:3px solid rgba(82,185,255,.38);outline-offset:3px}
.myeclass-back-to-top-v2-9-593-4 span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.myeclass-back-to-top-v2-9-593-4 svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:1000px){
  .myeclass-calendar-summary-v2-9-593-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .myeclass-calendar-entry-v2-9-593-4{grid-template-columns:68px minmax(0,1fr)}
  .myeclass-calendar-open-v2-9-593-4{grid-column:2;justify-self:start}
}
@media(max-width:700px){
  .myeclass-calendar-page-v2-9-593-4{gap:12px}
  .myeclass-calendar-hero-v2-9-593-4{grid-template-columns:1fr;padding:20px;border-radius:14px}
  .myeclass-calendar-actions-v2-9-593-4{justify-content:stretch;min-width:0}
  .myeclass-calendar-actions-v2-9-593-4 .button{flex:1;justify-content:center}
  .myeclass-calendar-summary-v2-9-593-4{grid-template-columns:1fr 1fr;gap:8px}
  .myeclass-calendar-summary-card-v2-9-593-4{grid-template-columns:38px minmax(0,1fr);min-height:92px;padding:12px;gap:9px}
  .myeclass-calendar-summary-card-v2-9-593-4>i{display:none}
  .myeclass-calendar-summary-icon-v2-9-593-4{width:38px;height:38px}
  .myeclass-calendar-group-v2-9-593-4>header{padding:15px}
  .myeclass-calendar-list-v2-9-593-4{padding:10px}
  .myeclass-calendar-entry-v2-9-593-4{grid-template-columns:58px minmax(0,1fr);gap:11px;padding:12px}
  .myeclass-calendar-date-tile-v2-9-593-4{min-height:70px}
  .myeclass-calendar-date-tile-v2-9-593-4 strong{font-size:1.35rem}
  .myeclass-calendar-open-v2-9-593-4{grid-column:1/-1;width:100%;min-width:0}
  .myeclass-back-to-top-v2-9-593-4{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:44px;min-width:44px;height:44px;padding:0}
}
@media(max-width:430px){
  .myeclass-calendar-summary-v2-9-593-4{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .myeclass-calendar-summary-card-v2-9-593-4,
  .myeclass-back-to-top-v2-9-593-4{transition:none}
}



/* MyEClass v2.9.595.2 — neutral empty state for assignment submissions */
.myeclass-openeclass-submitted-strip-v2-9-439.is-empty{border:1px solid #315771;background:#122c42;color:#d7e6f1}
.myeclass-openeclass-submitted-strip-v2-9-439.is-empty .status-dot{border:1px solid #52738c;background:#203d53;color:#a7bfd1}
.myeclass-openeclass-submitted-strip-v2-9-439.is-empty>span:last-child{display:grid;gap:2px}.myeclass-openeclass-submitted-strip-v2-9-439.is-empty small{color:#8ea9bd;font-size:10px;font-weight:500}