/* Learning workspace — shared visual language for students and staff. */
:root{--canvas:#f6f4ef;--surface:#fff;--navy:#132437;--navy-soft:#22394c;--accent:#e9611b;--accent-soft:#fff0e6;--body:#263746;--subtle:#647584;--line-strong:#e2e7e8;--shadow-card:0 14px 40px rgba(27,45,55,.055)}
body{color:var(--body)}
.api-mode{display:none}
.pill.primary{background:var(--accent);box-shadow:0 5px 12px rgba(216,91,23,.13)}
.pill.primary:hover{background:#cb4e11;box-shadow:0 9px 20px rgba(216,91,23,.18)}
.pill.outline{border-color:#dce4e7;color:#324657}
.pill.outline:hover{border-color:#efab80;background:#fff8f2}
.eyebrow.orange{color:#c95515}
.dashboard-page{background:var(--canvas)}
.dash-side{background:var(--navy);border-right:1px solid #263b4c;padding:23px 15px}
.dash-brand{padding:6px 12px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.dash-side nav{margin-top:17px;gap:3px}
.portal-nav-group{margin:24px 13px 7px;color:#8fa8b7}
.dash-side nav button{display:flex;align-items:center;min-height:42px;padding:10px 13px;border-radius:10px;color:#c9d3db;font-size:12px;font-weight:600;line-height:1.35;transition:background .15s,color .15s}
.dash-side nav button:hover{background:rgba(255,255,255,.075);color:#fff}
.dash-side nav button.active,.dash-side nav .active{background:#f7f5f0;color:#172c3b;box-shadow:0 6px 15px rgba(0,0,0,.12)}
.dash-side nav button.active:hover{background:#fff}
.back-site{border-top:1px solid rgba(255,255,255,.12);border-radius:0;padding-top:20px;margin-top:20px;font-size:12px;font-weight:600}
.back-site:hover{color:#fff}
.dash-main{padding:34px 40px 48px}
.dash-top{margin-bottom:20px;align-items:center}
.dash-top small{color:#87949e;font-size:12px;font-weight:600}
.dash-top h1{color:#1b2c3a;font-size:29px;line-height:1.22;letter-spacing:-.035em;margin:7px 0 0}
.dash-top .avatar{width:46px;height:46px;background:#fff;border-color:#e8ddd4;color:#b55118;box-shadow:0 4px 14px #172d4010}
.panel,.dash-stats article{border:1px solid #e6e9e8;border-radius:17px;background:var(--surface);box-shadow:var(--shadow-card)}
.dash-stats{gap:13px}
.dash-stats article{min-height:126px;padding:22px}
.dash-stats article small{font-size:12px;color:#657585}
.dash-stats article b{color:#193043;font-size:27px;letter-spacing:-.04em}
.dash-stats article em{font-size:10px}
.dash-columns{gap:16px}
.dash-columns>.panel{padding:25px}
.dashboard-page:not([data-section="overview"]) .admin-workspace{margin-top:0}
.admin-workspace{border-radius:18px;padding:26px 28px;min-width:0}
.admin-workspace>.panel-head{margin-bottom:23px;align-items:flex-start}
.admin-workspace>.panel-head .eyebrow{font-size:10px;letter-spacing:.14em}
.admin-workspace>.panel-head h3{font-size:21px;letter-spacing:-.025em;color:#203545;margin:7px 0 0}
.workspace-subtitle{font-size:12px}
#adminCreateBtn{min-height:42px;padding:10px 17px;white-space:nowrap;font-size:12px}
.cms-intro{padding:15px 18px;margin-bottom:20px;border-radius:12px;background:#f6f8f8;border:1px solid #edf0f0;align-items:center}
.cms-intro p{color:#5f7180;font-size:12px}
.cms-metrics span{background:#fff;border-color:#e4e9e9;padding:8px 11px;font-size:10px}
.cms-metrics b{font-size:14px;color:#183247}
.admin-toolbar{padding:0 0 4px;gap:11px}
.admin-search-label,.admin-filter-label{font-size:11px;color:#495f6d;gap:7px}
.admin-search-label input,.admin-filter-label select{height:44px;border:1px solid #dbe3e6;background:#fff;border-radius:10px;color:#253b49;font-size:12px}
.admin-search-label input:focus,.admin-filter-label select:focus{outline:3px solid #ffead9;border-color:#e98a54}
.admin-table-wrap{border-color:#e2e8e9;border-radius:12px}
.admin-table th{height:42px;background:#f6f8f8;color:#647686;font-size:10px;letter-spacing:.065em}
.admin-table td{height:56px;color:#364958;font-size:11px;border-color:#ecf0f0}
.admin-table .row-title{font-size:12px;color:#213849}
.admin-table tbody tr:hover{background:#fffaf5}
.admin-table td.row-actions button{min-height:31px;border-color:#e2e7e9;color:#466071;font-size:10px}
.admin-table td.row-actions [data-open-lessons-id]{color:#c65518}
.admin-table td.row-actions button:hover{background:#fff1e8;border-color:#eaa977;color:#b9480f}
.admin-table td.row-actions button[data-delete-id]{color:#a44643}
.admin-pager{border-top:1px solid #ecf0f0;margin-top:17px;padding-top:10px}
.content-state{font-size:10px;padding:6px 10px}
.modal-card{border:1px solid #e7ebea;border-radius:17px}
.modal-head h3{color:#1c3342;letter-spacing:-.02em}
.modal-form label{color:#405765;font-size:11px}
.modal-form input,.modal-form textarea,.modal-form select{border-color:#dce5e7;color:#243947}
.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{border-color:#ed9e6d;outline:3px solid #fff1e8}
.editorial-modal .modal-head{background:linear-gradient(105deg,#fff8f1 0,#fff 68%)}
.editorial-section-head h4{font-size:16px}
.editorial-section-head p{font-size:12px}
.calendar-header{background:#fffaf5}
.calendar-header h2{color:#203545;letter-spacing:-.03em}
.calendar-grid button:hover{background:#fff3e9}
.hero-wrap{background:radial-gradient(circle at 83% 45%,#ffeadb 0,transparent 35%),linear-gradient(110deg,#fff9f1,#fff 58%,#f3f7f8)}
.hero h1{color:#162d3d;letter-spacing:-.055em;line-height:1.11}
.hero p{color:#5e6f7c}
.course-card{border-color:#e1e7e7;box-shadow:var(--shadow-card)}
.course-card:hover{box-shadow:0 20px 38px rgba(27,45,55,.12)}
.course-body h3{color:#1b3344;line-height:1.45}
.course-body>p{color:#637888}
.course-foot{border-top-color:#e9eeee}
.inner-page .page-title h1{color:#1a3142;letter-spacing:-.04em}
.lesson-sidebar{border-color:#e1e8e8}
.lesson-back{display:inline-flex;margin:0 0 15px;padding:0;border:0;background:transparent;color:#b8511d;font-size:12px;font-weight:800}.lesson-back:hover{text-decoration:underline}.lesson-next-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.lesson-next-actions .pill{min-height:44px}
.exam-list-card,.analysis-card,.result-grid article{border-color:#e2e8e8;box-shadow:var(--shadow-card)}
@media(min-width:1181px){.dashboard-page{grid-template-columns:260px minmax(0,1fr)}.dash-side{padding-inline:17px}.dash-side nav button{font-size:13px;min-height:43px}.portal-nav-group{font-size:10px}.dash-main{padding:36px 43px 52px}.admin-workspace>.panel-head h3{font-size:23px}.admin-table th{font-size:11px}.admin-table td{height:62px;font-size:12px}.admin-table .row-title{font-size:13px}.admin-table td.row-actions button{font-size:11px;min-height:34px}}
.dashboard-page[data-section="overview"] .quick-grid{gap:11px}
.dashboard-page[data-section="overview"] .quick-grid button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:98px;text-align:left;padding:18px;border:1px solid #e3e9e9;border-radius:12px;background:#fafbfa;color:#dc6422;font-size:25px;transition:background .15s,border-color .15s,transform .15s}
.dashboard-page[data-section="overview"] .quick-grid button:hover{transform:translateY(-2px);background:#fff4eb;border-color:#efa875}
.dashboard-page[data-section="overview"] .quick-grid button span{margin-top:7px;color:#304756;font-size:12px;font-weight:700}
.dash-columns .panel-head h3{color:#1d3444;font-size:19px;letter-spacing:-.02em}
.analytics-block{background:#f8faf9;border-color:#e8eded}
@media(max-width:1180px){.dash-main{padding:28px 27px 40px}}
@media(max-width:900px){.cms-intro{align-items:flex-start}.dash-stats article{min-height:108px}.admin-table td{height:auto}.admin-table tbody{gap:10px}.admin-table tr{box-shadow:0 6px 16px #192f3e08}}
@media(max-width:680px){.dash-main{padding:19px 15px 30px}.dash-top{gap:10px;margin-bottom:17px}.dash-top h1{font-size:21px}.dash-top .avatar{width:42px;height:42px}.admin-workspace{padding:18px}.admin-workspace>.panel-head h3{font-size:19px}.cms-intro{padding:13px;gap:12px}.admin-table td{font-size:12px}.admin-table .row-title{font-size:13px}.admin-table td.row-actions{justify-content:flex-start}.dash-stats article{padding:16px}.dash-columns>.panel{padding:18px}}
@media(max-width:680px){.course-cover{min-height:190px;padding:27px}.course-cover b{font-size:23px;line-height:1.25}.course-body{min-height:0}.course-card{border-radius:16px}.course-grid{gap:16px}.mobile-nav button[data-go="dashboard"]{color:#cb5618;background:#fff2e7;font-weight:800}}