/* Accmaa Microsoft lab — Excel / Word / PowerPoint / Outlook / Power Query / Power BI */
.ms-lab-frame { position: relative; image-rendering: auto; }
.ms-lab__pointer {
    position: absolute; width: 22px; height: 22px; z-index: 8;
    pointer-events: none; opacity: 0;
    transition: top .4s cubic-bezier(.2,.8,.2,1), left .4s cubic-bezier(.2,.8,.2,1), opacity .2s;
    filter: drop-shadow(0 2px 4px rgba(10,54,105,.45));
}
.ms-lab {
    --ms-excel: #217346;
    --ms-word: #185abd;
    --ms-ppt: #c43e1c;
    --ms-out: #0f4c81;
    --ms-pq: #0f6c3f;
    --ms-pbi: #c8a200;
    --ms-erp: #5c3d8a;
    --ms-ai: #10a37f;
    --ms-ink: #1a1a1a;
    --ms-muted: #5f5f5f;
    --ms-line: #d0d0d0;
    --ms-head: #f3f3f3;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    background: #e6e6e6;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    overflow: hidden;
    color: var(--ms-ink);
    direction: rtl;
    image-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.ms-lab[data-tool="excel"] { --ms-accent: var(--ms-excel); }
.ms-lab[data-tool="word"] { --ms-accent: var(--ms-word); }
.ms-lab[data-tool="ppt"] { --ms-accent: var(--ms-ppt); }
.ms-lab[data-tool="outlook"] { --ms-accent: var(--ms-out); }
.ms-lab[data-tool="pq"] { --ms-accent: var(--ms-pq); }
.ms-lab[data-tool="pbi"] { --ms-accent: var(--ms-pbi); }
.ms-lab[data-tool="erp"] { --ms-accent: var(--ms-erp); }
.ms-lab[data-tool="ai"] { --ms-accent: var(--ms-ai); }

.ms-lab__titlebar {
    display: flex; align-items: center; gap: 10px;
    background: var(--ms-accent); color: #fff;
    padding: 6px 12px; font-size: 13px; font-weight: 600;
}
.ms-lab__win { display: flex; gap: 6px; margin-inline-start: auto; }
.ms-lab__win i { opacity: .9; font-size: 11px; }
.ms-lab__ribbon { background: #fff; border-bottom: 1px solid var(--ms-line); }
.ms-lab__tabs { display: flex; gap: 0; padding: 0 8px; background: #f3f3f3; }
.ms-lab__tab {
    border: 0; background: transparent; padding: 8px 14px;
    font-size: 13px; cursor: pointer; color: #333; border-bottom: 2px solid transparent;
}
.ms-lab__tab.is-on { background: #fff; border-bottom-color: var(--ms-accent); font-weight: 700; color: var(--ms-accent); }
.ms-lab__groups { display: flex; gap: 8px; padding: 8px 10px; overflow-x: auto; }
.ms-lab__group {
    display: flex; flex-wrap: wrap; gap: 4px; align-items: flex-start;
    padding: 4px 10px; border-inline-end: 1px solid #eee; min-width: 90px;
}
.ms-lab__group small { width: 100%; text-align: center; color: var(--ms-muted); font-size: 11px; }
.ms-lab__btn {
    border: 1px solid transparent; background: #fff; padding: 4px 8px;
    font-size: 12px; cursor: pointer; border-radius: 3px; color: #222;
}
.ms-lab__btn:hover, .ms-lab__btn.is-on { border-color: #c5e0d0; background: #e7f3ec; }
.ms-lab__formula {
    display: flex; align-items: center; gap: 8px;
    background: #fff; border-bottom: 1px solid var(--ms-line); padding: 4px 8px;
}
.ms-lab__namebox {
    width: 72px; border: 1px solid var(--ms-line); padding: 3px 6px; font-size: 12px; text-align: center;
}
.ms-lab__fx { color: var(--ms-excel); font-weight: 800; font-size: 13px; }
.ms-lab__formula input {
    flex: 1; border: 1px solid var(--ms-line); padding: 4px 8px; font-size: 13px; font-family: Consolas, "Courier New", monospace;
}
.ms-lab__gridwrap { overflow: auto; max-height: min(62vh, 640px); background: #fff; }
.ms-lab table.ms-grid {
    border-collapse: collapse; min-width: 100%; font-size: 12px; table-layout: fixed;
}
.ms-lab table.ms-grid th, .ms-lab table.ms-grid td {
    border: 1px solid #d4d4d4; height: 24px; padding: 0 4px; white-space: nowrap;
}
.ms-lab table.ms-grid th {
    background: #f2f2f2; font-weight: 600; color: #444; text-align: center; width: 72px;
}
.ms-lab table.ms-grid th.ms-rh { width: 36px; background: #f2f2f2; }
.ms-lab table.ms-grid td { background: #fff; cursor: cell; }
.ms-lab table.ms-grid td.is-sel {
    outline: 2px solid var(--ms-excel); outline-offset: -2px; background: #e7f3ec;
    animation: msPulse 1.1s ease-in-out 2;
}
.ms-lab table.ms-grid td.is-head { background: #217346; color: #fff; font-weight: 700; }
.ms-lab table.ms-grid td.is-num { text-align: left; font-variant-numeric: tabular-nums; }
.ms-lab table.ms-grid td.is-hint { box-shadow: inset 0 0 0 2px #c9a227; }
.ms-lab table.ms-grid td.is-typed {
    background: #fff7d6;
    animation: msTyped 0.85s ease;
}
@keyframes msTyped {
    0% { background: #c9a227; color: #0A3669; }
    100% { background: #fff7d6; }
}
.ms-lab__sheets {
    display: flex; gap: 0; background: #f3f3f3; border-top: 1px solid var(--ms-line); padding: 0 8px;
}
.ms-lab__sheet {
    border: 1px solid transparent; background: transparent; padding: 6px 14px;
    font-size: 12px; cursor: pointer; border-top: 2px solid transparent;
}
.ms-lab__sheet.is-on { background: #fff; border-color: #ddd #ddd transparent; border-top-color: var(--ms-excel); font-weight: 700; }

.ms-doc, .ms-ppt, .ms-mail, .ms-pq, .ms-pbi, .ms-erp {
    background: #fff; min-height: 420px;
}
.ms-doc__page {
    max-width: 720px; margin: 16px auto; min-height: 480px;
    padding: 40px 48px; box-shadow: 0 2px 12px rgba(0,0,0,.12);
    background: #fff;
}
.ms-doc__page h1 { color: #0A3669; font-size: 22px; margin: 0 0 8px; }
.ms-doc__page .ms-h1 { color: #0A3669; font-size: 18px; border-bottom: 1px solid #c9a227; padding-bottom: 4px; }
.ms-doc__page table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 13px; }
.ms-doc__page td, .ms-doc__page th { border: 1px solid #ccc; padding: 6px 8px; }
.ms-ppt__stage { display: grid; grid-template-columns: 140px 1fr; min-height: 440px; }
.ms-ppt__thumbs { background: #f4f4f4; padding: 8px; display: flex; flex-direction: column; gap: 8px; }
.ms-ppt__thumb { border: 2px solid transparent; background: #fff; padding: 8px; font-size: 11px; cursor: pointer; min-height: 72px; }
.ms-ppt__thumb.is-on { border-color: var(--ms-ppt); }
.ms-ppt__slide {
    margin: 20px; background: #0A3669; color: #fff; min-height: 380px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 32px; text-align: center;
}
.ms-ppt__slide h2 { font-size: 28px; margin: 0 0 12px; color: #f3e3a8; }
.ms-ppt__slide .ms-num { font-size: 48px; font-weight: 800; color: #fff; }
.ms-mail { display: grid; grid-template-columns: 180px 240px 1fr; min-height: 440px; }
.ms-mail__nav { background: #0f4c81; color: #fff; padding: 12px; }
.ms-mail__nav button { display: block; width: 100%; text-align: right; background: transparent; border: 0; color: #fff; padding: 8px; cursor: pointer; }
.ms-mail__nav button.is-on { background: rgba(255,255,255,.15); }
.ms-mail__list { border-inline-end: 1px solid var(--ms-line); }
.ms-mail__row { padding: 10px 12px; border-bottom: 1px solid #eee; cursor: pointer; font-size: 13px; }
.ms-mail__row.is-on { background: #e8f1fb; }
.ms-mail__read { padding: 16px 20px; }
.ms-pq { display: grid; grid-template-columns: 220px 1fr; min-height: 440px; }
.ms-pq__steps { background: #f7f7f7; padding: 10px; font-size: 13px; }
.ms-pq__step { padding: 8px; border: 1px solid #ddd; margin-bottom: 6px; background: #fff; }
.ms-pq__step.is-on { border-color: var(--ms-pq); }
.ms-grid td.is-cf { background: #fde8a8; color: #7a4f00; font-weight: 800; }
.ms-lab-split {
    display: grid; grid-template-columns: 1.15fr .85fr; min-height: 480px;
}
@media (max-width: 900px) {
    .ms-lab-split { grid-template-columns: 1fr; }
}
.ms-lab-split .ms-lab { min-height: 480px; }
.ms-pbi-bars { padding: 8px 16px 16px; background: #f6f6f6; }
.ms-pbi-bars strong { display: block; margin-bottom: 8px; color: #0A3669; font-size: 13px; }
.ms-bar {
    display: grid; grid-template-columns: 72px 1fr 64px; gap: 8px; align-items: center;
    margin: 6px 0; font-size: 13px;
}
.ms-bar i {
    display: block; height: 14px; background: #c8a200; border-radius: 3px; min-width: 4px;
}
.ms-bar.is-on i { background: #0A3669; }
.ms-pbi { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px; background: #f6f6f6; }
.ms-kpi {
    background: #fff; border-radius: 8px; padding: 16px; border-top: 4px solid var(--ms-pbi);
}
.ms-kpi b { display: block; font-size: 28px; color: #0A3669; }
.ms-erp table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ms-erp th { background: #5c3d8a; color: #fff; padding: 8px; }
.ms-erp td { border: 1px solid #ddd; padding: 8px; }

.ms-trainer { margin-bottom: 14px; }
.ms-trainer__bar {
    display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
    background: #0A3669; color: #fff; padding: 10px 14px; border-radius: 8px 8px 0 0;
}
.ms-trainer__bar button {
    border: 0; background: #c9a227; color: #0A3669; font-weight: 800;
    padding: 7px 14px; border-radius: 6px; cursor: pointer;
}
.ms-trainer__say {
    background: #102a4a; color: #F7F3E8; padding: 12px 14px; font-size: 15px; line-height: 1.7;
    border-radius: 0 0 8px 8px;
}
.ms-trainer__video { margin: 0 10px 10px; background: #0b1220; border-radius: 10px; overflow: hidden; }
.ms-trainer__video video, .ms-class__reel video, .ms-class__reel iframe {
    display: block; width: 100%; max-height: 420px; background: #000;
}
.ms-trainer__pdf { margin-top: 10px; padding: 0 12px 8px; }
.ms-trainer__pdf a { color: #c9a227; font-weight: 700; }

@keyframes msPulse {
    0%, 100% { box-shadow: inset 0 0 0 0 rgba(201,162,39,0); }
    50% { box-shadow: inset 0 0 0 3px rgba(201,162,39,.55); }
}
.ms-lab__btn.is-on, .ms-lab__tab.is-on { animation: msPulse 1.1s ease-in-out 2; }
.ms-doc__page .is-on, .ms-doc__page [data-ms-block].is-on {
    outline: 2px solid #185abd; background: #e8f1fb; border-radius: 4px;
}
.ms-kpi.is-on { outline: 2px solid var(--ms-pbi); }
.ms-erp tr.is-on td { background: #efe8f8; }
.ms-ai__compose.is-on, .ms-ai__msg.is-on { outline: 2px solid #10a37f; }

.ms-broadcast { width: 100%; background: #060d16; color: #fff; text-align: initial; }
.ms-broadcast__chrome {
    display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
    padding: 10px 14px; background: #081422; border-bottom: 1px solid rgba(201,162,39,.35);
    font-size: 13px;
}
.ms-broadcast__chrome strong { color: #fff; }
.ms-broadcast__live {
    display: inline-flex; align-items: center; gap: 6px;
    background: #9b1c1c; color: #fff; font-weight: 800;
    padding: 3px 10px; border-radius: 999px; letter-spacing: .02em;
}
.ms-broadcast__live i {
    width: 8px; height: 8px; border-radius: 50%; background: #fff;
    animation: msLive 1s ease-in-out infinite;
}
@keyframes msLive { 50% { opacity: .25; } }
.ms-broadcast__stage {
    display: grid; grid-template-columns: 96px 1fr; gap: 0; min-height: 560px;
}
.ms-broadcast__host {
    background: #0A3669; padding: 14px 8px; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.ms-broadcast__screen {
    min-width: 0; min-height: 520px; background: #e6e6e6;
    image-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ms-broadcast__caption {
    background: #0A3669; color: #F7F3E8; padding: 14px 18px;
    font-size: 16px; line-height: 1.85; min-height: 84px;
    -webkit-font-smoothing: antialiased;
}
.ms-trainer-host { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.ms-trainer-host__badge {
    background: #9b1c1c; color: #fff; font-size: 10px; font-weight: 800;
    padding: 3px 8px; border-radius: 999px;
}
.ms-trainer-host strong { font-size: 12px; color: #F7F3E8; }
.ms-trainer-host small { color: rgba(255,255,255,.75); font-size: 11px; }
.ms-trainer-host__wave {
    display: flex; gap: 3px; align-items: flex-end; height: 22px; opacity: .4;
}
.ms-trainer-host__wave i {
    display: block; width: 4px; background: #c9a227; border-radius: 2px; height: 6px;
}
.ms-trainer-host.is-talking .ms-trainer-host__wave { opacity: 1; }
.ms-trainer-host.is-talking .ms-trainer-host__wave i {
    animation: msWave 0.7s ease-in-out infinite;
}
.ms-trainer-host.is-talking .ms-trainer-host__wave i:nth-child(2) { animation-delay: .1s; }
.ms-trainer-host.is-talking .ms-trainer-host__wave i:nth-child(3) { animation-delay: .2s; }
.ms-trainer-host.is-talking .ms-trainer-host__wave i:nth-child(4) { animation-delay: .3s; }
.ms-trainer-host.is-talking .ms-trainer-host__wave i:nth-child(5) { animation-delay: .4s; }
@keyframes msWave {
    0%, 100% { height: 6px; }
    50% { height: 20px; }
}
.ms-broadcast__screen { min-width: 0; background: #e6e6e6; }
.ms-broadcast__caption {
    background: #102a4a; color: #F7F3E8; padding: 12px 16px;
    font-size: 15px; line-height: 1.75; min-height: 72px;
}
.ms-broadcast__bar {
    display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
    background: #0A3669; color: #fff; padding: 10px 14px;
}
.ms-broadcast__bar button {
    border: 0; background: #c9a227; color: #0A3669; font-weight: 800;
    padding: 7px 14px; border-radius: 6px; cursor: pointer;
}
.ms-broadcast__bar button[data-ms-pause],
.ms-broadcast__bar button[data-ms-prev],
.ms-broadcast__bar button[data-ms-next] {
    background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.35);
}
.ms-broadcast__done { margin: 12px 14px 16px; }
@media (max-width: 760px) {
    .ms-broadcast__stage { grid-template-columns: 1fr; }
    .ms-broadcast__host { flex-direction: row; justify-content: flex-start; padding: 10px 12px; }
    .ms-trainer-host { flex-direction: row; gap: 10px; }
}
.ax-empty--lock { margin: 24px 0; }
.ms-lab--locked {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 24px;
    background: #f4f6f9;
    color: #0A3669;
    font-weight: 700;
}
.ms-ai-app { display: flex; flex-direction: column; min-height: 460px; background: #f6f8fb; }
.ms-ai-app__top {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
    padding: 10px 14px; background: #fff; border-bottom: 1px solid #d8e0ea;
}
.ms-ai-app__brand { font-weight: 800; color: #0A3669; }
.ms-ai-app__model {
    background: #eef3f9; color: #0A3669; font-size: 12px; font-weight: 700;
    padding: 3px 10px; border-radius: 999px;
}
.ms-ai-app__chip {
    margin-inline-start: auto; background: #e8f1fb; color: #0A3669;
    font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 8px;
}
.ms-ai-app--chatgpt { background: #212121; }
.ms-ai-app--chatgpt .ms-ai-app__top { background: #171717; border-color: #2f2f2f; }
.ms-ai-app--chatgpt .ms-ai-app__brand,
.ms-ai-app--chatgpt .ms-ai-app__model { color: #ececec; background: #2f2f2f; }
.ms-ai-app--chatgpt .ms-ai-app__chip { background: #2f2f2f; color: #eaeaea; }
.ms-ai { display: flex; min-height: 420px; flex: 1; background: #f6f8fb; color: #1a2332; }
.ms-ai-app--chatgpt .ms-ai { background: #212121; color: #eaeaea; }
.ms-ai__side {
    width: 200px; padding: 16px; background: #eef3f9;
    display: flex; flex-direction: column; gap: 8px;
}
.ms-ai-app--chatgpt .ms-ai__side { background: #171717; }
.ms-ai__side button {
    border: 0; background: #fff; color: #0A3669; text-align: right;
    padding: 10px 12px; border-radius: 8px; cursor: pointer; font-weight: 700;
}
.ms-ai__side button.is-on { outline: 2px solid #0A3669; }
.ms-ai-app--chatgpt .ms-ai__side button { background: #2a2a2a; color: #fff; }
.ms-ai-app--chatgpt .ms-ai__side button.is-on { outline-color: #10a37f; }
.ms-ai__thread { flex: 1; padding: 18px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.ms-ai__empty { color: #5a6a7a; margin: auto 0 12px; }
.ms-ai__msg { border-radius: 14px; padding: 12px 14px; line-height: 1.75; display: flex; gap: 10px; max-width: 92%; }
.ms-ai__msg strong { display: block; font-size: 12px; margin-bottom: 4px; color: #0A3669; }
.ms-ai__msg p { margin: 0; white-space: pre-wrap; }
.ms-ai__avatar {
    flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px;
    background: #0A3669; color: #fff; font-size: 12px; font-weight: 800;
    display: flex; align-items: center; justify-content: center;
}
.ms-ai__msg--user { background: #fff; align-self: flex-start; border: 1px solid #d8e0ea; }
.ms-ai__msg--bot { background: #e8f1fb; align-self: stretch; border: 1px solid #c5d6ea; }
.ms-ai-app--chatgpt .ms-ai__msg--user { background: #2f2f2f; border-color: #3a3a3a; }
.ms-ai-app--chatgpt .ms-ai__msg--bot { background: #0d3d32; border-color: #10a37f; }
.ms-ai-app--chatgpt .ms-ai__msg strong { color: #cdeee4; }
.ms-ai__compose {
    margin-top: auto; background: #fff; border: 1px solid #c5d6ea; border-radius: 16px;
    padding: 12px 14px; color: #0A3669; display: flex; align-items: flex-end; gap: 10px;
}
.ms-ai-app--chatgpt .ms-ai__compose { background: #2f2f2f; border-color: #3a3a3a; color: #eaeaea; }
.ms-ai__compose span { flex: 1; min-height: 1.4em; }
.ms-ai__send {
    border: 0; background: #0A3669; color: #fff; font-weight: 800;
    border-radius: 10px; padding: 8px 14px; cursor: pointer;
}
.ms-ai-app--chatgpt .ms-ai__send { background: #10a37f; color: #04110c; }
.ms-ai__caret {
    display: inline-block; width: 2px; height: 1em; background: #0A3669;
    margin-inline-start: 2px; animation: msCaret 1s steps(1) infinite; vertical-align: text-bottom;
}
.ms-ai-app--chatgpt .ms-ai__caret { background: #10a37f; }
@keyframes msCaret { 50% { opacity: 0; } }
.ms-ai-extract {
    width: 240px; padding: 12px; background: #fff; border-inline-end: 1px solid #d8e0ea;
}
.ms-ai-extract__paper {
    background: #fffdf8; border: 1px solid #e6d9b8; border-radius: 8px; padding: 12px;
    color: #0A3669; font-size: 12px;
}
.ms-ai-extract__paper table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.ms-ai-extract__paper td, .ms-ai-extract__paper th {
    border-bottom: 1px solid #eadcc0; padding: 4px 2px; text-align: right;
}
.ms-ai-extract__sum { font-weight: 800; margin: 8px 0 0; }
.ms-ai-app--excel .ms-ai { min-height: 360px; }

/* قاعة التدريب — هدف + معمل + أجندة */
.ms-class {
    background: #fffdf8;
    color: #0A3669;
    border-radius: 12px;
    overflow: hidden;
    text-align: right;
}
.ms-class--lock {
    min-height: 220px; display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 12px;
    padding: 32px; background: #f7f4ea; color: #0A3669; font-weight: 700;
}
.ms-class--lock i { font-size: 1.6rem; color: #c9a227; }
.ms-class__head {
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
    background: #0A3669; color: #fff; padding: 12px 16px;
}
.ms-class__live {
    display: inline-flex; align-items: center; gap: 6px;
    background: #9b1c1c; color: #fff; font-size: 11px; font-weight: 800;
    padding: 4px 10px; border-radius: 999px;
}
.ms-class__live i {
    width: 7px; height: 7px; border-radius: 50%; background: #fff;
    animation: msLivePulse 1.2s ease-in-out infinite;
}
@keyframes msLivePulse { 50% { opacity: .35; } }
.ms-class__titles { flex: 1; min-width: 0; }
.ms-class__titles strong { display: block; font-size: 1.05rem; }
.ms-class__titles small { color: rgba(255,255,255,.82); font-size: 12px; }
.ms-class__goal {
    background: #f7f4ea; border-bottom: 1px solid #e6dcc4;
    padding: 14px 18px;
}
.ms-class__goal h4 { margin: 0 0 4px; font-size: 0.78rem; color: #0A3669; }
.ms-class__goal p { margin: 0; line-height: 1.75; color: #1e293b; font-size: 0.95rem; }
.ms-class__layout {
    display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 0;
    background: #e8edf3;
}
.ms-class__labwrap { min-width: 0; padding: 10px; }
.ms-class__lab-label {
    margin: 0 4px 8px; font-size: 12px; font-weight: 800; color: #0A3669;
}
.ms-class__agenda {
    background: #0A3669; color: #F7F3E8; padding: 14px 12px 18px;
}
.ms-class__agenda h4 { margin: 0 0 10px; font-size: 0.82rem; color: #c9a227; }
.ms-class__agenda ol { margin: 0; padding: 0; list-style: none; }
.ms-class__agenda li {
    cursor: pointer; padding: 8px 10px; border-radius: 8px;
    font-size: 12px; line-height: 1.55; margin-bottom: 4px;
    border: 1px solid transparent;
}
.ms-class__agenda li.is-on {
    background: #c9a227; color: #0A3669; font-weight: 800;
    border-color: #e8d48a;
}
.ms-class__caption {
    background: #f7f4ea; color: #0A3669;
    padding: 14px 18px; min-height: 76px;
    border-top: 1px solid #e6dcc4;
}
.ms-class__say { font-size: 15px; line-height: 1.85; font-weight: 600; }
.ms-class__honest { margin: 8px 0 0; font-size: 12px; font-weight: 600; color: #4b5d73; }
.ms-class__reel { margin: 0; padding: 10px 12px 12px; background: #0b1220; }
.ms-class__reel-label { margin: 0 0 8px; color: #e8d48a; font-size: 12px; font-weight: 800; }
.ms-class__seek {
    display: flex; align-items: center; gap: 12px;
    padding: 8px 16px; background: #0A3669; color: #fff;
}
.ms-class__seek input[type="range"] { flex: 1; accent-color: #c9a227; }
.ms-class__seek span { font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; min-width: 92px; }
.ms-class__bar { background: #0A3669; }
.ms-class__done { margin: 0; padding: 12px 16px 16px; background: #fffdf8; }
.ms-trainer__pdf { padding: 0 16px 12px; background: #fffdf8; }
@media (max-width: 860px) {
    .ms-class__layout { grid-template-columns: 1fr; }
}