
/* Andre Erving — cohesive application workspace, 2026 design system */
:root{--ae-app-ink:#142842;--ae-app-navy:#101d32;--ae-app-blue:#244b75;--ae-app-gold:#c99526;--ae-app-muted:#7b8ca2;--ae-app-border:#e0e7f0;--ae-app-canvas:#f3f6fa;--ae-app-radius:12px}
.workspace{padding:24px clamp(18px,2.5vw,40px) 45px}
.workspace > *{min-width:0}
.head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 0 17px}
.head h1{margin:5px 0 8px!important;font-size:clamp(25px,2.5vw,34px)!important;letter-spacing:-.045em}
.head>.btn{align-self:center}
.panel{border-color:var(--ae-app-border);border-radius:13px;box-shadow:0 3px 14px rgba(22,43,71,.035)}
.panel h2{font-size:17px;letter-spacing:-.025em}
.workspace .btn,.workspace button:not(.nav-btn){transition:background-color .16s,border-color .16s,transform .16s}
.workspace .btn:focus-visible,.ae-guide-step:focus-visible,.ae-editor-back:focus-visible{outline:3px solid #d6b66e;outline-offset:3px}
.sidebar .nav-btn.active{box-shadow:inset 3px 0 #d6a339}
.lms-banner{border-radius:13px;padding:25px 28px}
.lms-banner h2{font-size:25px}
.lms-stats>div,.stat{border-radius:12px}
.lms-course-card{border-radius:12px;box-shadow:0 5px 22px rgba(23,45,78,.05);transition:transform .16s,box-shadow .16s}
.lms-course-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(23,45,78,.10)}
.lms-course-card .btn{white-space:nowrap}
.lms-builder-top{gap:18px}
.lms-builder-tabs{border-bottom:1px solid var(--ae-app-border)}
.lms-builder-tabs button{transition:color .15s,background .15s}
.lms-builder-tabs button:hover{background:#f7f9fc}
.lms-builder-panel{border-radius:12px;box-shadow:0 3px 16px #18355408}
.lms-builder-section{box-shadow:none;border-color:#e4e9f1}
.lms-builder-section-header{background:#fafcff}
.lms-step{transition:background .13s}
.lms-step:hover{background:#f4f7fb}
/* Guided editor — common to LMS, content management, and other create/edit pages */
.ae-editor-workspace{max-width:1600px;width:100%;margin:0 auto;color:var(--ae-app-ink)}
.ae-editor-topline{display:flex;align-items:center;gap:9px;margin:0 0 15px;font-size:12px;color:#8493a8}
.ae-editor-back{font:inherit;font-size:12px;font-weight:750;color:#35628e;background:transparent;border:0;padding:6px 2px;cursor:pointer;text-decoration:none}
.ae-editor-back:hover{text-decoration:underline;color:#162f4c}
.ae-editor-toptrail{color:#9facbc}
.ae-editor-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 22px;padding:0 1px}
.ae-editor-eyebrow,.ae-guide-label{font-size:10px;letter-spacing:.12em;color:#b3801e;font-weight:850}
.ae-editor-hero h1{font-size:clamp(27px,2.8vw,40px);line-height:1.14;letter-spacing:-.052em;margin:8px 0;color:#0f2948;font-weight:850}
.ae-editor-hero p{font-size:13px;color:#718399;line-height:1.65;margin:4px 0 0;max-width:710px}
.ae-editor-state{display:inline-flex;align-items:center;padding:9px 15px;background:#fdf3e0;color:#996d12;border:1px solid #f0d7a4;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.ae-editor-body{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);align-items:start;gap:19px}
.ae-editor-guide{min-width:0;display:grid;gap:14px;position:sticky;top:83px;max-height:calc(100dvh - 95px);overflow:auto;scrollbar-width:thin}
.ae-editor-guide-title,.ae-guide-help,.ae-course-live-preview{background:#fff;border:1px solid var(--ae-app-border);border-radius:13px;padding:20px}
.ae-editor-guide-title h3{font-size:17px;letter-spacing:-.025em;margin:7px 0 6px}
.ae-editor-guide-title p,.ae-guide-help p{font-size:12px;line-height:1.65;color:#7b8ba0;margin:4px 0}
.ae-guide-steps{display:grid;gap:5px;background:#fff;border:1px solid var(--ae-app-border);border-radius:13px;padding:9px}
.ae-guide-step{display:flex;align-items:center;text-align:left;gap:11px;padding:11px 10px;width:100%;border-radius:9px;border:1px solid transparent;background:transparent;color:#52647e;text-decoration:none;font-family:inherit;cursor:pointer}
.ae-guide-step:hover{background:#f5f8fc;color:#1b3d63}
.ae-guide-step.active{background:#fff3dc;border-color:#efcf89;color:#1d3654}
.ae-guide-index,.ae-form-section-number{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#f2f5fa;color:#617d9c;font-size:11px;font-weight:850}
.ae-guide-step.active .ae-guide-index{background:#d19b27;color:white}
.ae-guide-step strong{display:block;font-size:12px;font-weight:800;line-height:1.3}
.ae-guide-step small{display:block;color:#8695a9;font-size:10px;line-height:1.45;margin-top:3px}
.ae-guide-check{margin-left:auto;color:#2f9870;font-size:13px;opacity:0}
.ae-guide-step.completed .ae-guide-check{opacity:1}
.ae-guide-help{padding:18px 19px;background:#f9fbfd}
.ae-guide-help strong{font-size:12px}
.ae-course-live-preview{display:block;padding:17px}
.ae-course-live-cover{background:linear-gradient(125deg,#162b48,#31567e);min-height:130px;margin:13px 0 15px;color:#ecc77d;border-radius:10px;display:grid;place-content:center;justify-items:center;gap:0;background-size:cover;background-position:center}
.ae-course-live-cover span{font-weight:900;font-size:37px;letter-spacing:-.08em}
.ae-course-live-cover small{font-size:9px;font-weight:800;letter-spacing:.13em;color:white}
.ae-course-live-pill{display:inline-flex;border-radius:100px;background:#edf2f7;color:#53677f;font-size:10px;padding:5px 10px;font-weight:750}
.ae-course-live-preview h3{font-size:15px;margin:11px 0 5px;line-height:1.3;overflow-wrap:anywhere}
.ae-course-live-preview p{font-size:11px;color:#7b8da4;line-height:1.55;margin:0}
.ae-live-price{font-size:16px;font-weight:850;color:#193a60;margin-top:14px}
.ae-editor-formcard{background:#fff;border:1px solid var(--ae-app-border);border-radius:13px;min-width:0;box-shadow:0 4px 20px rgba(23,45,77,.04);overflow:hidden}
.ae-editor-formcard form{min-width:0}
.ae-form-step{padding:27px clamp(19px,2.2vw,35px) 22px}
.ae-form-step[hidden]{display:none!important}
.ae-form-step+.ae-form-step{border-top:1px solid #e9eef5}
.ae-form-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:23px;padding-bottom:17px;border-bottom:1px solid #edf1f5}
.ae-form-section-number{width:40px;height:40px;background:#fff2d6;color:#b37c18;border-radius:11px;font-size:12px}
.ae-form-section-heading h2{font-size:20px;letter-spacing:-.035em;margin:0 0 4px;color:#183453}
.ae-form-section-heading p{font-size:12px;color:#7f8fa2;margin:0;line-height:1.45}
.ae-form-step-fields.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 17px;margin:0;align-items:start}
.ae-form-step-fields .field{min-width:0;font-size:11px;color:#35506f;font-weight:800;letter-spacing:.005em}
.ae-form-step-fields .field.wide{grid-column:1/-1}
.ae-form-step-fields input,.ae-form-step-fields select,.ae-form-step-fields textarea{display:block;width:100%;margin-top:8px;padding:12px 13px;min-height:43px;border:1px solid #d7e1ee;border-radius:9px;font-size:13px;font-weight:500;color:#18334f;background:#fff;outline:none;transition:border-color .16s,box-shadow .16s}
.ae-form-step-fields input:focus,.ae-form-step-fields select:focus,.ae-form-step-fields textarea:focus{border-color:#9ab0cd;box-shadow:0 0 0 3px #dce8f67e}
.ae-form-step-fields textarea{min-height:112px;resize:vertical;line-height:1.7}
.ae-editor-writing-section textarea{min-height:300px}
.ae-course-workspace .ae-form-step-fields textarea[name="description"]{min-height:310px}
.ae-form-step-fields .field:has(input[type="checkbox"]){display:flex;gap:11px;align-items:center;min-height:46px;padding:12px 13px;background:#f8fafc;border:1px solid #e2e9f2;border-radius:9px}
.ae-form-step-fields input[type="checkbox"]{width:17px;height:17px;margin:0;min-height:0;accent-color:#b8871e}
.ae-editor-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e7ecf4;background:#fbfcfe;padding:17px clamp(19px,2.2vw,35px)}
.ae-editor-save-note{color:#8090a4;font-size:11px;line-height:1.4}
.ae-editor-footer-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ae-editor-footer .btn{min-width:100px;border-radius:8px}
.ae-editor-footer .ae-editor-submit{background:#c99526;color:#fff;border-color:#c99526}
.ae-editor-footer button[hidden]{display:none!important}
.ae-editor-formcard .notice.error{margin:12px 25px}
.ae-compact-workspace .ae-form-step{padding-bottom:24px}
.ae-admin-editor .ae-editor-formcard form{display:block}
.ae-editor-writing-section{background:#fbfcfe}
.ae-editor-writing-section textarea{background:#fff}
/* Repeatable, contextual operational tables */
.workspace .panel>.toolbar{border-bottom:1px solid #ebeff5;padding:0 0 17px;margin-bottom:4px}
.workspace .toolbar input[type="search"]{min-width:260px;border-radius:9px}
.workspace .tablewrap{border-radius:9px;overflow-x:auto}
.workspace table{border-collapse:separate;border-spacing:0;width:100%}
.workspace table thead th{color:#698098;background:#f7f9fc;text-transform:uppercase;letter-spacing:.08em;font-size:10px;padding:13px 12px;border-bottom:1px solid #e8eef6}
.workspace table tbody tr:hover td{background:#fbfcfe}
.workspace table tbody td{font-size:12px;color:#28425e;padding:15px 12px;vertical-align:middle;border-bottom:1px solid #edf1f6}
.workspace .row-actions button{border:1px solid #d9e3ef;border-radius:8px;background:#fff;padding:8px 12px;font-size:11px;font-weight:750}
.workspace .row-actions button:hover{background:#f3f7fc}
.workspace .empty{padding:30px 15px;text-align:center;color:#7b8da6}
.workspace .destination{border-radius:13px}
.workspace .destination-actions button{transition:transform .15s,background-color .15s,border-color .15s}
.workspace .destination-actions button:hover{transform:translateY(-1px)}
.workspace .support-grid{gap:16px}
.workspace .support-ticket{transition:background-color .15s}
.workspace .support-ticket:hover{background:#f2f6fb}
.workspace .support-message{border-radius:10px}
.workspace .activity-grid div{border:1px solid #e7eef5}
@media(max-width:1180px){
 .ae-editor-body{grid-template-columns:220px minmax(0,1fr);gap:13px}
 .ae-editor-guide-title,.ae-guide-help,.ae-course-live-preview{padding:15px}
 .ae-editor-hero h1{font-size:30px}
}
@media(max-width:860px){
 .ae-editor-body{display:block}
 .ae-editor-guide{position:static;max-height:none;display:block;margin:0 0 13px}
 .ae-editor-guide-title,.ae-guide-help,.ae-course-live-preview{display:none}
 .ae-guide-steps{display:flex;overflow-x:auto;gap:6px;padding:8px}
 .ae-guide-step{min-width:165px;width:auto;flex:none}
 .ae-guide-step small{display:none}
 .ae-editor-hero{align-items:flex-start}
 .ae-editor-footer{flex-wrap:wrap}
}
@media(max-width:620px){
 .workspace{padding:16px 12px 30px}
 .ae-editor-hero{display:block}
 .ae-editor-state{margin-top:12px}
 .ae-form-step{padding:18px 15px}
 .ae-form-step-fields.form-grid{grid-template-columns:1fr}
 .ae-form-step-fields .field.wide{grid-column:auto}
 .ae-editor-footer{padding:15px;align-items:stretch}
 .ae-editor-footer-buttons{width:100%}
 .ae-editor-footer-buttons .btn{flex:1}
 .ae-form-section-heading h2{font-size:18px}
 .workspace .toolbar input[type="search"]{min-width:0;width:100%}
 .workspace .panel{padding:16px}
 .workspace .support-grid{display:block}
}

/* Searchable content and operations workspaces */
.ae-list-summary{display:grid;grid-template-columns:repeat(3,minmax(130px,.7fr)) minmax(240px,1.7fr);gap:13px;margin:0 0 20px}
.ae-list-metric,.ae-list-summary-copy{background:#fff;border:1px solid #e1e8f1;border-radius:12px;padding:19px 21px;min-width:0;box-shadow:0 2px 12px #1b345008}
.ae-list-metric span{display:block;color:#7d8da2;font-size:11px;font-weight:650}
.ae-list-metric strong{display:block;font-size:27px;line-height:1.2;margin-top:8px;font-weight:850;letter-spacing:-.04em;color:#173251}
.ae-list-summary-copy{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(115deg,#172c49,#274969);color:#fff;border-color:#243c5c}
.ae-list-summary-copy strong{font-size:16px;letter-spacing:-.03em}
.ae-list-summary-copy span{font-size:11px;color:#c6d5e8;line-height:1.5;margin-top:6px}
.ae-records-panel{padding:0!important;overflow:hidden}
.ae-panel-heading{padding:22px 25px 12px}
.ae-panel-heading h2{margin:7px 0 5px;font-size:19px!important}
.ae-panel-heading p{color:#8090a4;font-size:12px;margin:0}
.ae-record-toolbar{margin:0!important;padding:13px 25px 19px!important;display:flex;align-items:center;justify-content:space-between;gap:15px}
.ae-record-toolbar input[type=search]{width:min(100%,420px);min-height:42px}
.ae-records-panel .tablewrap{padding:0 17px 18px;border-radius:0;overflow-x:auto}
.ae-records-panel table{white-space:normal}
.ae-records-panel .row-actions button{white-space:nowrap;color:#275180}
.ae-list-empty{display:grid;justify-items:center;gap:12px;padding:55px 25px;text-align:center;color:#7489a2}
.ae-list-empty>span{font-size:34px;color:#b5c4d7}
.ae-list-empty strong{font-size:14px;color:#405a7b;max-width:380px;line-height:1.5}
.ae-list-empty button{background:#fff6e5;color:#916415;border:1px solid #ead099;border-radius:8px;padding:10px 17px;font-size:12px;font-weight:800}
@media(max-width:1100px){.ae-list-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.ae-list-summary-copy{grid-column:1/-1}}
@media(max-width:680px){.ae-list-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ae-list-summary-copy{grid-column:1/-1}.ae-record-toolbar{flex-direction:column;align-items:stretch}.ae-record-toolbar input[type=search]{width:100%}.ae-panel-heading{padding:18px 17px 10px}.ae-record-toolbar{padding:12px 17px!important}}

/* Enrollment and customer support operations */
.ae-operations-intro,.ae-support-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(112deg,#172e4c,#2b5278);color:white;border-radius:13px;padding:22px 27px;margin-bottom:19px}
.ae-operations-intro h2,.ae-support-intro h2{font-size:22px;letter-spacing:-.035em;margin:6px 0 7px;color:white}
.ae-operations-intro p,.ae-support-intro p{font-size:12px;color:#d0def0;line-height:1.55;margin:0;max-width:620px}
.ae-operations-intro .ae-editor-eyebrow,.ae-support-intro .ae-editor-eyebrow{color:#e4c17b}
.ae-operations-stats,.ae-support-counters{display:flex;align-items:center;gap:11px;flex:none}
.ae-operations-stats>div,.ae-support-counters>div{min-width:115px;background:#ffffff18;border:1px solid #ffffff35;border-radius:10px;padding:12px 17px}
.ae-operations-stats strong,.ae-support-counters strong{display:block;font-size:23px;line-height:1.15;color:#fff}
.ae-operations-stats span,.ae-support-counters span{display:block;font-size:10px;color:#d4e3f4;margin-top:5px}
.ae-enrollment-grid{display:grid;grid-template-columns:minmax(260px,0.82fr) minmax(0,1.55fr);align-items:start;gap:16px}
.ae-enrollment-grid>.panel{min-width:0;margin:0}
.ae-operation-form{padding:0!important;overflow:hidden}
.ae-operation-form .ae-panel-heading,.ae-operation-records .ae-panel-heading{padding:19px 22px 15px;border-bottom:1px solid #e9edf4}
.ae-operation-form .form-grid{display:grid;grid-template-columns:1fr;gap:15px;padding:21px 22px 5px;margin:0}
.ae-operation-form .form-actions{padding:4px 0 13px}
.ae-enrollment-note{font-size:11px!important;padding:0 22px 20px;margin:0;line-height:1.55}
.ae-operation-records{padding:0!important;overflow:hidden}
.ae-operation-records .tablewrap{padding:13px 14px;overflow:auto}
.ae-operation-records .empty{margin:0}
.ae-support-workspace{grid-template-columns:minmax(250px,0.8fr) minmax(0,1.55fr);gap:16px}
.ae-support-workspace .panel{border-radius:12px;min-width:0}
.ae-support-workspace .support-ticket{border-radius:8px}
.ae-support-workspace .support-ticket.selected{background:#fff2d8;border-color:#efce83}
.ae-support-workspace .support-messages{background:#f8fafd;border:1px solid #e7edf5;border-radius:10px}
.ae-support-workspace .support-header{border-bottom:1px solid #e9eef5;padding-bottom:12px}
@media(max-width:1200px){.ae-enrollment-grid{grid-template-columns:1fr}.ae-operation-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ae-operation-form .form-actions{grid-column:1/-1}}
@media(max-width:900px){.ae-operations-intro,.ae-support-intro{align-items:flex-start;flex-direction:column}.ae-support-workspace{grid-template-columns:1fr}}
@media(max-width:620px){.ae-operation-form .form-grid{grid-template-columns:1fr}.ae-operations-stats,.ae-support-counters{width:100%;flex-wrap:wrap}.ae-operations-stats>div,.ae-support-counters>div{flex:1}.ae-operations-intro,.ae-support-intro{padding:19px 17px}}

/* Course overview and settings are first-class workspaces */
.ae-course-summary-hero,.ae-settings-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(110deg,#172e4c,#284e76);color:#fff;border-radius:13px;padding:24px 27px;margin:0 0 19px;min-width:0}
.ae-course-summary-hero>div,.ae-settings-intro>div{min-width:0}
.ae-course-summary-hero h2,.ae-settings-intro h2{font-size:clamp(22px,2vw,27px);color:#fff;letter-spacing:-.04em;margin:7px 0 8px}
.ae-course-summary-hero p,.ae-settings-intro p{max-width:640px;line-height:1.6;color:#c7d7e9;font-size:12px;margin:0}
.ae-course-summary-hero .ae-editor-eyebrow,.ae-settings-intro .ae-editor-eyebrow{color:#e5c17d}
.ae-course-summary-hero>.btn,.ae-settings-intro>.btn{white-space:nowrap;flex:none}
.ae-course-summary-meta{display:flex;align-items:center;gap:10px;margin:14px 0 0}
.ae-course-summary-meta>span:first-child{font-size:11px;color:#dce7f3}
.ae-course-summary-hero .pill{border:1px solid #ffffff48;background:#ffffff22;color:#fff}
.ae-overview-metrics{margin:0 0 19px}
.ae-course-operations{gap:17px}
.ae-course-operations .panel{min-width:0}
.ae-course-operations .lms-panel-head{margin-bottom:19px}
.ae-course-operations .lms-panel-head h2{font-size:18px;margin:6px 0 0}
.ae-course-operations .lms-facts{margin:0}
.ae-progress-checklist{padding:23px!important}
.ae-progress-checklist>h2{font-size:20px;margin:7px 0 4px}
.ae-progress-checklist>p{line-height:1.5;font-size:12px}
.ae-readiness-meter{height:7px;background:#e8eef5;border-radius:99px;overflow:hidden;margin:20px 0 21px}
.ae-readiness-meter>div{height:100%;background:#c7962d;border-radius:99px;transition:width .25s}
.ae-readiness-steps{display:grid;gap:13px;margin:0 0 23px}
.ae-readiness-step{display:flex;gap:11px;align-items:center}
.ae-readiness-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:17px;color:#9aacc2;background:#f0f3f7;flex:none}
.ae-readiness-step.complete .ae-readiness-icon{background:#e8f5ee;color:#248556}
.ae-readiness-step strong{display:block;color:#23415f;font-size:12px}
.ae-readiness-step small{display:block;color:#8797a9;font-size:11px;margin-top:2px;line-height:1.45}
.ae-settings-layout{gap:17px}
.ae-settings-layout .panel{min-width:0;padding:23px}
.ae-settings-layout h2{margin:9px 0 6px;font-size:20px}
.ae-settings-layout p{font-size:12px;line-height:1.6}
.ae-settings-layout .lms-status-row{margin:20px 0}
.ae-settings-facts{display:grid;gap:12px;border-block:1px solid #e9edf4;padding:17px 0;margin:16px 0 20px}
.ae-settings-facts>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}
.ae-settings-facts strong{color:#3b5775}
.ae-settings-facts span{color:#7388a2;overflow-wrap:anywhere;text-align:right}
.ae-settings-warning{border-radius:9px;padding:13px 15px;background:#fff8e9;border:1px solid #f0deb5;color:#936d29;font-size:11px;line-height:1.6;margin:17px 0 21px}
.ae-settings-danger .btn.danger{border-color:#dfb6b9}
@media(max-width:760px){.ae-course-summary-hero,.ae-settings-intro{flex-direction:column;align-items:flex-start;padding:21px 17px}.ae-course-operations,.ae-settings-layout{grid-template-columns:1fr}.ae-settings-facts>div{align-items:flex-start;flex-direction:column;gap:4px}}
