/* EMS SkillLab / Studio Platform — October 2026
   Deliberately a software control console, not an LMS or course portal.
   Pure presentation. Existing app ids, data attributes and event handlers preserved. */
:root{--p-void:#080e17;--p-rail:#0b121d;--p-deep:#111b29;--p-card:#152234;--p-card2:#19293b;--p-stroke:#293c50;--p-ink:#e9f4f7;--p-muted:#94a8b9;--p-teal:#36dec2;--p-cyan:#74b9ec;--p-orange:#f4b772;--p-light:#edf3f7}
html{scroll-padding-top:82px}
body{background:var(--p-void);color:var(--p-ink);font-family:Inter,"DM Sans",system-ui,sans-serif}
.shell-sidebar{background:var(--p-rail)!important;border-right:1px solid #223040!important;box-shadow:none!important;padding:28px 16px!important}
.shell-brand{display:flex!important;gap:10px;align-items:center;color:#f4fcff!important;font-size:1.15rem!important;letter-spacing:-.035em;text-decoration:none;font-weight:900}
.shell-brand-name>span{color:var(--p-teal)}
.shell-mark{width:37px!important;height:37px!important;border-radius:11px!important;background:#27d8bd!important;color:#061c26!important;display:grid!important;place-items:center!important;font-size:1.7rem!important;box-shadow:0 0 24px #2ad9b82b}
.shell-sidebar>small{display:block;color:#6d8c9d!important;font-size:.59rem!important;letter-spacing:.21em!important;font-weight:900!important;margin:11px 0 32px 49px}
.shell-sidebar nav{display:flex;flex-direction:column;gap:4px}
.shell-sidebar nav a{display:flex;align-items:center;gap:12px!important;min-height:46px;border-radius:9px!important;padding:11px 13px!important;margin:0!important;background:transparent!important;color:#9bafc0!important;border:1px solid transparent!important;font-size:.84rem!important;font-weight:700!important;transition:background .15s,color .15s}
.shell-sidebar nav a:hover{background:#1b2b3b!important;color:#fff!important}
.shell-sidebar nav a.active{background:#172d37!important;border-color:#24574f!important;color:#eafff8!important;box-shadow:inset 3px 0 var(--p-teal)!important}
.shell-sidebar nav a[href="/"]{margin-top:18px!important;border-top:1px solid #233446!important;padding-top:18px!important}
.rail-glyph{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#70a7b6;font-size:1.1rem;font-weight:700}
.shell-sidebar nav a.active .rail-glyph{color:var(--p-teal)}
.sidebar-bottom{background:#111e2b!important;border:1px solid #283a4a!important;border-radius:12px!important;padding:16px!important;margin-top:auto}
.sidebar-bottom .rail-live{display:flex;align-items:center;gap:8px;color:#a2e8d8;font-size:.66rem;letter-spacing:.1em;font-weight:900}
.rail-live i{width:7px;height:7px;border-radius:50%;background:#37dbb6;box-shadow:0 0 0 4px #37dbb61c}
.sidebar-bottom p{font-size:.76rem!important;color:#91a7b5!important;margin:10px 0 14px!important}
.sidebar-bottom .rail-version{color:#647d90;font-size:.67rem}
.shell-top{background:#0d1622!important;color:#c5d9e2!important;border-bottom:1px solid #233142!important;box-shadow:none!important;padding:0 35px!important;min-height:69px}
.shell-top>span{font-size:.81rem;color:#7790a2}
.shell-top>span b{color:#e4f5f7}
.shell-top-slash{padding:0 12px;color:#395467}
.shell-top>div{display:flex;align-items:center;gap:14px}
.shell-top a{color:#a6bdca;text-decoration:none;font-size:.77rem;font-weight:750}
.shell-top a:hover{color:#fff}
.shell-top-account{background:#1c3440;border:1px solid #30525c;border-radius:8px;padding:10px 14px;color:#c7f5ec!important}
.shell-main{background:var(--p-void)!important;min-height:100vh}
.dashboard{max-width:none!important;padding:0 35px 45px!important;background:transparent!important}
.command-center{background:transparent!important;color:var(--p-ink)!important;margin:0 -35px!important;padding:43px 35px 24px!important}
.command-heading{align-items:flex-end!important;margin-bottom:26px!important}
.command-kicker{color:var(--p-teal)!important;letter-spacing:.18em!important;font-size:.67rem!important}
.command-pulse{background:#31d9bb!important;box-shadow:0 0 0 4px #2fddc21c!important}
.command-heading h2{color:#f2f9fc!important;font-size:clamp(2.5rem,4.2vw,4.5rem)!important;font-weight:900!important;line-height:1.03!important;letter-spacing:-.07em!important;max-width:870px!important;margin:13px 0 15px!important}
.command-heading p{color:#8da5b6!important;max-width:790px!important;font-size:.98rem!important;line-height:1.65!important}
.command-library-link{background:#182837!important;border:1px solid #315164!important;color:#bdebe4!important;border-radius:9px!important;font-size:.78rem!important}
.command-library-link:hover{background:#213849!important}
.command-layout{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)!important;gap:15px!important}
.command-main,.command-preview{border-radius:15px!important;box-shadow:none!important;min-width:0}
.command-main{background:#101b2a!important;border:1px solid #2b4154!important;padding:clamp(22px,2.6vw,34px)!important}
.command-step{color:#8ca5b5!important;letter-spacing:.17em!important;margin-bottom:16px!important;font-size:.66rem!important}
.command-step>span{background:#163e3d!important;color:var(--p-teal)!important;border:1px solid #2b6d60!important;border-radius:6px!important}
.command-fieldset legend,.command-provider{color:#adc2d0!important;font-size:.75rem!important}
.command-chips{background:#0a1420!important;border:1px solid #2a3d50!important;border-radius:9px!important;padding:4px!important}
.command-chips button{color:#95aebf!important;background:transparent!important;border-radius:6px!important}
.command-chips button.is-selected{color:#061f27!important;background:#4adbc5!important;box-shadow:none!important}
.command-provider select{background:#0b1624!important;color:#e3f4f7!important;border:1px solid #345066!important;border-radius:8px!important}
.command-options{gap:9px!important}
.command-option{background:#142235!important;color:#f0f7fa!important;border:1px solid #30445a!important;border-radius:10px!important;box-shadow:none!important;padding:17px!important}
.command-option:hover{background:#1a3040!important;border-color:#52baa9!important}
.command-option.is-selected{background:#143638!important;border-color:#36d8b7!important;box-shadow:inset 3px 0 #38dabc!important}
.command-option-icon{background:#20394a!important;color:#8bbac8!important;border-radius:7px!important}
.command-option.is-selected .command-option-icon{background:#39d9be!important;color:#07242c!important}
.command-option strong{color:#eaf7fa!important;font-weight:850!important}
.command-option small{color:#91aab9!important}
.command-option>span:last-child{color:#69ddc9!important}
.command-start{background:#36d8bd!important;color:#092630!important;border-radius:9px!important;font-weight:900!important}
.command-start:hover{background:#78efdb!important}
.command-help{color:#7d95a5!important}
.command-preview{background:#132235!important;border:1px solid #304459!important;padding:clamp(21px,2.5vw,31px)!important;position:relative}
.command-preview:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#36d8bd,#55a3e4,transparent)}
.command-preview-top{color:#7ed8ce!important}
.command-example-badge{background:#213e4b!important;color:#b3d6dd!important}
.command-paper{background:#edf3f5!important;color:#193242!important;border-radius:9px!important;transform:none!important;box-shadow:0 16px 28px #050e1a48!important;position:relative;overflow:hidden}
.command-paper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0d9483}
.command-paper h3{color:#142e3d!important}
.command-paper-icon{border-radius:7px!important}
.command-paper-section p{color:#405a68!important}
.command-samples{color:#7cead6!important}
.command-bottom{border-top:1px solid #22374a!important;padding:23px 0 8px!important}
.command-bottom>div{border-color:#30465a!important}
.command-bottom strong{color:#dceef3!important}
.command-bottom span{color:#8098aa!important}
.dashboard>.library-shell,.dashboard>.semester-shell{background:#111d2b!important;border:1px solid #2b4054!important;box-shadow:none!important;border-radius:14px!important;color:#e4f1f5!important}
.dashboard>.library-shell h2,.dashboard>.semester-shell h2{color:#e7f4f7!important}
.dashboard>.library-shell p,.dashboard>.semester-shell p{color:#9fb3c1!important}
.dashboard>.library-shell button,.dashboard>.semester-shell button{border-radius:8px}
.dashboard>.dashboard-bottom{display:none!important}
body[data-page="tools"] #tools,body[data-page="account"] #account,body[data-page="access-preview"] #access-preview,body[data-page="feedback"] #feedback{background:#0e1826!important;color:#e9f4f7!important}
body[data-page="tools"] #tools .workspace-shell{background:#111e2e!important;border-color:#2c4255!important;color:#e7f3f6!important}
body[data-page="tools"] #tools .workspace-controls,body[data-page="tools"] #tools .workspace-output{background:#edf3f6!important;color:#1a3341!important}
body[data-page="tools"] #tools .workspace-controls h2,body[data-page="tools"] #tools .workspace-output h2{color:#173647!important}
body[data-page="tools"] #tools .workspace-intro h2,body[data-page="tools"] #tools .workspace-intro p{color:#dbeef3!important}
body[data-page="account"] #account .account-copy h2,body[data-page="access-preview"] #access-preview h2,body[data-page="feedback"] #feedback h2{color:#e7f4f7!important}
body[data-page="account"] #account .account-copy p,body[data-page="access-preview"] #access-preview p,body[data-page="feedback"] #feedback p{color:#a5b9c7!important}
body[data-page="account"] #account .account-mount,body[data-page="feedback"] #feedback .feedback-form{background:#edf3f6!important;color:#173647!important;border-radius:14px!important}
body[data-page="account"] #account .account-mount label,body[data-page="feedback"] #feedback .feedback-form label{color:#27475a!important}
body[data-page="account"] #account .account-mount p{color:#526b7a!important}
.shell-main>footer,footer{background:#0b1520!important;color:#a1b5c4!important;border-top:1px solid #2b4054!important}
footer a{color:#9bcfcf!important}
.command-center button:focus-visible,.command-center a:focus-visible,.command-center select:focus-visible,.shell-sidebar a:focus-visible{outline:3px solid #4be2c8!important;outline-offset:3px}
@media(max-width:1170px){.command-layout{grid-template-columns:1fr!important}.command-preview{display:grid!important;grid-template-columns:1fr 1.35fr;align-items:start}.command-preview-top{grid-column:1/-1}.command-paper{grid-column:2;grid-row:2/4}.command-samples{align-self:end}}
@media(max-width:900px){.shell-sidebar{padding:11px 15px!important;background:#0b121d!important}.shell-sidebar>small,.shell-sidebar .sidebar-bottom{display:none!important}.shell-sidebar nav{display:flex!important;flex-direction:row!important;width:100%;gap:4px;overflow-x:auto;scrollbar-width:thin}.shell-sidebar nav a{flex-shrink:0!important;padding:9px 11px!important;min-height:39px!important;font-size:.76rem!important}.shell-sidebar nav a[href="/"]{margin:0!important;border:1px solid transparent!important;padding-top:9px!important}.shell-brand{font-size:1rem!important}.shell-top{display:none!important}.dashboard{padding:0 20px 40px!important}.command-center{margin:0 -20px!important;padding:30px 20px 18px!important}}
@media(max-width:700px){.dashboard{padding:0 14px 30px!important}.command-center{margin:0 -14px!important;padding:27px 14px 12px!important}.command-heading h2{font-size:clamp(2.35rem,9vw,3.1rem)!important}.command-heading p{font-size:.88rem!important}.command-main{padding:21px 16px!important}.command-preview{display:flex!important;padding:21px 16px!important}.command-paper{width:100%}.command-bottom{grid-template-columns:1fr!important}.command-bottom>div{border-bottom:1px solid #2d4154!important}.command-bottom>div:last-child{border-bottom:0!important}.dashboard>.library-shell{padding:19px 16px!important}.shell-sidebar nav a{font-size:.7rem!important}.rail-glyph{width:19px;height:19px}.command-chips button{font-size:.72rem!important}}
@media(prefers-reduced-motion:reduce){.shell-sidebar nav a{transition:none}}