/* KAJUKS premium interface — shared public and role-aware workspace theme. */
:root{--ink:#172b40;--navy:#163f5d;--orange:#ed7629;--line:#e5ebf0;--kj-shadow:0 8px 32px #193c5a08;--kj-radius:18px}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{letter-spacing:-.035em}a{text-underline-offset:4px}button,input,select,textarea{font:inherit}
.btn{border-radius:10px!important;padding:11px 19px;font-weight:650;font-size:13px;transition:background .18s,box-shadow .18s,transform .18s!important}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary,.orange-button{background:#ed7629!important;border-color:#ed7629!important;box-shadow:0 5px 12px #ed76291c!important;color:#fff!important}.btn-primary:hover{background:#d96319!important;border-color:#d96319!important}.btn-sm{padding:8px 13px}.btn-outline-primary{background:#fff!important;border:1px solid #cfdbe5!important;color:#163f5d!important}
.form-control,.form-select,.concept-card input:not([type=checkbox]):not([type=radio]),.concept-card select,.concept-card textarea{border:1px solid #dae3eb;border-radius:9px;background:#fcfdfe;min-height:44px;box-shadow:none;padding:11px 13px}.form-control:focus,.form-select:focus,.concept-card input:focus,.concept-card textarea:focus{border-color:#488aaa;box-shadow:0 0 0 4px #2d8cad15;outline:none}.form-label,.concept-card label{font-weight:600;color:#43566a;font-size:12px}input[type=checkbox],input[type=radio]{accent-color:var(--navy)}
.dashboard-body{background:#f3f6fa}.concept-sidebar{width:248px;background:#112d42;padding:24px 17px;scrollbar-width:thin;scrollbar-color:#365469 transparent;border-right:1px solid #ffffff08}.concept-sidebar .original-brand{border-radius:12px;margin:0 0 8px;height:64px}.side-caption{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#91a6b7;padding:23px 13px 9px}.concept-sidebar nav a{font-size:12px;font-weight:500;padding:11px 14px;border-radius:9px;margin:3px 0;gap:12px;color:#b9cbd8;transition:background .18s,color .18s}.concept-sidebar nav a i{font-size:14px;color:#8fabbd}.concept-sidebar nav a:hover{background:#ffffff0b;color:white}.concept-sidebar nav a.selected{background:#ffffff12;color:#fff;box-shadow:inset 3px 0 #f58a44}.concept-sidebar nav a.selected i{color:#ff9958}.concept-main{margin-left:248px}.concept-topbar{position:sticky;top:0;z-index:40;height:82px;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);color:var(--ink);padding:0 36px}.workspace-search{background:#f5f7fa;border:1px solid #e9eef3;color:#7c8c9a;border-radius:10px;padding:10px 15px;text-decoration:none;min-width:275px}.workspace-search kbd{margin-left:42px;background:#fff;border:1px solid #dfe6ee;color:#8b98a6;padding:1px 6px;border-radius:4px}.top-account{font-size:12px;font-weight:600}.top-account small{color:#85929e;font-size:10px;font-weight:500}.initial-avatar{background:#e8f1f7;color:#24536d;width:39px;height:39px;border:3px solid white;box-shadow:0 0 0 1px #e5ebf0}#live-bell{color:#536e82;font-size:18px}#concept-toggle{color:#193e59}
.concept-content{padding:34px 36px!important;max-width:1680px}.concept-heading{margin-bottom:29px;align-items:center}.concept-title{font-size:30px;font-weight:750;letter-spacing:-1.1px;color:#15354d}.concept-subtitle{font-size:13px;color:#7c8b9a}.concept-stats{gap:18px;margin-bottom:26px}.concept-stat{position:relative;border:1px solid #e5ebf1;background:white!important;border-radius:15px;padding:24px 19px;gap:15px;box-shadow:var(--kj-shadow)}.concept-stat i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eaf4fa;color:#3882a7;font-size:20px;flex-shrink:0}.concept-stat:nth-child(2) i{background:#eaf5ee;color:#45946a}.concept-stat:nth-child(3) i{background:#fff3e7;color:#df9243}.concept-stat:nth-child(4) i{background:#f1edfb;color:#8b6bbe}.concept-stat b{font-size:27px;letter-spacing:-1px;line-height:1.35}.concept-stat small{font-size:11px;color:#81909e}.concept-card,.dash-card{border:1px solid #e5ebf1!important;border-radius:16px!important;background:#fff!important;padding:25px;box-shadow:var(--kj-shadow)!important;margin-bottom:24px}.concept-card h2{font-size:15px;letter-spacing:-.3px;color:#24425a;margin-bottom:23px}.concept-grid{gap:24px}.concept-card table{border-spacing:0;font-size:12px}.concept-card th{background:#f7f9fb;padding:12px;font-size:10px;letter-spacing:.5px;color:#8996a3;text-transform:uppercase;border-bottom:1px solid #e9eef3}.concept-card td{background:white;padding:13px 10px;border-bottom:1px solid #edf1f5;border-radius:0;vertical-align:top}.concept-card tr:last-child td{border-bottom:0}.lesson{padding:12px 10px;margin:5px 2px;border-radius:7px;background:#edf5f0;color:#45775b;border-left:3px solid #99c4ac;font-size:11px;min-height:66px}.lesson small{font-size:9px;opacity:.8}.concept-card td:nth-child(3) .lesson{background:#fff3e9;border-left-color:#e9b58f;color:#b47e55}.concept-card td:nth-child(4) .lesson{background:#eef0fc;border-left-color:#afb6e0;color:#757fac}.concept-list{padding:18px 0}.concept-list p{line-height:1.7;color:#8a98a5}.concept-list strong{font-size:12px;color:#385166}.concept-table,.table-responsive{border-radius:10px;max-width:100%;overflow-x:auto}.table{font-size:13px;--bs-table-bg:transparent}.table>thead>tr>th{background:#f6f8fb;color:#7c8c9a;font-size:10px;text-transform:uppercase;letter-spacing:.7px;padding:15px 12px;border-bottom:1px solid #e3eaf0}.table>tbody>tr>td{padding:15px 12px;vertical-align:middle;border-color:#edf1f5}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:#f7fafc}.badge{font-weight:600;letter-spacing:.1px;border-radius:6px;padding:6px 9px}.billing-banner{background:#fff6ed;border:1px solid #fae5d2;border-radius:14px;padding:25px}.onboarding{background:#edf2f7;border:1px solid #e2e9f0;padding:18px 22px;border-radius:12px;font-size:12px;color:#486077}summary{cursor:pointer}.modal-content{border:1px solid #e5ebf0;border-radius:20px;box-shadow:0 30px 90px #16394c33}.modal-header,.modal-footer{padding:22px 26px;border-color:#edf1f4}.modal-body{padding:26px}.kj-confirm{border-radius:20px!important}.alert{border-radius:11px;font-size:13px}.kj-toast{border-radius:15px!important;box-shadow:0 14px 45px #173b5025!important}
/* Public experience */
.concept-nav{max-width:1400px;height:104px;padding:0 6%;border-bottom:1px solid #edf0f3}.concept-nav nav{gap:27px;font-weight:600;font-size:12px}.premium-hero{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:45px;padding:66px 6% 58px;background:radial-gradient(ellipse at 80% 50%,#eef7f9 0,transparent 65%)}.concept-hero{text-align:left;padding:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.7px;font-weight:750;color:#3f7f91;text-transform:uppercase;margin-bottom:22px}.hero-eyebrow:before{content:'';width:7px;height:7px;background:#66b88a;border-radius:50%}.concept-hero h1{font-size:clamp(40px,4.5vw,65px);letter-spacing:-2.8px;line-height:1.1;font-weight:750;color:#15394f;margin-bottom:24px}.concept-hero h1 em{font-style:normal;color:#e87936}.concept-hero p{font-size:15px;color:#7b8d9b;line-height:1.9;max-width:390px;margin-bottom:25px}.concept-hero .btn{margin:0 7px 10px 0;padding:14px 20px;font-size:12px}.hero-note{display:flex;align-items:center;gap:9px;color:#82939e;font-size:10px;margin-top:18px}.hero-note i{color:#63977a}.concept-carousel{width:100%;height:425px;border-radius:26px 26px 80px 26px;box-shadow:0 24px 55px #244b6516}.concept-carousel img{object-position:center}.carousel-tools{right:27px;bottom:25px}.carousel-tools button{box-shadow:0 2px 10px #0001;font-size:11px}.community-links{padding:28px 6% 36px;max-width:1400px;gap:25px;border-bottom:1px solid #e9eef2}.community-links>a{border:1px solid #e6edf0;border-radius:14px;padding:21px 19px;gap:14px;background:#fff;box-shadow:0 6px 22px #173b5004;transition:transform .2s}.community-links>a:hover{transform:translateY(-3px)}.community-links i{width:42px;height:42px;border-radius:12px;font-size:18px;background:#eaf5ef!important;color:#5d9878}.community-links>a:nth-child(2) i{background:#eaf3f9!important;color:#4e8ba9}.community-links>a:nth-child(3) i{background:#fff1e8!important;color:#d88e52}.community-links strong{font-size:12px}.community-links small{font-size:10px;line-height:1.6;display:block;margin-top:4px}.public-section{padding-top:66px;padding-bottom:66px}.public-section h2{color:#1e4159;font-size:31px}.public-grid article{border-radius:17px;padding:30px;box-shadow:var(--kj-shadow)}.public-grid h3{color:#31546a}.public-grid a{font-size:12px;font-weight:650;text-decoration:none}.public-footer{background:#112e43;color:#a8bccb;padding:36px 6%}.public-footer a{color:#bccdd8;text-decoration:none}.public-section:has(form){background:#fff;border-radius:22px}.public-section:has(form) h1{color:#20465e;font-weight:750}.ux-mobile-nav{backdrop-filter:blur(16px)}
@media(min-width:761px){.concept-sidebar .original-brand{width:212px!important}.concept-sidebar .original-brand img{left:-64px!important}}
@media(max-width:1150px){.concept-stat{padding:18px 14px}.concept-content{padding:26px!important}.concept-stat i{width:38px;height:38px}.premium-hero{gap:25px}.concept-carousel{height:380px}.concept-nav nav{gap:17px}}
@media(max-width:1000px){.concept-sidebar{width:220px}.concept-main{margin-left:220px}.concept-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-grid{grid-template-columns:1fr}.community-links{gap:12px}.community-links>a{padding:17px 13px}.concept-nav{padding:0 4%}}
@media(max-width:760px){.concept-main{margin-left:0}.concept-sidebar{width:270px;z-index:60}.concept-sidebar.open{top:74px;bottom:64px;box-shadow:20px 0 60px #0d293c30}.concept-topbar{height:74px;padding:0 20px}.concept-content{padding:25px 17px 90px!important}.concept-heading{gap:15px;align-items:flex-start;flex-wrap:wrap}.concept-title{font-size:26px}.concept-subtitle{font-size:12px}.concept-stat{padding:17px 12px;gap:10px}.concept-stat b{font-size:23px}.concept-stat small{font-size:10px}.concept-stats{gap:12px}.concept-card{padding:19px}.concept-nav{padding:16px 20px;height:auto;gap:14px}.concept-nav .original-brand{width:190px}.concept-nav nav{width:100%;gap:15px;justify-content:flex-start;font-size:11px}.premium-hero{grid-template-columns:1fr;padding:36px 22px;gap:30px}.concept-hero h1{font-size:44px;letter-spacing:-1.8px;max-width:440px}.concept-hero p{font-size:14px}.concept-carousel{height:300px;border-radius:20px 20px 55px 20px}.hero-eyebrow{font-size:9px;margin-bottom:16px}.community-links{grid-template-columns:1fr;padding:0 22px 35px;gap:12px}.community-links>a{padding:18px}.community-links strong{font-size:13px}.community-links small{font-size:11px}.public-section{padding:42px 22px}.public-section h2{font-size:26px}.public-grid{gap:16px}.public-footer{padding:30px 22px}.kj-menu-shade{position:fixed;inset:74px 0 64px;background:#0f2c3f55;z-index:55;backdrop-filter:blur(2px)}.workspace-search{min-width:0}.concept-heading>.btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.concept-topbar,.concept-sidebar,.ux-mobile-nav,.kj-menu-shade{display:none!important}.concept-main{margin:0}.concept-card{box-shadow:none!important;break-inside:avoid}}

/* Match specificity of the legacy shared control layer. */
body :is(.btn-primary,.btn-react-primary,.btn-primary-grad,.btn-premium:not(.btn-premium-outline),.btn-create,.btn-modal-confirm,.orange-button){background:#cc581a!important;border-color:#cc581a!important;box-shadow:0 5px 12px #cc581a1c!important}
body :is(.btn-primary,.btn-react-primary,.btn-primary-grad,.btn-premium:not(.btn-premium-outline),.btn-create,.btn-modal-confirm,.orange-button):hover{background:#b74b12!important;border-color:#b74b12!important}
.tutor-welcome{border-radius:17px!important;background:linear-gradient(115deg,#173e57,#295a72)!important;color:#fff!important;padding:28px!important;border:0!important}.tutor-welcome h2{color:white!important}.tutor-welcome p,.tutor-eyebrow{color:#b9d2df!important}

.concept-stat b{font-size:clamp(20px,1.8vw,27px)}
/* Legacy screens share the same surfaces without changing their form logic. */
.concept-grid>*,.grade-grid>*,.concept-stat>div{min-width:0}
body :is(.stat-card,.form-card,.glass-card,.table-card,.class-card,.role-card,.announcement-card,.event-card,.profile-card,.detail-card,.settings-card,.dash-card-custom){border:1px solid #e5ebf1!important;border-radius:16px!important;box-shadow:var(--kj-shadow)!important}
body .stat-card{background:#fff!important;padding:22px!important}
body :is(.dash-card-header,.table-header){border-bottom:1px solid #e9eef3;padding:20px 24px;background:#fff;border-radius:16px 16px 0 0}
body .empty-state{padding:44px 24px;border-radius:14px;background:#f8fafc;color:#7d8fa0}
body .page-header-title{letter-spacing:-.8px;color:#183e57}
body .dash-stat-value{letter-spacing:-1px}
@media(max-width:760px){.concept-card table{min-width:480px}.concept-card:has(>table){overflow-x:auto}.concept-stat b{font-size:22px}.concept-stat small{display:block;line-height:1.6}.concept-stat:last-child{gap:6px}.concept-stat:last-child b{font-size:19px}}