#platform-training{position:sticky;top:0;z-index:10002;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;background:#fff;color:#17243c;border-bottom:1px solid #cad5e6;box-shadow:0 3px 12px #14244214;font:14px/1.45 system-ui,sans-serif}
#platform-training progress{width:100px;height:8px;accent-color:#2563eb}#platform-training button,.training-tooltip button{min-height:36px;padding:6px 12px;border:1px solid #bbc9dd;border-radius:8px;background:#fff;color:#17243c;font:inherit;cursor:pointer}#platform-training button:disabled{opacity:.5;cursor:default}#platform-training select{max-width:100%;min-height:36px;border:1px solid #bbc9dd;border-radius:8px;padding:5px;color:#17243c;background:#fff}#platform-training :focus-visible,.training-tooltip :focus-visible{outline:3px solid #2563eb;outline-offset:2px}.training-summary{font-weight:650}.training-message{flex-basis:100%;color:#725219}.training-overlay{position:fixed;inset:0;z-index:10000;background:transparent;pointer-events:auto}.training-ring{position:absolute;border:3px solid #67b0ff;border-radius:12px;box-shadow:0 0 0 9999px #101c32a6;pointer-events:none}.training-tooltip{position:absolute;box-sizing:border-box;max-height:calc(100dvh - 100px);overflow:auto;padding:16px;border:1px solid #bdd9ff;border-radius:12px;box-shadow:0 8px 30px #0003;background:#fff;color:#17243c;font:14px/1.5 system-ui,sans-serif}.training-tooltip strong{display:block;font-size:16px}.training-tooltip p{margin:8px 0 12px}@media(max-width:480px){#platform-training{padding:8px;gap:6px}#platform-training progress{width:70px}.training-summary{flex-basis:100%}#platform-training select{width:100%}}@media(prefers-reduced-motion:reduce){.training-overlay *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.training-launch{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 12px;border:1px solid #6483b5;border-radius:9px;background:#16325a;color:#f2f7ff;font:600 13px/1.4 system-ui,sans-serif;cursor:pointer;white-space:nowrap}.training-launch:hover{background:#224675;border-color:#93b8ee}.training-launch:focus-visible{outline:3px solid #70b2ff;outline-offset:3px}@media(max-width:480px){.training-launch{padding:6px 9px;font-size:12px}}

/* Match the cabinet and make the requested progress scale easy to read. */
#platform-training{background:#192536;color:#edf3fb;border-color:#304157;box-shadow:0 3px 12px #0003}
#platform-training progress{flex:1;min-width:120px;max-width:260px;height:8px;accent-color:#91bdff}
#platform-training button,.training-tooltip button,#platform-training select{background:#20354f;color:#edf3fb;border-color:#466181}
#platform-training button[data-training-action="next"],#platform-training button[data-training-action="start"]{background:#91bdff;color:#10213a;border-color:#91bdff;font-weight:650}
.training-tooltip{background:#1b2b3f;color:#edf3fb;border-color:#6b97cd}
.training-message{color:#f1cf8b}
@media(max-width:480px){#platform-training progress{min-width:0;max-width:none;width:100%;flex-basis:100%}#platform-training select{min-width:0}}

#platform-training.training-active{position:fixed;top:0;left:0;right:0}

#platform-training .training-close{margin-left:auto;flex:0 0 36px;width:36px;padding:0;font-size:24px;line-height:1}
#platform-training .training-close:hover{background:#304966}