/* Native Training Center; square-cornered RampOne design */
.ro-learn,.ro-learn *{box-sizing:border-box}.ro-learn{color:#e7f2fc;background:#10263d;border:1px solid #31516b;padding:18px;margin:12px 0 22px;max-width:100%}.ro-learn-header{display:flex;justify-content:space-between;gap:20px;margin:0 0 18px;padding:0 0 15px;border-bottom:1px solid #33526a}.ro-learn-header h2{font-size:25px!important;line-height:1.2;margin:5px 0!important;color:#fff!important}.ro-learn-header p{color:#b5ccdc;margin:0!important;font-size:13px}.ro-learn-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;color:#8cc8f0}.ro-learn-tabs{display:flex;flex-wrap:wrap;gap:0;margin:0 0 16px;border-bottom:1px solid #41617c}.ro-learn-tabs button{border:1px solid #35536c;border-bottom:0;background:#182f48;color:#c7d8e6;font-weight:600;padding:11px 16px;cursor:pointer;border-radius:0!important}.ro-learn-tabs button.is-active{background:#2b658f;color:white;border-color:#6796b6}.ro-learn-pane[hidden]{display:none!important}.ro-learn-pane-intro{padding:14px 16px;margin-bottom:14px;background:#193750;border-left:3px solid #6ab6e8}.ro-learn-pane-intro h3{color:white!important;font-size:17px;margin:0 0 4px}.ro-learn-pane-intro p{color:#c4d7e5;margin:0;font-size:13px}.ro-learn .rax-lms,.ro-learn .rax-studio,.ro-learn .rax-vcls{max-width:100%;width:100%;margin:0}.ro-learn input,.ro-learn textarea,.ro-learn select,.ro-learn button,.ro-learn details,.ro-learn .rax-btn,.ro-learn fieldset{border-radius:0!important}.ro-learn input,.ro-learn textarea,.ro-learn select{max-width:100%}.ro-learn-student-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.ro-learn-student-actions button{background:#28658f;color:#fff;border:1px solid #5b8bb0;padding:11px 15px;cursor:pointer}.ro-learn .rax-lms-student-ui{max-width:100%}@media(max-width:650px){.ro-learn{padding:12px}.ro-learn-tabs button{flex:1 1 100%;text-align:left}.ro-learn-student-actions button{width:100%}}

/* RampOne Teaching Center — unified course builder workspace (v15.1.2) */
.ro-learn #rax-lms-admin{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;color:#e7f2fc}
.ro-learn #rax-lms-admin>h3{font-family:inherit!important;font-size:22px!important;font-weight:750!important;letter-spacing:-.025em!important;line-height:1.3!important;color:#f5faff!important;margin:0 0 5px!important;text-transform:none!important}
.ro-learn #rax-lms-admin>p{font-size:13px!important;color:#a9c2d6!important;margin:0 0 20px!important;line-height:1.6!important}
.ro-learn #rax-lms-admin-ui{display:grid;gap:10px}
.ro-learn #rax-lms-admin-ui>.rax-lms-item{margin:0!important;background:#172f48!important;border:1px solid #355570!important;border-radius:0!important;padding:0!important;overflow:hidden;box-shadow:none!important}
.ro-learn #rax-lms-admin-ui>.rax-lms-item:first-child{border:1px dashed #4b7799!important;background:#183b57!important}
.ro-learn #rax-lms-admin-ui>.rax-lms-item>summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:60px;padding:16px 19px;color:#edf6ff!important;font-size:15px!important;font-weight:700!important;cursor:pointer;transition:background .15s ease}
.ro-learn #rax-lms-admin-ui>.rax-lms-item>summary::-webkit-details-marker{display:none}
.ro-learn #rax-lms-admin-ui>.rax-lms-item>summary:before{content:'›';display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:none;background:#254a68;color:#8ad1ff;font-size:23px;font-weight:400;line-height:1;transition:transform .15s ease}
.ro-learn #rax-lms-admin-ui>.rax-lms-item[open]>summary:before{transform:rotate(90deg)}
.ro-learn #rax-lms-admin-ui>.rax-lms-item>summary:hover{background:#244762}
.ro-learn #rax-lms-admin-ui>.rax-lms-item[open]>summary{border-bottom:1px solid #355570;background:#1c3c58}
.ro-learn #rax-lms-admin-ui>.rax-lms-item>.rax-lms-form,.ro-learn #rax-lms-admin-ui>.rax-lms-item>.rax-btn{margin:16px!important}
.ro-learn #rax-lms-admin-ui .rax-lms-item .rax-lms-item{background:#112b43!important;border:1px solid #36546d!important;margin:10px 16px!important;padding:0!important;border-radius:0!important}
.ro-learn #rax-lms-admin-ui .rax-lms-item .rax-lms-item>summary{padding:13px 15px;font-size:13px;color:#dbeaf7!important;cursor:pointer;font-weight:650}
.ro-learn #rax-lms-admin-ui .rax-lms-item .rax-lms-item[open]>summary{background:#21415d;border-bottom:1px solid #36546d}
.ro-learn #rax-lms-admin-ui .rax-lms-item .rax-lms-item>.rax-lms-form{margin:14px!important}
.ro-learn #rax-lms-admin-ui .rax-lms-form{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:end;gap:13px!important}
.ro-learn #rax-lms-admin-ui .rax-lms-form label,.ro-learn #rax-lms-admin-ui .rax-lms-question label{color:#c3d8e8!important;font-size:12px!important;font-weight:650;line-height:1.45;min-width:0}
.ro-learn #rax-lms-admin-ui input:not([type=checkbox]),.ro-learn #rax-lms-admin-ui select{background:#0d2439!important;color:#f2f8ff!important;border:1px solid #41617a!important;padding:11px 12px!important;min-height:42px!important;width:100%;font-size:13px!important;outline-offset:2px}
.ro-learn #rax-lms-admin-ui input:focus-visible,.ro-learn #rax-lms-admin-ui select:focus-visible,.ro-learn #rax-lms-admin-ui button:focus-visible,.ro-learn #rax-lms-admin-ui summary:focus-visible{outline:2px solid #80caff!important;outline-offset:2px}
.ro-learn #rax-lms-admin-ui input[type=checkbox]{accent-color:#3d9ed9;width:17px;height:17px}
.ro-learn #rax-lms-admin-ui .rax-btn{background:#28658f!important;color:#fff!important;border:1px solid #5a93b8!important;padding:10px 15px!important;min-height:40px!important;font-size:12px!important;font-weight:700!important;cursor:pointer;box-shadow:none!important}
.ro-learn #rax-lms-admin-ui .rax-btn:hover{background:#367ba8!important}
.ro-learn #rax-lms-admin-ui .rax-lms-question{background:#183750!important;border:1px solid #3a5b74!important;padding:14px!important;gap:12px!important;border-radius:0!important}
@media(max-width:650px){.ro-learn #rax-lms-admin-ui>.rax-lms-item>summary{padding:13px 12px;min-height:52px}.ro-learn #rax-lms-admin-ui .rax-lms-item .rax-lms-item{margin:8px!important}.ro-learn #rax-lms-admin-ui .rax-lms-form{grid-template-columns:minmax(0,1fr)}.ro-learn #rax-lms-admin-ui>.rax-lms-item>.rax-lms-form{margin:12px!important}}

/* 15.1.3: Match the other RampOne workspace navigation. */
#student-portal .ro-learn{background:transparent;border:0;padding:0;margin:0 0 22px;}
#student-portal .ro-learn-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px;border:0;}
#student-portal .ro-learn-tabs button{background:#1a354e;color:#c7d9e8;border:1px solid #35546d;border-radius:0!important;padding:10px 15px;cursor:pointer;font:600 13px/1.4 system-ui,sans-serif;flex:initial;text-align:center;}
#student-portal .ro-learn-tabs button.is-active{background:#28658d;color:#fff;border-color:#5298c3;}
#student-portal .ro-learn-tabs button:focus-visible{outline:2px solid #8cc8f0;outline-offset:2px;}
@media(max-width:650px){#student-portal .ro-learn-tabs{gap:5px}#student-portal .ro-learn-tabs button{flex:1 1 auto;width:auto;text-align:center;padding:10px 11px}}

/* RampOne 15.2.0 — Recording Studio redesign; no changes to recorder handlers. */
#student-portal .ro-learn-pane[data-ro-learn-pane="record"]{color:#d6e7f5;font:14px/1.5 system-ui,-apple-system,sans-serif}
#student-portal .ro-learn-pane[data-ro-learn-pane="record"] .ro-learn-pane-intro{background:#173a56;border:1px solid #416a88;border-left:4px solid #59bfff;padding:16px 20px;margin:0 0 18px}
#student-portal .ro-learn-pane[data-ro-learn-pane="record"] .ro-learn-pane-intro h3{font:700 18px/1.3 system-ui,sans-serif!important;color:#f3f9ff!important;margin:0 0 4px!important}
#student-portal .ro-learn-pane[data-ro-learn-pane="record"] .ro-learn-pane-intro p{font-size:13px;color:#bbd2e3}
#student-portal #rax-academy-studio{display:flex;flex-direction:column;gap:16px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;width:100%;max-width:none!important}
#student-portal #rax-academy-studio .rax-studio-heading{display:none!important}
#student-portal #rax-academy-studio .rax-studio-setup{display:grid!important;grid-template-columns:minmax(240px,1.2fr) minmax(0,1fr);gap:16px;align-items:end;margin:0!important;padding:0!important;background:none!important;border:0!important}
#student-portal #rax-academy-studio label{display:flex;flex-direction:column;gap:6px;color:#c6d8e7!important;font:500 13px/1.4 system-ui,sans-serif!important;min-width:0}
#student-portal #rax-academy-studio input:not([type=file]),#student-portal #rax-academy-studio select{height:43px!important;min-height:43px!important;width:100%!important;max-width:100%!important;box-sizing:border-box;background:#0c2338!important;color:#edf7ff!important;border:1px solid #547893!important;padding:9px 12px!important;border-radius:0!important;font:500 14px system-ui,sans-serif!important;box-shadow:none!important}
#student-portal #rax-academy-studio .rax-studio-controls{display:flex!important;gap:9px!important;align-items:end;flex-wrap:wrap;margin:0!important}
#student-portal #rax-academy-studio .rax-studio-setup>.rax-studio-controls{flex-wrap:nowrap}
#student-portal #rax-academy-studio button.rax-btn{background:#235779!important;color:#f3faff!important;border:1px solid #5485a5!important;border-radius:0!important;box-shadow:none!important;padding:10px 13px!important;min-height:43px!important;font:650 13px/1.3 system-ui,sans-serif!important;cursor:pointer;white-space:normal}
#student-portal #rax-academy-studio button.rax-btn:hover:not(:disabled){background:#327da9!important}
#student-portal #rax-academy-studio button.rax-btn:disabled{opacity:.48!important;cursor:not-allowed}
#student-portal #rax-studio-record{background:#2685c0!important;border-color:#55b4eb!important}
#student-portal #rax-academy-studio .rax-studio-workspace{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:16px!important;align-items:stretch;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
#student-portal #rax-academy-studio .rax-studio-stage{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;background:#071b2b!important;border:1px solid #4c7895!important;border-radius:0!important;overflow:hidden;aspect-ratio:16/9;min-height:270px;box-shadow:none!important}
#student-portal #rax-academy-studio #rax-studio-canvas{width:100%!important;height:auto!important;max-width:100%!important;display:block;aspect-ratio:16/9;object-fit:contain;background:#071b2b}
#student-portal #rax-academy-studio .rax-studio-side{display:flex!important;flex-direction:column;gap:15px!important;min-width:0;padding:20px!important;background:#102b43!important;border:1px solid #4c7895!important;border-radius:0!important;box-sizing:border-box}
#student-portal #rax-academy-studio .rax-studio-side>.rax-studio-controls:first-child{display:grid!important;grid-template-columns:1fr 1fr;align-items:end}
#student-portal #rax-academy-studio .rax-studio-side>.rax-studio-controls:nth-child(2){display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;align-items:center}
#student-portal #rax-academy-studio #rax-studio-timer{font:600 17px system-ui,sans-serif!important;color:#c9e2f5}
#student-portal #rax-academy-studio #rax-studio-status{border-top:1px solid #35536a;padding-top:14px;margin:0!important;color:#e6f3fc!important;font-weight:650}
#student-portal #rax-academy-studio .rax-studio-note{margin:0!important;color:#a6bfd1!important;font-size:12px!important}
#student-portal #rax-academy-studio details{background:#13314b!important;border:1px solid #456d8a!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;color:#e2eff9!important}
#student-portal #rax-academy-studio details>summary{cursor:pointer;min-height:53px;display:list-item;padding:15px 18px!important;font:700 14px system-ui,sans-serif!important;color:#e5f3ff!important;list-style-position:inside}
#student-portal #rax-academy-studio details[open]>summary{border-bottom:1px solid #456d8a}
#student-portal #rax-academy-studio details>form,#student-portal #rax-academy-studio details>p,#student-portal #rax-academy-studio details>#rax-studio-library{margin:14px 18px!important}
#student-portal #rax-academy-studio .rax-studio-help{order:3}
#student-portal #rax-academy-studio .rax-admin-subsection{order:4}
#student-portal #rax-academy-studio .rax-studio-library-details{order:5}
#student-portal #rax-academy-studio .rax-studio-setup{order:1}
#student-portal #rax-academy-studio .rax-studio-workspace{order:2}
#student-portal #rax-academy-studio input[type=file]{color:#dceefa!important;max-width:100%}
@media(max-width:1050px){#student-portal #rax-academy-studio .rax-studio-setup{grid-template-columns:1fr}#student-portal #rax-academy-studio .rax-studio-setup>.rax-studio-controls{flex-wrap:wrap}#student-portal #rax-academy-studio .rax-studio-workspace{grid-template-columns:1fr}#student-portal #rax-academy-studio .rax-studio-side{padding:15px!important}}
@media(max-width:580px){#student-portal #rax-academy-studio .rax-studio-side>.rax-studio-controls:first-child{grid-template-columns:1fr}#student-portal #rax-academy-studio .rax-studio-stage{min-height:180px}#student-portal #rax-academy-studio .rax-studio-setup>.rax-studio-controls button{flex:1 1 100%}}

/* 15.2.2 Virtual Classroom launch workspace */
#ro-learn-admin .rax-vcls{color:#c5d7e5}#ro-learn-admin .rax-vcls-heading{margin:0 0 18px;padding:0}#ro-learn-admin .rax-vcls-heading h3{color:#e9f4fd;font:700 24px/1.3 inherit;margin:0 0 7px}#ro-learn-admin .rax-vcls-heading p{margin:0;color:#a7bfd1}#ro-learn-admin .rax-vcls-launch{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px}#ro-learn-admin .rax-vcls-launch-card,#ro-learn-admin .rax-vcls-schedule-card{border:1px solid #365b76;background:#102b43;padding:24px;border-radius:0!important;min-width:0}#ro-learn-admin .rax-vcls-launch-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}#ro-learn-admin .rax-vcls-launch-icon{font-size:38px;color:#84cfff}#ro-learn-admin .rax-vcls-launch h4{font-size:20px;color:#f0f8ff;margin:8px 0}#ro-learn-admin .rax-vcls-launch p{color:#aec4d5;margin:5px 0 20px}#ro-learn-admin .rax-vcls-launch button{border-radius:0!important;background:#277eae;color:white;border:1px solid #5cafd9;padding:13px 20px;font-weight:700;cursor:pointer}#ro-learn-admin .rax-vcls-schedule-card form{display:grid;gap:12px}#ro-learn-admin .rax-vcls-schedule-card label{display:grid;gap:5px}#ro-learn-admin .rax-vcls-schedule-card input:not([type=checkbox]){width:100%;background:#091d30;color:#edf6ff;border:1px solid #456a86;border-radius:0;padding:10px;box-sizing:border-box}#ro-learn-admin .rax-vcls-schedule-card fieldset{border:1px solid #365b76}#ro-learn-admin .rax-vcls-launch .rax-vcls-schedule-card button{width:100%}#ro-learn-admin .rax-vcls-list{margin-top:16px}#ro-learn-admin .rax-vcls>p.rax-small:last-child{font-size:12px;color:#91a9bc;line-height:1.55;margin-top:18px}@media(max-width:850px){#ro-learn-admin .rax-vcls-launch{grid-template-columns:1fr}}

/* v15.2.4 Virtual Classroom: consistent RampOne panels; no legacy browser form styling */
#ro-learn-admin .rax-vcls{width:100%;max-width:none;color:#c8d9e7;font-family:inherit}
#ro-learn-admin .rax-vcls *{box-sizing:border-box;border-radius:0!important}
#ro-learn-admin .rax-vcls-launch{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;gap:16px!important;margin:0 0 18px!important;align-items:stretch}
#ro-learn-admin .rax-vcls-launch-card,#ro-learn-admin .rax-vcls-schedule-card{display:flex;flex-direction:column;min-width:0;padding:24px!important;background:#102b43!important;border:1px solid #3c6682!important;box-shadow:none!important}
#ro-learn-admin .rax-vcls-launch-card{justify-content:center;align-items:center;text-align:center}
#ro-learn-admin .rax-vcls-launch-icon{font-size:38px!important;color:#93d3ff!important}
#ro-learn-admin .rax-vcls-launch h4{color:#f3f8ff!important;font-family:inherit!important;font-size:21px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important;margin:8px 0!important}
#ro-learn-admin .rax-vcls-launch p{color:#bed1e0!important;font-size:14px!important;line-height:1.55!important;margin:5px 0 18px!important}
#ro-learn-admin .rax-vcls-schedule-card form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px!important;width:100%}
#ro-learn-admin .rax-vcls-schedule-card form>label:first-of-type,#ro-learn-admin .rax-vcls-schedule-card form>fieldset,#ro-learn-admin .rax-vcls-schedule-card form>button{grid-column:1/-1}
#ro-learn-admin .rax-vcls-schedule-card label{display:flex!important;flex-direction:column;align-items:stretch;gap:6px!important;color:#cbdcea!important;font-size:13px!important}
#ro-learn-admin .rax-vcls-schedule-card input:not([type=checkbox]){display:block!important;width:100%!important;min-width:0!important;height:42px!important;background:#0b2033!important;color:#edf7ff!important;border:1px solid #537b98!important;padding:9px 11px!important;font:inherit!important;box-shadow:none!important}
#ro-learn-admin .rax-vcls-schedule-card input[type=checkbox]{accent-color:#58b7ed;width:16px;height:16px}
#ro-learn-admin .rax-vcls-schedule-card label:has(>input[type=checkbox][hidden]){display:none!important}
#ro-learn-admin .rax-vcls-schedule-card fieldset{min-width:0;margin:0!important;padding:10px 12px!important;border:1px solid #416984!important;background:#0d253a!important}
#ro-learn-admin .rax-vcls-schedule-card legend{padding:0 5px;color:#c5d8e7;font-size:13px}
#ro-learn-admin .rax-vcls-students{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;max-height:180px;overflow:auto}
#ro-learn-admin .rax-vcls-students label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:normal}
#ro-learn-admin .rax-vcls button,#ro-learn-admin .rax-vcls .rax-btn{background:#287eae!important;color:#fff!important;border:1px solid #63add4!important;font:600 14px/1.3 inherit!important;padding:11px 16px!important;cursor:pointer!important;box-shadow:none!important}
#ro-learn-admin .rax-vcls-launch-card .rax-vcls-go-now{min-width:220px;max-width:100%}
#ro-learn-admin .rax-vcls-schedule-card form>button{width:100%!important}
#ro-learn-admin .rax-vcls-list{margin:0!important;padding:0!important;border:1px solid #3c6682;background:#102b43}
#ro-learn-admin .rax-vcls-list:before{content:'Classroom Sessions';display:block;padding:14px 17px;font-size:17px;font-weight:700;color:#f1f8ff;border-bottom:1px solid #365a76}
#ro-learn-admin .rax-vcls-meeting{display:flex;align-items:center;gap:12px;padding:14px 17px!important;border-bottom:1px solid #31516b}
#ro-learn-admin .rax-vcls-meeting:last-child{border-bottom:0}
#ro-learn-admin .rax-vcls-meeting strong{color:#eef6fc;font-size:14px}
#ro-learn-admin .rax-vcls-meeting small{color:#a9bfd0;font-size:12px;line-height:1.5;margin-top:4px}
#ro-learn-admin .rax-vcls-meeting form{margin:0!important}
#ro-learn-admin .rax-vcls>p[role=status]{padding:12px 16px!important;margin:0 0 14px!important;background:#123a50!important;border:1px solid #3b7795!important;color:#d8f1ff!important}
#ro-learn-admin .rax-vcls>p.rax-small:last-child{font-size:11px!important;line-height:1.6!important;color:#93aabd!important;margin:18px 0 0!important}
#ro-learn-admin .rax-vcls-frame{border-radius:0!important}
@media(max-width:950px){#ro-learn-admin .rax-vcls-launch{grid-template-columns:1fr!important}}
@media(max-width:620px){#ro-learn-admin .rax-vcls-launch-card,#ro-learn-admin .rax-vcls-schedule-card{padding:16px!important}#ro-learn-admin .rax-vcls-students{grid-template-columns:repeat(2,minmax(0,1fr))!important}#ro-learn-admin .rax-vcls-schedule-card form{grid-template-columns:1fr}#ro-learn-admin .rax-vcls-meeting{flex-wrap:wrap}}
