/* BTS LMS Stage 2 — visual-only enhancement. No API or database dependencies. */
:root { --bts-navy:#12284c; --bts-blue:#255fbb; --bts-muted:#64748b; --bts-line:#e1e8f0; --bts-canvas:#f3f6fa; }
body.bts-ui {font-family:Inter,system-ui,-apple-system,sans-serif!important;color:#1c2b42!important;background:#f3f6fa!important;}
body.bts-ui::before {content:"";position:fixed;inset:0;background:radial-gradient(circle at 90% 0%,#e3ecfa 0%,transparent 42%),linear-gradient(145deg,#f8fafc,#eef3fa);pointer-events:none;z-index:-1;}
body.bts-ui header {border:1px solid rgba(214,225,240,.95)!important;background:rgba(255,255,255,.95)!important;box-shadow:0 7px 25px rgba(25,50,88,.07)!important;border-radius:16px!important;}
body.bts-ui header .bg-\[\#000080\] {background-color:var(--bts-navy)!important;}
body.bts-ui input:not([type=checkbox]):not([type=radio]),body.bts-ui select,body.bts-ui textarea {border-radius:10px!important;transition:border-color .18s,box-shadow .18s;}
body.bts-ui input:focus-visible,body.bts-ui select:focus-visible,body.bts-ui textarea:focus-visible,body.bts-ui button:focus-visible,body.bts-ui a:focus-visible {outline:2px solid #3b82f6!important;outline-offset:2px;}
body.bts-ui main .rounded-2xl,body.bts-ui main .rounded-xl {box-shadow:0 4px 18px rgba(27,53,91,.045);}
body.bts-ui a,body.bts-ui button {transition:background-color .18s,color .18s,box-shadow .18s,transform .18s;}
body.bts-ui .shadow-2xl {box-shadow:0 18px 50px rgba(21,43,78,.13)!important;}
body.bts-login main {position:relative;z-index:1;}
body.bts-login main>div {border:1px solid #e3eaf3!important;background:rgba(255,255,255,.97)!important;border-radius:22px!important;}
body.bts-login main input {min-height:42px;}
body.bts-learner #live-bg-canvas {opacity:.10!important;}
body.bts-ui ::-webkit-scrollbar-thumb {background:#b6c7dc!important;border-radius:6px;}
@media (max-width:640px) {body.bts-ui header {margin:8px!important;border-radius:12px!important;}body.bts-login main>div {padding:22px!important;}body.bts-ui {font-size:13px;}}
@media (prefers-reduced-motion:reduce) {body.bts-ui *,body.bts-ui *::before,body.bts-ui *::after {animation-duration:.01ms!important;transition-duration:.01ms!important;}}
@media print {body.bts-ui {background:#fff!important;}body.bts-ui::before {display:none!important;}}