/* SocialLab: campaign strategy workspace. Creative-post typography remains independent. */
:root,body.babun-preview{--bg:#f3f5f6;--bg2:#fff;--bg3:#f7f9fa;--bg4:#edf2f4;--bg5:#dfe7eb;--brd:#dce4e8;--brd2:#bdccd3;--brd3:#7c929c;--txt:#183140;--txt2:#344e5c;--mt:#526976;--mt2:#4a6270;--ac:#176d75;--ac2:#176d75;--ac3:#b63e39;--ac4:#84601b;--dusk:#183b50;--void:#102d40;--aI:#176d75;--aD:#84601b;--aAct:#23754d;--r:12px;--rs:8px}
html,body.babun-preview{background:var(--bg);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--txt)}
body.babun-preview :is(button,input,select,textarea){font-family:'DM Sans',Arial,sans-serif}
body.babun-preview :is(h1,h2,h3,h4,.shd,.asgn-ttl,.bnm){font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.035em;color:var(--txt);line-height:1.2}
body.babun-preview :is(button,input,select,textarea,a):focus-visible{outline:3px solid #308b94;outline-offset:3px}
body.babun-preview .hdr{height:auto;min-height:80px;padding:16px 32px;border-radius:0;border-bottom:1px solid var(--brd);box-shadow:none;background:#fff;flex-wrap:wrap}
.logo{font-size:24px;letter-spacing:-1px;gap:11px}.logo-gem{width:34px;height:34px;border-radius:9px;background:var(--dusk);color:#fff;font-size:0}.logo-gem::before{content:'S';font-size:21px;font-weight:800;color:#fff;letter-spacing:-1px}
.pills{gap:8px}.pill{padding:6px 12px;font-size:13px;font-weight:600;border-radius:6px;line-height:1.4}.pill.on{background:#e7f2f2;border-color:#98c3c6;color:#14565e}.pill.dn{color:#246443;background:#edf6ef;border-color:#bad9c2}
.main{align-items:stretch}.sbar{width:260px;background:#132f41;border:0;padding:28px 18px;gap:5px}.si{padding:12px;gap:12px;border-radius:7px;margin:0 0 5px}.si-l{font-size:15px;color:#e1eaf0;line-height:1.4}.si-n{height:28px;width:28px;font-size:13px;color:#c3d3dd;border-color:#5f7a89}.si:hover{background:#24495c}.si.on{background:#24495c;box-shadow:inset 3px 0 #79bfc4}.si.on .si-l{color:#fff}.si.on .si-n{background:#d8eeee;color:#154651;border-color:#d8eeee}.si.dn .si-l{color:#c4e9d4}.si.lk{opacity:.6}.sbar .sbf{color:#c3d3dd}
.cont{max-width:1400px;padding:40px clamp(22px,3vw,56px);margin:0 auto}.shd{font-size:34px;margin-bottom:12px}.ssub{font-size:16px;line-height:1.7;color:var(--mt);max-width:800px;margin-bottom:26px}
body.babun-preview :is(.card,.lesson-card,.pc,.ctb,.wkc,.mc,.dash-metric){border:1px solid var(--brd);border-radius:12px;box-shadow:0 3px 12px #183b5005;background:#fff;transition:border-color .18s,box-shadow .18s}
.card{padding:26px 28px;margin-bottom:24px}.ct{font-size:12px;letter-spacing:1.5px;color:#526976;padding-bottom:13px;margin-bottom:20px;font-weight:700}.pgrd,.ctgrd,.lesson-grid{gap:16px}.pc,.wkc,.ctb{padding:20px}.pc:hover,.wkc:hover,.ctb:hover{border-color:#83adb5;box-shadow:0 3px 14px #183b500c;transform:none}.pc.sel,.ctb.sel{border-color:#176d75;background:#edf7f6;box-shadow:0 0 0 1px #176d75}.wkc{min-width:0}.wkcal{gap:16px}
body.babun-preview .btn{border-radius:7px;min-height:46px;padding:12px 19px;font-size:15px;font-weight:600;line-height:1.4;justify-content:center;box-shadow:none;letter-spacing:0;white-space:normal;transition:background .18s,border-color .18s}
body.babun-preview :is(.bp,.bg){background:#183b50!important;border:1px solid #183b50!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.bp:hover,.bg:hover{background:#24556b!important;transform:none!important}.bs{background:#fff;color:#294b5b;border:1px solid #aebfc8}.bs:hover{background:#edf3f6;border-color:#567e91}.btn:disabled{opacity:.55;cursor:not-allowed}.blg{padding:15px 24px!important;min-height:52px!important;font-size:16px!important}
.inp{border-radius:7px;border-color:#acbec8;font-size:16px;padding:12px 14px;line-height:1.5;background:#fff}.inp:focus{border-color:#176d75;box-shadow:0 0 0 3px #176d7518}.inp::placeholder{color:#6c808b}
body.babun-preview :is(.asgn,.login-screen,.chat-screen){background:var(--bg);padding:52px 24px;min-height:100vh}.asgn{gap:28px;justify-content:flex-start}.asgn>div:first-child{max-width:850px!important}.asgn-ttl{font-size:clamp(30px,3.5vw,44px);font-weight:700;line-height:1.16;margin-top:10px;max-width:850px}
.asgn::before,.login-screen::before{content:'SOCIALLAB  /  CAMPAIGN STRATEGY SIMULATION';font-size:12px;font-weight:700;letter-spacing:2px;color:#176d75;display:block;margin-bottom:4px}
body.babun-preview .brev{max-width:880px;padding:32px;border:1px solid #cddbe2;border-top:4px solid #176d75;border-radius:12px;box-shadow:0 12px 32px #15394e08;animation:none}.brev-hd{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--brd);gap:18px}.bnm{font-size:30px!important;color:#183b50!important;font-weight:700}.bico{width:62px;height:62px;border-radius:12px;flex-shrink:0;box-shadow:none}.bdg{display:inline-block;background:#edf3f6;border:0;border-radius:5px;color:#3f5b69;font-size:13px;padding:4px 8px;margin-top:8px}.bdgrd{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--brd);border-radius:8px;overflow:hidden;margin-bottom:22px}.bdi{border:0;border-right:1px solid var(--brd);border-bottom:1px solid var(--brd);border-radius:0;padding:17px;background:#f8fafb;box-shadow:none;min-width:0}.bdi:nth-child(3n){border-right:0}.bdi:nth-last-child(-n+3){border-bottom:0}.bdi-l{font-size:11px;letter-spacing:1px;color:#526976;font-weight:700;margin-bottom:7px}.bdi-v{font-size:15px;line-height:1.5;color:#183b50;overflow-wrap:anywhere}.brev>div[style]{font-size:15px!important;line-height:1.65;padding:14px 16px!important;border-radius:7px!important}.brev>div[style]:has(strong){color:#634e22!important;background:#f9f4e8!important;border-color:#e1d6bc!important}.brev .btn{margin-top:24px!important}.brev span[style]{color:#315766!important;border-color:#c6d7df!important;background:#eff5f7!important;border-radius:5px!important;line-height:1.5;font-size:14px!important}
body.babun-preview .login-card{max-width:540px;border:1px solid var(--brd);border-top:4px solid #176d75;border-radius:12px;padding:36px;box-shadow:0 12px 32px #15394e08}.slot{border-radius:12px;border:1px solid #bdcfd8;box-shadow:none}.sitem{border-radius:8px}
.chat-wrap{max-width:900px;border-radius:12px;border:1px solid #cedce3;box-shadow:0 12px 32px #15394e08}.chat-header{background:#183b50;padding:22px 28px}.chat-msgs{padding:28px;max-height:52vh;min-height:280px;background:#f6f8f9}.cbubble{font-size:16px;line-height:1.75;padding:16px 20px;border-radius:10px}.cbubble-owner{border:1px solid #d5e0e6;box-shadow:none}.cbubble-student{background:#183b50;font-weight:500}.cmeta{font-size:13px;color:#526976}.answer-area{border-radius:0;background:#fff;padding:24px 28px}.answer-q{font-size:12px;color:#526976;letter-spacing:1.2px}.answer-btn{font-size:16px;line-height:1.6;padding:14px 18px;border:1px solid #b8cbd4;border-radius:7px;transition:background .18s,border-color .18s}.answer-btn:hover{color:#183b50;background:#eff7f8;border-color:#176d75;transform:none}.answer-btn.chosen{background:#183b50;border-color:#183b50;color:#fff}.answer-btn:disabled{opacity:.7}
.aida-strip,.aida-funnel,.lesson-panel{border:1px solid #cddce3;border-radius:10px;box-shadow:none;overflow:hidden}.aida-title{font-size:24px;letter-spacing:-.5px}.aida-kicker,.lesson-kicker{font-size:12px;letter-spacing:1.3px}.aida-desc,.aida-bullet,.lesson-list{font-size:15px;line-height:1.75}.aida-stage-word{font-size:16px}.aida-stage-desc{font-size:13px}.lesson-panel{background:#eef5f7;padding:24px}.lesson-chip{border-radius:5px;font-size:12px}.aida-body{padding:24px}.dash{max-width:1400px;padding:36px}.dash-metric{padding:24px}.dash-table-wrap{border:1px solid var(--brd);border-radius:10px;overflow:auto}.dash-table th{background:#edf3f6;font-size:12px;letter-spacing:.7px;padding:14px}.dash-table td{padding:14px;font-size:15px}.toast{background:#183b50;border-radius:8px;color:#fff;box-shadow:0 8px 20px #15394e20}
.note-editor.note-frame{border-radius:8px!important;border-color:#b5c7d0!important}.note-toolbar{background:#f1f5f7!important}.note-editable{font-size:16px}
@media(min-width:1800px){.cont{padding:48px 64px}}@media(max-width:1100px){.sbar{width:220px;padding:22px 12px}.cont{padding:28px 24px}.hdr{gap:12px}.pills{gap:5px}.pill{font-size:12px;padding:5px 8px}.bdgrd{grid-template-columns:repeat(2,minmax(0,1fr))}.bdi:nth-child(n){border-right:1px solid var(--brd);border-bottom:1px solid var(--brd)}.bdi:nth-child(2n){border-right:0}.bdi:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:768px){.hdr{padding:16px 20px!important}.sbar{display:none}.cont{padding:24px 16px}.card{padding:22px 18px}.asgn,.login-screen,.chat-screen{padding:32px 16px!important}.brev{padding:22px!important}.asgn-ttl{font-size:30px}.bnm{font-size:24px!important}.chat-msgs,.answer-area{padding:20px}.pgrd,.wkcal,.ctgrd{grid-template-columns:repeat(2,minmax(0,1fr))}.shd{font-size:28px}.chat-header{padding:20px}.login-card{padding:26px!important}.asgn::before,.login-screen::before{font-size:10px;letter-spacing:1px;text-align:center}}
@media(max-width:460px){.pgrd,.wkcal,.ctgrd,.lesson-grid{grid-template-columns:1fr}.brev-hd{align-items:flex-start}.bdi{padding:13px}.bdi-v{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{body.babun-preview{background:#fff}.sc-header{background:#183b50!important}.asgn::before,.login-screen::before{display:none}}
body.babun-preview .login-screen{flex-direction:column;gap:22px;background:#f3f5f6!important}.sl-entry{max-width:560px!important}.sl-entry-hero{background:#183b50!important;border-radius:12px 12px 0 0!important;padding:32px!important}.sl-entry-hero>div:last-child>div:first-child{background:#277e86!important;color:#fff!important;border-radius:10px!important;box-shadow:none!important;font-size:0!important}.sl-entry-hero>div:last-child>div:first-child::after{content:'S';font:700 28px Arial,sans-serif}.sl-entry-hero>div:last-child>div:last-child{color:#d7e4ea!important;font-size:12px!important}.sl-entry-form{border:1px solid #ccdbe2!important;border-top:0!important;border-radius:0 0 12px 12px!important;padding:28px 32px!important;box-shadow:0 12px 32px #15394e08!important}.sl-entry>div:nth-child(2)>div>div:last-child{font-size:11px!important}.sl-entry-form>div{border-radius:7px!important}.sl-entry-form .inp{background:#fff}
.sl-client-mark{background:#e5f0f2!important;border:1px solid #b9d3d8;color:#185663;font-size:23px;font-weight:700;letter-spacing:-1px}.chat-wrap{max-width:900px!important}.chat-header,.cbubble-student{background:#183b50!important}
.sl-workspace-header{height:auto!important;min-height:80px;padding:16px 28px!important;gap:18px;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid #dce4e8!important;flex-wrap:wrap}.sl-workspace-header>div:first-child{font-size:23px!important;color:#183b50!important;letter-spacing:-.7px}.sl-workspace-header>div:first-child>div{background:#183b50!important;font-size:0!important;border-radius:8px!important;width:34px!important;height:34px!important}.sl-workspace-header>div:first-child>div::after{content:'S';font-size:21px;color:#fff}.sl-workspace-header>div:nth-child(2){flex-wrap:wrap;gap:5px!important}.sl-workspace-header>div:nth-child(2)>div{border-radius:5px!important;box-shadow:none!important;min-width:27px;text-align:center;padding:4px 8px!important}.sl-workspace-header>div:last-child>span:last-child{color:#526976!important}
.sl-sidebar{width:260px!important;background:#132f41!important;border:0!important;padding:24px 14px!important;--brd:#3e6072;--mt:#c4d5df;--mt2:#d3e0e7}.sl-sidebar>div>div:first-child{background:#234658!important;border:1px solid #3e6072!important;padding:12px!important}.sl-sidebar>div>div:first-child>div{color:#edf5f8!important;font-size:15px!important}.sl-sidebar>div>div:nth-child(2){font-size:11px!important;letter-spacing:1.5px!important;margin:12px 0 16px!important}.sl-nav-step{padding:12px!important;gap:12px!important;margin-bottom:5px!important;opacity:1!important;border-radius:7px!important}.sl-nav-step>span{font-size:14px!important;line-height:1.4;color:#dce7ed!important}.sl-nav-step>div:first-child{font-size:12px!important;width:26px!important;height:26px!important;color:#d4e4ed!important;border-color:#6c8796!important}.sl-nav-step.is-active{background:#295266!important;box-shadow:inset 3px 0 #8bc8ce}.sl-nav-step.is-active>span{color:#fff!important}.sl-nav-step.is-active>div:first-child{background:#e3f3f3!important;color:#174353!important;border-color:#e3f3f3!important}.sl-nav-step.is-locked>span{color:#a9beca!important}.sl-nav-step.is-done>span{color:#c1ead1!important}.sl-nav-step>div:last-child:not(:first-child){background:#34566a!important;color:#def0f4!important;border-color:#59798a!important}.sl-sidebar>div>div:last-child{margin-top:24px!important}.sl-sidebar>div>div:last-child>div:first-child{background:#234658!important;border-color:#3e6072!important}.sl-sidebar>div>div:last-child>div:first-child div{color:#dce7ed!important}.sl-workspace-content{padding:36px clamp(24px,3vw,54px)!important;max-width:1400px!important}.sl-workspace-content .shd{font-size:32px}.sl-workspace-content .ssub{font-size:16px}.sl-workspace-content>div>div[style*="grid-template-columns"]{gap:18px!important}
@media(max-width:1050px){.sl-sidebar{width:220px!important}.sl-workspace-header>div:nth-child(2){order:3;width:100%}.sl-workspace-content{padding:26px 22px!important}}
@media(max-width:768px){.sl-workspace-header{position:relative!important;padding:16px 20px!important}.sl-sidebar{display:none!important}.sl-workspace-content{padding:24px 16px!important}.sl-workspace-content .shd{font-size:27px}.sl-workspace-header>div:last-child{flex-wrap:wrap!important}.sl-workspace-content [style*="grid-template-columns: repeat(2, 1fr)"]{grid-template-columns:1fr!important}}
@media print{.sl-workspace-header,.sl-sidebar{display:none!important}.sl-workspace-content{padding:0!important;max-width:none!important}}

/* Keep browser dark-mode defaults from replacing the light workspace. */
:root{color-scheme:light}html,body.babun-preview,#root{background-color:#f3f5f6!important;color:#183140}body.babun-preview .sl-workspace{background:#f3f5f6!important}.sl-workspace-content{background:#f3f5f6!important}
/* Fictional client photography: full compositions keep people and their work visible. */
.sl-client-photo{position:relative;margin:0 0 26px;border-radius:9px;overflow:hidden;background:#e1e9ed;border:1px solid #d2dfe5}.sl-client-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.sl-client-photo figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;background:#183b50;color:#f4f8fa;padding:14px 18px;font-size:13px;line-height:1.6}.sl-client-photo figcaption>span:first-child{font-size:10px;letter-spacing:1.3px;color:#a6d7dc;font-weight:700}.sl-client-photo figcaption strong{font-size:15px}.sl-client-photo figcaption>span:last-child{color:#d5e4ea;margin-left:auto}.sl-client-photo.is-compact{border:0;border-radius:0;margin:0}.sl-client-photo.is-compact img{aspect-ratio:3/2;max-height:440px;object-fit:contain;background:#e8eef1}.sl-client-photo.is-compact figcaption{display:none}.sl-discovery-panel{max-width:900px!important}.sl-client-thumb{display:block;width:56px;height:42px;object-fit:cover;object-position:center 25%;border-radius:6px;flex-shrink:0;border:1px solid #d5e0e6}.bbn{flex-wrap:wrap;gap:12px}.brev .sl-client-photo+ .brev-hd{margin-top:0}
@media(max-width:650px){.sl-client-photo figcaption>span:last-child{margin-left:0;width:100%}.sl-client-thumb{width:48px;height:36px}.sl-client-photo figcaption{padding:12px 14px}.sl-client-photo.is-compact img{max-height:none}}
/* Focused student entry: a compact campaign introduction and a distinct form. */
.sl-welcome{min-height:100vh;background:#f3f5f6;color:#183140;padding:0 40px 24px}.sl-welcome-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:0 auto;padding:28px 0}.sl-welcome-brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:750;letter-spacing:-.8px;line-height:1.2}.sl-welcome-brand>span{display:grid;place-items:center;width:39px;height:39px;border-radius:9px;background:#183b50;color:#fff;font-size:23px}.sl-welcome-brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:1.5px;color:#60757f;font-weight:600}.sl-instructor-link{border:0;background:transparent;color:#345867;font-size:14px;font-weight:600;padding:10px 0;cursor:pointer;display:flex;gap:12px;align-items:center}.sl-instructor-link:hover{color:#176d75;text-decoration:underline;text-underline-offset:4px}
.sl-welcome-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);max-width:1120px;margin:16px auto 0;border:1px solid #d5e0e5;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 14px 45px #16394a06}.sl-welcome-story{padding:42px;background:#edf3f4;border-right:1px solid #d5e0e5}.sl-welcome-kicker,.sl-entry-tag{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#176d75;margin-bottom:16px}.sl-welcome-story h1{font-size:clamp(32px,3vw,43px);font-weight:700;letter-spacing:-1.8px;line-height:1.12;margin:0 0 18px;color:#183b50}.sl-welcome-story h1 span{color:#176d75}.sl-welcome-story>p{font-size:16px;line-height:1.75;max-width:430px;margin:0 0 24px;color:#4b6673}.sl-welcome-photo{margin:0;overflow:hidden;border-radius:9px;background:#183b50}.sl-welcome-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.sl-welcome-photo figcaption{padding:12px 15px;color:#e6f0f3;font-size:12px;line-height:1.5}.sl-welcome-photo figcaption span{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#a2d6db;margin-bottom:3px}.sl-welcome-framework{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px}.sl-welcome-framework>div{font-size:12px;color:#3d5966;line-height:1.5;border-top:1px solid #b9ccd3;padding-top:10px;font-weight:600}.sl-welcome-framework span{display:block;color:#176d75;font-size:11px;margin-bottom:3px}
.sl-welcome-form{padding:42px 44px;align-self:center}.sl-entry-tag{color:#627984;margin-bottom:12px}.sl-welcome-form h2{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin-bottom:13px}.sl-entry-intro{font-size:15px;line-height:1.7;color:#526976;margin-bottom:28px}.sl-welcome-form .sl-field-label{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;margin:20px 0 8px;color:#294958}.sl-field-label span{font-size:12px;font-weight:400;color:#627984}.sl-welcome-form .inp{height:48px;background:#fff;border:1px solid #aebfc8;border-radius:6px;font-size:15px;padding:12px 14px}.sl-access-help{font-size:13px;line-height:1.6;color:#526976;margin:9px 0 24px}.sl-terms-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.65;color:#526976;margin:0 0 22px}.sl-terms-row input{flex-shrink:0;width:17px;height:17px;margin-top:2px;accent-color:#176d75}.sl-terms-row a{color:#245b70;text-decoration:underline;text-underline-offset:3px}.sl-welcome-form .sl-start-button{width:100%;min-height:49px;display:flex;justify-content:space-between;padding:13px 18px;font-size:15px;border-radius:6px}.sl-start-button:disabled{opacity:1!important;background:#dbe4e8!important;border-color:#dbe4e8!important;color:#526976!important;-webkit-text-fill-color:#526976!important;cursor:not-allowed}.sl-entry-outcomes{margin-top:27px;padding-top:20px;border-top:1px solid #dce5e9}.sl-entry-outcomes>span{font-size:10px;letter-spacing:1.3px;color:#627984;font-weight:700}.sl-entry-outcomes p{font-size:13px;line-height:1.65;color:#526976;margin-top:6px}.sl-entry-error{font-size:14px;background:#fff0ef;border:1px solid #e3b6b2;border-radius:6px;color:#9b3530;padding:10px 12px;margin-bottom:16px}.sl-welcome-footer{max-width:1120px;margin:24px auto 0;display:flex;justify-content:space-between;color:#627984;font-size:12px}
@media(max-width:1000px){.sl-welcome{padding:0 24px 24px}.sl-welcome-story{padding:32px}.sl-welcome-form{padding:32px}.sl-welcome-framework{gap:6px}.sl-welcome-framework>div{font-size:11px}}
@media(max-width:760px){.sl-welcome{padding:0 18px 22px}.sl-welcome-nav{padding:22px 0}.sl-welcome-brand{font-size:20px}.sl-instructor-link{font-size:13px}.sl-welcome-shell{grid-template-columns:1fr;margin-top:4px}.sl-welcome-story{padding:26px;border-right:0;border-bottom:1px solid #d5e0e5}.sl-welcome-story h1{font-size:34px;letter-spacing:-1px}.sl-welcome-story>p{margin-bottom:0}.sl-welcome-photo,.sl-welcome-framework{display:none}.sl-welcome-form{padding:28px 26px}.sl-welcome-form h2{font-size:25px}.sl-entry-intro{margin-bottom:22px}.sl-welcome-footer{gap:15px;font-size:11px}.sl-welcome-kicker{font-size:10px}}
.sl-welcome-story{padding:32px 40px}.sl-welcome-photo img{aspect-ratio:16/9;object-fit:cover;object-position:center 10%}.sl-welcome-story h1{font-size:clamp(32px,3vw,40px)}.sl-welcome-framework{margin-top:20px}.sl-welcome-form{padding:32px 40px}body.babun-preview .btn.bp.sl-start-button:disabled{opacity:1!important;background:#dbe4e8!important;border-color:#dbe4e8!important;color:#526976!important;-webkit-text-fill-color:#526976!important}
@media(max-width:1000px){.sl-welcome-story,.sl-welcome-form{padding:28px}.sl-welcome-photo img{aspect-ratio:3/2;object-fit:contain}}@media(max-width:760px){.sl-welcome-story,.sl-welcome-form{padding:26px}}
/* Instructor workspace */
.sl-instructor-story{display:flex;flex-direction:column;justify-content:center;min-height:530px}.sl-instructor-workflow{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:24px}.sl-instructor-workflow li{display:flex;gap:16px;align-items:flex-start}.sl-instructor-workflow li>span{font-size:12px;font-weight:700;color:#176d75;display:grid;place-items:center;border:1px solid #adcbd1;background:#e2eff1;width:34px;height:34px;border-radius:7px;flex-shrink:0}.sl-instructor-workflow strong{font-size:16px;color:#234556}.sl-instructor-workflow p{font-size:14px;line-height:1.6;color:#526976;margin-top:4px}.sl-instructor-terms{margin-top:22px}.sl-admin-page{padding:0 32px 36px!important}.sl-admin-dashboard{max-width:1400px;padding:0!important}.sl-admin-header{padding:30px 0;gap:14px!important;margin-bottom:0!important;border-bottom:1px solid #d6e1e6;flex-wrap:wrap}.sl-admin-header>div:nth-child(2){flex:1;min-width:220px}.sl-admin-header>div:nth-child(2)>div:first-child{font-size:27px!important;font-weight:700!important;letter-spacing:-.8px}.sl-admin-header>div:nth-child(2)>div:last-child{font-size:14px!important;line-height:1.6}.sl-admin-header .logo-gem{font-size:0!important}.sl-admin-header .btn{font-size:13px;padding:10px 14px;min-height:40px}.sl-admin-dashboard .dash-admin-metrics{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px;margin:28px 0}.sl-admin-dashboard .dash-metric{padding:20px;border-radius:9px;box-shadow:none}.sl-admin-dashboard .dash-metric>div:first-child{font-size:10px!important;letter-spacing:1px!important;margin-bottom:12px!important}.sl-admin-dashboard .dash-metric>div:nth-child(2){font-size:29px!important;font-weight:700!important}.sl-admin-dashboard .dash-metric>div:last-child{font-size:12px!important;line-height:1.6}.sl-admin-tabs{display:flex;gap:26px;border-bottom:1px solid #ccdbe2;margin-bottom:26px;overflow:auto}.sl-admin-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#526976;font-size:14px;font-weight:600;padding:14px 0;white-space:nowrap;cursor:pointer}.sl-admin-tabs button[aria-current]{color:#175b66;border-bottom-color:#176d75}.sl-admin-tabs button:hover{color:#176d75}.sl-admin-scope{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px}.sl-admin-scope>div>span{display:block;font-size:10px;letter-spacing:1.5px;color:#627984;font-weight:700}.sl-admin-scope strong{display:block;font-size:23px;letter-spacing:-.5px;color:#183b50;margin-top:5px}.sl-admin-scope label{font-size:12px;font-weight:600;color:#526976;display:flex;align-items:center;gap:12px}.sl-admin-scope .inp{width:auto;min-width:230px;max-width:400px;padding:10px 12px;font-size:14px;min-height:43px}.sl-admin-panel[hidden]{display:none!important}.sl-admin-panel{padding:26px!important;border-radius:10px!important;box-shadow:none!important}.sl-admin-panel .ct{font-size:13px;color:#284e60;letter-spacing:.5px;margin-bottom:22px;padding-bottom:14px}.sl-admin-panel .inp{font-size:15px;min-height:46px}.sl-admin-panel .btn{font-size:13px;min-height:40px}.sl-admin-panel .dash-table{min-width:760px;width:100%;border-collapse:collapse}.sl-admin-panel .dash-table th{font-size:11px;line-height:1.5;color:#466572;background:#eef4f6;padding:14px 12px;white-space:nowrap}.sl-admin-panel .dash-table td{font-size:14px;line-height:1.6;padding:15px 12px;vertical-align:top}.sl-admin-panel .dash-table tr:hover td{background:#f6f9fa}.sl-admin-panel .dash-table td div[style*="font-size: 16px"]{font-size:12px!important}.sl-admin-panel .dash-table-wrap{margin-top:22px;border-radius:7px}.sl-admin-panel .leaderboard-actions{margin-left:auto}.sl-admin-panel .leaderboard-toolbar{margin-bottom:20px}.sl-admin-panel .leaderboard-business-head{background:#edf4f6;border-color:#d2e0e7}.sl-admin-panel .leaderboard-business-name{font-size:20px;color:#183b50}.sl-admin-panel .leaderboard-business-pill{border-radius:5px;background:#fff;color:#365967;font-size:12px}.sl-admin-panel .leaderboard-business-group{margin-top:20px;border:1px solid #d3e0e7;border-radius:8px;overflow:hidden}.sl-admin-panel .leaderboard-table{min-width:1180px}.sl-admin-panel .grade-badge{width:32px;height:32px;border-radius:6px;font-size:16px}
@media(max-width:1100px){.sl-admin-dashboard .dash-admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sl-admin-panel>div[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sl-admin-panel>div[style*="grid-template-columns"]>.btn{align-self:end}.sl-admin-page{padding:0 22px 28px!important}}
@media(max-width:760px){.sl-instructor-story{min-height:0}.sl-instructor-workflow{display:none}.sl-admin-page{padding:0 16px 24px!important}.sl-admin-header{padding:24px 0}.sl-admin-header>div:nth-child(2)>div:first-child{font-size:23px!important}.sl-admin-header .btn{margin-left:0!important}.sl-admin-dashboard .dash-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;margin:22px 0}.sl-admin-dashboard .dash-metric{padding:16px}.sl-admin-tabs{gap:20px}.sl-admin-panel{padding:20px!important}.sl-admin-panel>div[style*="grid-template-columns"]{grid-template-columns:1fr!important}.sl-admin-scope{align-items:flex-start;flex-direction:column;gap:16px}.sl-admin-scope label{width:100%;flex-direction:column;align-items:flex-start;gap:5px}.sl-admin-scope .inp{max-width:none;width:100%;min-width:0}.sl-admin-panel .leaderboard-toolbar{gap:14px;align-items:flex-start;flex-direction:column}.sl-admin-panel .leaderboard-actions{margin-left:0;justify-content:flex-start;width:auto}.sl-admin-panel .leaderboard-actions .btn{width:auto}}
/* SocialLab identity: conversation and measurable growth. */
.sl-welcome-brand .sl-brand-mark{display:block;width:46px;height:46px;flex-shrink:0;object-fit:contain}.sl-welcome-brand{gap:13px}.sl-workspace-header .sl-brand-mark{display:block;width:38px;height:38px;object-fit:contain;flex-shrink:0}.logo-gem{background:transparent url('/protected/simulations/sociallab/images/brand/sociallab-mark.svg') center/contain no-repeat!important;border-radius:0!important;font-size:0!important;width:40px!important;height:40px!important;flex-shrink:0}.logo-gem::before,.logo-gem::after{content:none!important}.sl-passcode-hint{margin-top:12px;padding:13px 15px;background:#edf4f5;border:1px solid #c8dde1;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap}.sl-passcode-hint>span{font-size:12px;font-weight:600;color:#3b626e}.sl-passcode-hint code{font-size:15px;letter-spacing:1px;font-weight:700;color:#183b50;background:#fff;border:1px solid #c9dce2;border-radius:4px;padding:3px 8px}.sl-passcode-hint p{width:100%;font-size:12px;line-height:1.6;color:#526976;margin:3px 0 0}
.sl-local-email-note{padding:12px 15px;margin:14px 0 18px;border:1px solid #c7dce3;background:#edf5f7;border-radius:7px;font-size:14px;line-height:1.7;color:#355b6a}.sl-admin-panel .btn:disabled{cursor:not-allowed;opacity:.5}