/* Complete portal: consistent hierarchy, controls, content surfaces and responsive states. */
:root{--ui-shadow:0 6px 22px #112a5e06;--ui-ring:0 0 0 3px #3e70d430}
*{box-sizing:border-box}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #3E70D4;outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #3E70D4!important;outline-offset:2px;box-shadow:var(--ui-ring)}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{max-width:100%;border-color:var(--border-strong)!important;background:#fff!important;color:var(--ink)!important;font-family:var(--font)!important;font-size:14px!important;line-height:1.5;min-height:44px;border-radius:8px}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}textarea{resize:vertical}label{font-weight:500}.page-title em{font-style:normal;color:inherit}.ui-eyebrow{margin:0 0 12px}.ui-page-title{font-size:34px!important;margin:0 0 10px!important}.page-sub{font-size:16px!important;line-height:1.6!important;max-width:760px;margin-bottom:30px!important}.card{box-shadow:none!important;border:1px solid var(--border);border-radius:12px;background:#fff}.card-accent{border-color:var(--border)!important}.action-btn,.notes-save-btn,.rv-tool{min-height:36px;padding:7px 12px!important;border-radius:7px!important;font:500 12px var(--font)!important}.action-btn.deny,.action-btn.delete{color:#96443d!important;background:#fff7f5!important;border-color:#ebcbc6!important}.action-btn.approve{color:#1f6146;background:#e4f2ea}.ui-empty{width:100%;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 24px;text-align:center;background:#fff;border:1px dashed var(--border-strong);border-radius:12px;gap:12px;min-height:220px}.ui-empty-icon{display:grid;place-items:center;width:56px;height:56px;background:var(--accent-soft);border-radius:16px;color:var(--accent)}.ui-empty-icon svg{width:26px;height:26px}.ui-empty h3,.ui-empty p{margin:0}.ui-empty p{max-width:450px;font-size:14px;line-height:1.65}.ui-empty .btn{margin-top:6px}.ui-loading{min-height:190px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--ink-3);font-size:14px}.ui-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 24px}.ui-toolbar>span{font-size:13px;color:var(--ink-3);white-space:nowrap}.ui-search{width:min(440px,100%)}.ui-search input{width:100%;padding:12px 16px;border:1px solid var(--border)}.ui-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:32px 0 16px}.ui-section-title h2{font-size:22px;margin:0}.ui-section-title p{font-size:13px;margin:0}.ui-panel-intro{font-size:14px;margin:8px 0 24px}.ui-milestone{display:flex;align-items:center;gap:14px;padding:18px 22px;margin:0 0 24px;border:1px solid #cbdccf;background:#edf5ec;border-radius:10px;color:#24563a}.ui-milestone>.rd-icon{width:28px;height:28px;flex-basis:28px}.ui-milestone b,.ui-milestone span{display:block}.ui-milestone span{font-size:13px;margin-top:3px;color:#496551}
/* Learning and lesson detail */
.ui-learning-hero{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:36px;background:#112A5E;color:white;padding:32px;border-radius:14px}.ui-learning-hero .t-label{color:#bed0ef}.ui-learning-hero h2{color:#fff;font-size:30px;margin:12px 0;max-width:640px}.ui-learning-hero p{color:#c5d0e6;font-size:15px;margin:0 0 22px;max-width:600px}.ui-learning-hero .btn{background:#fff;border-color:#fff;color:#112a5e}.ui-course-progress{display:flex;flex-direction:column;align-items:center;gap:12px;border-left:1px solid #ffffff30;padding-left:28px;color:#c5d0e6;font-size:12px}.ui-course-progress strong{font:600 58px Archivo,var(--font);color:white;letter-spacing:-3px}.ui-course-progress small{font-size:25px;margin-left:3px}.ui-course-progress progress{width:100%;height:6px;accent-color:#c2d4ff;border:0;border-radius:9px;overflow:hidden}.learning-module{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:14px}.learning-module summary{display:flex;align-items:center;gap:16px;padding:20px!important;cursor:pointer;list-style:none}.learning-module summary>span:nth-child(2){flex:1;font-size:16px;font-weight:600}.learning-module summary small{display:block;font-weight:400;color:var(--ink-3);font-size:12px;margin-top:3px}.ui-module-number{width:40px;height:40px;background:var(--surface-2);border-radius:9px;display:grid;place-items:center;font:500 12px 'IBM Plex Mono',monospace;flex-shrink:0}.ui-module-status{display:flex;align-items:center;gap:9px;font-size:12px!important;color:var(--ink-3)}.ui-module-status .rd-icon{width:17px}.learning-module .ui-lesson-row{width:100%;display:flex;align-items:center;gap:14px;padding:15px 24px!important;border:0;border-top:1px solid #f0ece4;background:#fff;text-align:left}.ui-lesson-row:hover{background:#f7f9ff!important}.ui-lesson-row b{flex:1;font-weight:500;font-size:14px}.ui-lesson-row small{font-size:12px;color:var(--ink-3)}.ui-lesson-mark{width:30px;height:30px;display:grid;place-items:center;color:#3e70d4;background:#e8effb;border-radius:50%;flex-shrink:0}.ui-lesson-mark.done{color:#1f6146;background:#e4f2ea}.ui-lesson-mark .rd-icon{width:16px;height:16px}.ui-back{margin-bottom:22px}.lesson-breadcrumb{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.6px;color:var(--ink-3);margin-bottom:10px}.lesson-title-h{font-size:32px;margin-bottom:25px!important;max-width:850px}.ui-lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.ui-lesson-main{min-width:0}.video-wrap{border-radius:12px;border:1px solid var(--border);background:#112a5e!important;margin-bottom:18px}.video-placeholder{color:#c5d0e6!important;gap:16px}.video-placeholder svg{stroke:#c5d0e6}.lesson-actions{display:flex;gap:14px;flex-wrap:wrap;padding:0!important;background:transparent!important;border:0!important}.lesson-actions>div{flex-wrap:wrap}.notes-section{margin:0!important;background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px!important}.notes-title{display:flex;gap:10px;align-items:center;font-size:17px!important;font-weight:600!important;margin-bottom:16px}.notes-textarea{width:100%;min-height:260px;padding:14px;background:#fbfaf7!important}.notes-save-btn{background:var(--accent-soft)!important;color:var(--accent-ink)!important;border:0!important}.notes-saved-msg{font-size:12px}
/* Files, replays and updates */
#exp-files{margin-bottom:28px}#exp-files .exp-file-library{margin-top:0}#page-resources>.ui-resource-heading{font-size:24px!important;margin:32px 0 8px!important}#page-resources>.ui-resource-sub{font-size:14px!important;margin-bottom:24px!important}.res-section-label{font:600 17px Archivo,var(--font)!important;color:var(--ink)!important;letter-spacing:0!important;text-transform:none!important;margin-bottom:15px!important}.resources-grid{gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}.res-tile{padding:22px!important;min-height:180px;border-color:var(--border)!important;border-radius:12px!important;box-shadow:none!important;transition:transform .16s,border-color .16s}.res-tile:hover,.rec-tile:hover{transform:translateY(-2px);border-color:#8ca9df!important}.res-tile-icon{background:#e8effb!important;color:#3e70d4!important;border-radius:10px!important}.res-tile-title{font-size:16px!important;font-weight:600!important}.res-tile-desc{font-size:14px!important;line-height:1.55!important}.res-tile-foot{border-top:1px solid #eee9e0;padding-top:16px!important;margin-top:20px!important}.res-tile-badge{font:500 10px 'IBM Plex Mono',monospace!important;letter-spacing:.5px}.recordings-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}.rec-tile{overflow:hidden;background:#fff;border:1px solid var(--border)!important;border-radius:12px!important;transition:transform .16s,border-color .16s;text-align:left;padding:0}.rec-thumb{position:relative;background:radial-gradient(ellipse at 90% 10%,#4269aa,transparent 60%),#112a5e!important;aspect-ratio:16/9!important;min-height:170px;display:grid;place-items:center}.ui-recording-label{position:absolute;top:17px;left:18px;color:#d2dff6;font:500 9px 'IBM Plex Mono',monospace;letter-spacing:1.2px}.rec-play{display:grid;place-items:center;background:#ffffff18!important;border:1px solid #ffffff55;border-radius:50%;width:54px!important;height:54px!important;color:#fff}.rec-play svg{width:25px;height:25px;fill:none!important;stroke:currentColor}.ui-recording-date{position:absolute;bottom:15px;left:18px;color:#d6e0f1;font-size:11px}.rec-summary-tag{top:auto!important;bottom:12px;right:12px;left:auto;font-size:10px!important;background:#ffffff18!important;color:#fff!important}.rec-tile-body{padding:20px!important}.rec-tile-title{margin:0 0 20px!important;font-size:17px!important;line-height:1.4!important}.ui-recording-action{display:flex;justify-content:space-between;align-items:center;color:var(--accent-ink);font-size:13px;font-weight:600}.ui-announcement{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;padding:28px;background:#fff;border:1px solid var(--border);border-radius:12px}.ui-announcement-date{display:flex;align-items:start;flex-direction:column;gap:12px;color:var(--ink-3);font-size:12px}.ui-announcement-date>svg{color:var(--accent);width:26px;height:26px}.ui-announcement h2{font-size:22px;margin:0 0 14px}.ui-announcement .ann-body{font-size:15px;line-height:1.75;white-space:pre-wrap;margin:0}.ui-announcement .ann-readmore{margin-top:12px;border:0;background:none;padding:0}
/* Profile, messages and booking */
.ui-profile-layout{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;max-width:1000px!important;gap:24px!important;align-items:start}.ui-profile-photo{padding:30px 24px!important;background:linear-gradient(#eff3fb,#fff)!important}.ui-profile-photo #avatar-preview{width:104px!important;height:104px!important;background:#e8dfcc!important;color:#514839!important;border:4px solid #fff!important;font:600 32px Archivo,var(--font);margin-bottom:20px!important}.ui-profile-details{padding:28px!important}.ui-profile-details h2{font-size:22px;margin:0}.ui-profile-details label{font:500 13px var(--font)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink-2)!important}.sp-chat,.sp-inbox{padding:0!important;border-radius:14px!important;overflow:hidden;border:1px solid var(--border);box-shadow:none}.sp-head,.sp-thread-head{padding:20px 24px!important;background:white;border-bottom:1px solid var(--border)}.sp-list{background:#fbfaf7!important;min-height:300px;padding:24px!important;overscroll-behavior:contain}.sp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:36px!important;max-width:480px;margin:auto}.sp-empty:before{content:'↗';display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e8effb;color:#3e70d4;font-size:24px}.sp-empty .t-section{font-size:20px!important}.sp-empty .muted{font-size:14px;line-height:1.6}.sp-bubble{border-radius:12px!important;font-size:14px!important;line-height:1.65!important;box-shadow:none!important}.sp-msg.mine .sp-bubble{background:#e8effb!important;color:#112a5e!important}.sp-meta{font-size:11px!important}.sp-composer{background:white!important;border-top:1px solid var(--border);padding:16px!important;gap:12px!important}.sp-composer textarea{padding:12px!important;background:#faf9f6!important}.sp-composer .btn{min-width:84px}.sp-threads{background:#fff!important;border-right:1px solid var(--border)}.sp-trow{padding:16px!important;border-bottom:1px solid #f0ece4!important}.sp-trow.active{background:#e8effb!important}.sp-trow:hover{background:#f8f9fc!important}.sp-day span{font:500 10px 'IBM Plex Mono',monospace;background:#edeae3!important;color:var(--ink-3)!important}.sp-closed{padding:18px 24px!important;background:#f3f5fa!important;color:var(--ink-3)!important}.onb-wrap{max-width:1000px}.onb-lock-title{font-family:Archivo,var(--font);font-size:22px!important}.onb-footer{padding:22px!important}.onb-lock-ico{background:#e8effb!important;color:#3e70d4!important}
/* Team workspaces and administration */
.team-page-tabs{margin:24px 0 28px!important;padding:0 0 12px!important;border-bottom:1px solid var(--border);gap:6px!important;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:thin}.team-page-tabs button{white-space:nowrap;flex-shrink:0;border:0!important;background:transparent!important;border-radius:7px!important;padding:10px 14px!important;color:var(--ink-3)!important}.team-page-tabs button.active{color:var(--accent-ink)!important;background:var(--accent-soft)!important}.ui-content-admin{gap:28px;align-items:start}.ui-content-admin[style*="block"]{display:grid!important;grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr)}.ui-content-editor,.ui-content-list{margin:0!important;padding:26px!important}.ui-content-editor h3,.ui-content-list h3{font-family:Archivo,var(--font);font-size:21px!important;line-height:1.35!important;color:var(--ink)!important;margin-bottom:22px!important}.ui-content-editor label{font-size:12px!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink-2)!important}.ui-content-editor textarea{min-height:130px}.ui-content-editor .btn.primary{margin-top:8px}.ui-content-list>div>div{background:#fff;border-color:var(--border)!important;border-radius:9px!important}.ui-content-list .rec-admin-row{margin-bottom:10px;padding:16px!important}.rec-order-hint{font-size:12px!important;color:var(--ink-3)!important;padding:0 0 16px!important}.rec-admin-actions{display:flex;gap:7px;flex-wrap:wrap}.rec-admin-info{min-width:0}.students-table{width:100%;border-collapse:collapse}.students-table th{font:500 10px 'IBM Plex Mono',monospace!important;text-transform:uppercase;letter-spacing:.7px;background:#f5f3ed!important;color:var(--ink-3)!important;padding:14px!important;white-space:nowrap}.students-table td{padding:17px 14px!important;border-color:#eeebe4!important;font-size:13px!important;vertical-align:middle}.students-table tbody tr:hover{background:#fafbfe}.admin-actions{display:flex;flex-wrap:wrap;gap:7px}.status-pill,.pill{font-size:11px;border-radius:99px;padding:5px 10px}.tm-table select{font-size:13px!important}.tm-roles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.tm-role{padding:22px!important}.tm-role-name{font:600 17px Archivo,var(--font)!important;background:transparent!important;border:1px solid transparent!important;padding-left:0!important;max-width:70%!important}.ui-role-permissions{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.ui-role-permissions summary{font-size:12px;color:var(--ink-3);cursor:pointer;display:flex;justify-content:space-between;gap:10px}.ui-role-permissions summary span{color:var(--accent-ink)}.tm-perms{padding-top:18px;gap:12px}.tm-perm{border:0!important;background:transparent!important;padding:7px 0!important}.tm-perm b{font-size:13px;font-weight:500}.tm-perm .muted{font-size:12px}.tm-invite{display:flex;flex-wrap:wrap;gap:10px;padding:14px 0!important;border-top:1px solid var(--border)}.ov-stats{gap:16px!important}.ov-stat,.ov-card{border-color:var(--border)!important;box-shadow:none!important;border-radius:12px!important}.ov-stat-val{font-family:Archivo,var(--font)!important}.ov-card-title{font-family:Archivo,var(--font);font-size:18px!important;color:var(--ink)!important}.sb-stats>div:first-child,.builder-stats>div:first-child{color:white}.sb-stats>div:first-child strong,.builder-stats>div:first-child strong{color:inherit!important}.flow-section{border:0!important;border-top:1px solid var(--border)!important;border-radius:0!important;padding:24px 0!important;box-shadow:none!important;background:transparent!important}.flow-details{border-radius:9px!important}.flow-details summary{font-size:14px!important;padding:16px!important}.flow-number{background:#e8effb!important;color:#3e70d4!important;font:500 12px 'IBM Plex Mono',monospace!important;border-radius:8px!important}.flow-tabs{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:thin}.flow-tabs button{white-space:nowrap}.sb-detail-grid{gap:26px!important}.sb-workspace{box-shadow:none!important;border-color:var(--border)!important}.sb-upload-row{flex-wrap:wrap!important}.sb-upload-row>*{min-width:0}.sb-form-grid,.sb-two{min-width:0}.sb-slot{border:1px solid var(--border)!important;background:#fff!important;padding:18px!important;border-radius:10px!important}.sb-slot>.sb-del{box-shadow:none!important}.sb-del{border-color:#eee9e0!important}.rd-closer-brief{background:transparent!important}.sb-brief-grid{gap:28px!important}.sb-kv{row-gap:10px!important}.sb-delivered{list-style:none!important;padding:0!important}.sb-delivered li{padding:10px 0;border-bottom:1px solid var(--border)}
/* Every overlay uses the same frame, readable controls and scroll containment. */
#approval-modal{background:#112a57a8!important;backdrop-filter:blur(4px)}#approval-modal>div{background:#fff!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:28px!important;box-shadow:0 24px 80px #112a5e30}#approval-modal h2{font-size:25px!important}#approval-modal .approval-label{font-size:13px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink-2)!important}#approval-modal .approval-input{padding:11px 12px!important}#student-detail-overlay,#store-detail-overlay{background:var(--bg)!important}#student-detail-overlay>div:first-child,#store-detail-overlay>div:first-child{background:#fff!important;border-color:var(--border)!important;min-height:64px}#sd-content{max-width:1050px!important}#sd-content .card{border-radius:12px!important}.asset-overlay,.rec-modal-overlay{background:#112a57a8!important;backdrop-filter:blur(4px)}.asset-dialog,.rec-modal{border:1px solid var(--border)!important;background:#fff!important;border-radius:14px!important;box-shadow:0 24px 80px #112a5e30!important}.asset-dialog>header,.rec-modal-head{padding:18px 24px!important;background:#fff!important;border-bottom:1px solid var(--border)!important;gap:14px}.asset-dialog>header h2,.rec-modal-title{font:600 20px Archivo,var(--font)!important}.asset-dialog>header .btn,.rec-modal-close{flex-shrink:0;min-width:38px;min-height:38px}.rec-modal-date{font-size:12px!important;color:var(--ink-3)!important;margin-top:5px}.rec-modal-body{background:#f8f6f1!important}.recording-summary{background:#fff!important;padding:26px!important;font-size:14px!important;line-height:1.75!important}.recording-video{background:#112a5e!important;padding:18px!important;display:flex;align-items:center;justify-content:center}.recording-video>a{color:white!important;border:1px solid #ffffff77!important;border-radius:8px}.rv-toolbar{background:#fff!important;border-bottom:1px solid var(--border)!important;padding:14px 20px!important;gap:14px}.rv-title{font:600 16px Archivo,var(--font)}.rv-body{background:#ebe7df!important}.rv-secure{color:var(--ink-3)!important}.rd-confirm{max-width:740px;padding:28px}.rd-confirm>div{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.rd-confirm p{font-size:15px;line-height:1.7}.rd-more{padding:16px;display:grid;gap:10px}.rd-more .btn{justify-content:space-between;min-height:48px}.sb-toast{box-shadow:0 8px 32px #112a5e22;border-radius:10px!important}.ap-brand{background:radial-gradient(ellipse at top right,#315ba0,transparent 70%),#112a5e!important}.ap-form-wrap{background:var(--bg)!important}.auth-tab.active{color:var(--accent-ink)!important}.auth-input{background:#fff!important}.pending-card{background:white!important;border:1px solid var(--border)!important;border-radius:16px!important}
@media(min-width:1100px){#page-admin>#admin-tab-students>.card{overflow-x:auto}.ui-content-editor{position:sticky;top:20px}}
@media(max-width:1100px){.ui-lesson-layout{grid-template-columns:minmax(0,1fr)}.notes-textarea{min-height:180px}.recordings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ui-content-admin[style*="block"]{grid-template-columns:1fr}.ui-profile-layout{grid-template-columns:230px minmax(0,1fr)!important}.students-table{min-width:760px}.tm-table{min-width:680px}#admin-tab-students>.card{overflow-x:auto}.ui-course-progress{width:170px}}
@media(max-width:700px){.main{padding:84px 18px 105px!important}.ui-page-title,.exp-page-head h1{font-size:29px!important;line-height:1.16}.page-sub{font-size:15px!important;margin-bottom:24px!important}.ui-learning-hero{grid-template-columns:1fr;padding:24px;gap:24px}.ui-learning-hero h2{font-size:25px}.ui-course-progress{border-left:0;border-top:1px solid #ffffff30;padding:20px 0 0;width:100%;display:grid;grid-template-columns:auto 1fr;text-align:left;align-items:center;column-gap:16px}.ui-course-progress strong{font-size:38px}.ui-course-progress progress{grid-column:1/-1}.ui-section-title{display:block;margin:26px 0 14px}.ui-section-title p{margin-top:6px}.learning-module summary{padding:16px!important;gap:10px}.learning-module summary>span:nth-child(2){font-size:14px}.ui-module-number{width:32px;height:36px}.ui-module-status{font-size:10px!important}.ui-module-status .rd-icon{display:none}.learning-module .ui-lesson-row{padding:15px!important;flex-wrap:wrap;gap:10px}.ui-lesson-row b{font-size:13px;flex-basis:calc(100% - 45px)}.ui-lesson-row small{padding-left:40px;width:100%}.ui-lesson-layout{gap:22px}.lesson-title-h{font-size:26px}.lesson-actions{gap:16px}.lesson-actions>div{width:100%;justify-content:space-between}.notes-section{padding:20px!important}.recordings-grid{grid-template-columns:1fr!important}.rec-thumb{min-height:185px}.ui-toolbar{gap:12px}.ui-profile-layout{grid-template-columns:1fr!important}.ui-profile-details,.ui-profile-photo{padding:22px!important}.ui-profile-photo{display:flex;flex-direction:column;align-items:center}.ui-profile-details>div>div[style*="grid"]{grid-template-columns:1fr!important}.ui-announcement{grid-template-columns:1fr;gap:18px;padding:22px}.ui-announcement-date{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.ui-announcement h2{font-size:21px}.ui-content-editor,.ui-content-list{padding:20px!important}.ui-content-editor>div[style*="grid"]{grid-template-columns:1fr!important}.tm-roles{grid-template-columns:1fr!important}.ui-role-permissions summary{flex-wrap:wrap}.sp-head,.sp-thread-head{padding:16px!important}.sp-list{padding:16px!important;min-height:260px}.sp-composer{padding:12px!important}.sp-inbox{height:auto!important;min-height:600px}.sp-threads{max-height:240px!important;border-right:0!important;border-bottom:1px solid var(--border)}.sp-chat{height:calc(100dvh - 290px);min-height:420px}.sp-empty{padding:24px!important}.sp-bubble{max-width:100%!important}.sp-msg-body{max-width:85%!important}.sp-composer .btn{min-width:65px}.sb-detail-grid,.sb-grid,.sb-brief-grid{grid-template-columns:1fr!important}.sb-detail-name{font-size:28px!important}.sb-workspace{padding:20px!important}.flow-section{padding:22px 0!important}.sb-slot{padding:15px!important}.sb-field{min-width:0}.sb-field input{min-width:0}.sb-upload-row input{flex:1 1 100%!important;width:100%!important}.sb-kv{grid-template-columns:110px minmax(0,1fr)!important}.sb-kv>*{overflow-wrap:anywhere}.sb-brief-grid{gap:24px!important}.rd-actionbar,.review-actionbar{bottom:8px!important;flex-direction:column;align-items:stretch!important;gap:12px!important;padding:14px!important}.rd-actionbar>div:last-child{flex-wrap:wrap}.rd-actionbar .btn,.review-actionbar .btn{flex:1 1 auto;min-height:44px}.rd-actionbar>span,.review-actionbar>span{max-width:none}.rd-build-summary{position:static}.asset-dialog,.rec-modal{width:calc(100vw - 20px)!important;max-width:none!important;max-height:calc(100dvh - 20px)!important}.asset-dialog>header,.rec-modal-head{padding:14px!important}.asset-dialog>header h2,.rec-modal-title{font-size:17px!important}.rec-modal-body{grid-template-columns:1fr!important;overflow:auto}.recording-video{padding:12px!important}.rd-confirm{padding:20px!important}.rv-toolbar{flex-wrap:wrap;padding:12px!important}.rv-title{max-width:200px}.rv-secure{display:none}.rv-tools{width:100%;justify-content:center}.ui-empty{padding:30px 20px;min-height:200px}#approval-modal{padding:12px!important}#approval-modal>div{padding:22px!important;max-height:calc(100dvh - 24px)!important}#student-detail-overlay>div:nth-child(2),#store-detail-overlay>div:nth-child(2){padding:20px 12px 90px!important}.rd-team-panel{min-width:0}.exp-timeline{overflow-x:auto;padding-bottom:18px}.ui-milestone{padding:16px}.ui-milestone b{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.asset-dialog::backdrop{background:#112a57a8;backdrop-filter:blur(4px)}
.ui-course-progress progress::-webkit-progress-bar{background:#ffffff25}.ui-course-progress progress::-webkit-progress-value{background:#bfd2ff}
.ui-launch-brief{padding:24px 0}.ui-brief-header{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:30px}.ui-brief-header h2{font-size:28px;margin:10px 0}.ui-brief-header p{max-width:560px;margin:0;font-size:14px}.ui-brief-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.ui-client-goal{padding:25px;background:#112a5e;border-radius:12px;color:#fff}.ui-client-goal .t-label{color:#bed0ef}.ui-client-goal h3{color:#fff;font-size:24px;line-height:1.35;margin:12px 0 0}.ui-client-goal p{color:#d2dded}.ui-brief-section-title{font-size:17px;margin:26px 0 16px}.ui-client-facts{margin:0}.ui-client-facts>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}.ui-client-facts dt{color:var(--ink-3)}.ui-client-facts dd{margin:0;font-weight:500;overflow-wrap:anywhere}.ui-brief-appointment{display:flex;gap:12px;align-items:center;padding:20px 0;color:var(--accent-ink)}.ui-brief-appointment small,.ui-brief-appointment b{display:block}.ui-brief-appointment small{font:500 9px 'IBM Plex Mono',monospace;margin-bottom:7px;color:var(--ink-3)}.ui-brief-appointment b{font-size:14px}.ui-delivered-groups details{border-top:1px solid var(--border);padding:0 0 8px}.ui-delivered-groups summary{display:flex;justify-content:space-between;gap:12px;padding:16px 0;font-size:13px;cursor:pointer}.ui-delivered-groups summary span{font-size:11px;color:var(--ink-3)}.ui-delivered-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-top:1px solid #efece5;font-size:12px}.ui-delivered-row .btn{font-size:11px;min-height:32px;padding:6px 10px}.ui-brief-conversation{border-left:1px solid var(--border);padding-left:32px}.ui-brief-conversation>h3{font-size:23px;margin:12px 0}.ui-brief-conversation p{font-size:14px;line-height:1.65}.ui-offer-options{display:grid;gap:12px;margin:22px 0 26px}.ui-offer-options article{padding:18px;border:1px solid var(--border);border-radius:9px;background:#fff}.ui-offer-options article>div{display:flex;justify-content:space-between;gap:14px}.ui-offer-options h4{font-size:16px;margin:0}.ui-offer-options strong{font:600 15px 'IBM Plex Mono',monospace;color:var(--accent-ink)}.ui-offer-options p{font-size:12px;margin:12px 0 0;line-height:1.7}.ui-call-result{border-top:1px solid var(--border);padding-top:24px}.ui-call-result h3{font-size:20px;margin:0}.ui-outcome-options{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.ui-outcome-options .btn{flex:1;font-size:13px}.ui-outcome-save{width:100%;margin-top:10px}.ui-outcome-help{font-size:12px!important;margin-bottom:0}
@media(max-width:850px){.ui-brief-columns{grid-template-columns:1fr;gap:28px}.ui-brief-conversation{border-left:0;border-top:1px solid var(--border);padding:28px 0 0}.ui-brief-header{flex-direction:column}.ui-brief-header h2{font-size:25px}}

#page-admin:has(#admin-tab-stores[style*="block"])>.ui-eyebrow,#page-admin:has(#admin-tab-stores[style*="block"])>.page-title,#page-admin:has(#admin-tab-stores[style*="block"])>.page-sub{display:none}
@media(max-width:700px){.review-actionbar,.rd-actionbar{bottom:calc(72px + env(safe-area-inset-bottom))!important}#store-detail-overlay .rd-actionbar,.rd-package-dialog .review-actionbar{bottom:8px!important}}
.recording-video.ui-recording-external{min-height:280px;display:flex;flex-direction:column;gap:14px;border-radius:10px;text-align:center}.ui-recording-external h3{color:#fff;margin:0;font-size:22px}.ui-recording-external p{color:#c5d0e6;margin:0;font-size:14px}.ui-replay-symbol{width:48px;height:48px;border-radius:50%;background:#ffffff15;border:1px solid #ffffff35;display:grid;place-items:center;color:#fff}.recording-video>a{background:#fff!important;color:#112a5e!important}.ui-recording-external>a{margin-top:8px}.recording-embed{width:100%}.rec-modal-body .recording-summary{border:1px solid var(--border);border-radius:10px}

@media(max-width:700px){#page-learning>.exp-page-head{align-items:flex-start;flex-direction:column}#page-learning>.exp-page-head>.rd-pill{white-space:nowrap}.ui-search{min-width:0}.ui-delivered-row>span:first-child{overflow-wrap:anywhere;min-width:0}}
