/* =====================================================================
   MCA ACADEMY - SNEAT THEME (admin + formador)
   Compact dark/light dashboard: flat paper cards, indigo accent,
   small but readable components. Active only when <html class="sn">
   (set for every /admin/ page). Loads after aurora.css.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&display=swap');

html.sn{
   --sn-bg:#f5f5f9; --sn-paper:#ffffff; --sn-line:rgba(67,89,113,.14); --sn-head:#384551; --sn-text:#5b6b7c; --sn-muted:#8b97a5; --sn-hover:rgba(67,89,113,.06);
   --sn-p:#696cff; --sn-pg:linear-gradient(72.47deg,#696cff 22.16%,rgba(105,108,255,.72) 76.47%);
   --sn-ok:#71dd37; --sn-info:#03c3ec; --sn-warn:#ffab00; --sn-bad:#ff3e1d;
   --sn-shadow:0 2px 6px 0 rgba(67,89,113,.12); --sn-btn:0 2px 6px 0 rgba(105,108,255,.4);
   --sn-side:236px;
   font-size:52%;
}
html.sn.dark,html.sn body.dark{
   --sn-bg:#25293c; --sn-paper:#2f3349; --sn-line:#44485e; --sn-head:#d6d9f2; --sn-text:#b3bbe0; --sn-muted:#8189bd; --sn-hover:rgba(255,255,255,.045);
   --sn-shadow:0 2px 6px 0 rgba(15,20,34,.22);
}
/* remap Aurora + legacy variables so every existing component adopts the palette */
html.sn body{
   --au-font:'Public Sans','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
   --au-bg:var(--sn-bg); --au-card:var(--sn-paper); --au-solid:var(--sn-paper); --au-line:var(--sn-line);
   --au-ink:var(--sn-head); --au-muted:var(--sn-muted);
   --au-p:var(--sn-p); --au-pg:var(--sn-pg); --au-o:var(--sn-warn); --au-b:var(--sn-info); --au-g:var(--sn-ok); --au-danger:var(--sn-bad);
   --au-k1:var(--sn-p); --au-k2:var(--sn-warn); --au-k3:var(--sn-info); --au-k4:var(--sn-ok);
   --au-glow:var(--sn-btn); --au-lift:var(--sn-shadow); --au-r1:8px; --au-r2:6px; --au-r3:6px;
   --white:var(--sn-paper); --black:var(--sn-head); --light-color:var(--sn-muted); --light-bg:var(--sn-bg);
   --border:1px solid var(--sn-line); --main-color:var(--sn-p);
}
html.sn body.con-body{--blue:var(--sn-p);--blue2:var(--sn-p);--blue3:var(--sn-p);--red:var(--sn-bad);--red2:var(--sn-bad);--gold:var(--sn-warn);--green:var(--sn-ok)}

html.sn *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.sn body{background:var(--sn-bg)!important;color:var(--sn-text);font-size:13.5px;line-height:1.5}
html.sn body::before{display:none}
html.sn body::after{opacity:0!important}
html.sn h1,html.sn h2,html.sn h3,html.sn h4{color:var(--sn-head)}
html.sn *::-webkit-scrollbar{width:7px;height:7px}

/* ============================ CLASSIC ADMIN PAGES ============================ */
@media (min-width:1201px){
   html.sn body:not(.con-body){padding-left:var(--sn-side)!important}
   html.sn .side-bar{top:0!important;left:0!important;bottom:0;height:100vh!important;width:var(--sn-side)!important;border-radius:0!important;border:0!important;border-right:1px solid var(--sn-line)!important}
   html.sn .header .flex .logo{display:none}
   html.sn #menu-btn{display:none!important}
}
html.sn .side-bar{background:var(--sn-paper)!important;box-shadow:none!important;padding-bottom:12px}
html.sn .side-bar .close-side-bar{padding:10px 14px 0}
.sn-brand{display:none}
html.sn .sn-brand{display:flex;align-items:center;gap:9px;padding:16px 20px 12px;font-size:19px;color:var(--sn-head)}
html.sn .sn-brand b{font-weight:800;letter-spacing:.2px;color:var(--sn-head)}
html.sn .sn-brand em{font-style:normal;font-weight:500;color:var(--sn-muted);margin-left:-3px}
html.sn .sn-mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--sn-pg);color:#fff;font-size:14px;box-shadow:var(--sn-btn)}
html.sn .side-bar .profile{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;text-align:left;padding:8px 12px;margin:2px 12px 4px;border-radius:8px;background:var(--sn-hover)}
html.sn .side-bar .profile img{grid-row:1/3;width:34px;height:34px;padding:0;margin:0;background:none;border-radius:8px!important;animation:none;object-fit:cover}
html.sn .side-bar .profile h3{font-size:13px;font-weight:600;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.sn .side-bar .profile span{font-size:11.5px;margin:0;color:var(--sn-muted)}
html.sn .side-bar .profile .btn{display:none}
html.sn .side-bar .navbar{padding:2px 12px;gap:2px}
html.sn .side-bar .navbar .mca-nav-sep{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--sn-muted);padding:14px 10px 5px;margin:0;border:0}
html.sn .side-bar .navbar a{padding:8px 12px!important;border-radius:6px!important;gap:11px;color:var(--sn-text)!important;box-shadow:none}
html.sn .side-bar .navbar a i{font-size:15px!important;width:18px!important;margin:0!important;color:inherit!important}
html.sn .side-bar .navbar a span{font-size:13.5px!important;font-weight:500;color:inherit!important}
html.sn .side-bar .navbar a:hover{background:var(--sn-hover)!important;color:var(--sn-head)!important;transform:translateX(3px)}
html.sn .side-bar .navbar a:hover i{transform:none}
html.sn .side-bar .navbar a.on{background:var(--sn-pg)!important;color:#fff!important;box-shadow:var(--sn-btn)!important}
html.sn .side-bar .navbar a.on i,html.sn .side-bar .navbar a.on span{color:#fff!important}
html.sn .side-bar .navbar a.on::after{display:none}
html.sn .side-bar .navbar a.au-cta{margin-top:auto!important;margin-bottom:4px;justify-content:center;background:var(--sn-pg)!important;color:#fff!important;padding:9px 12px!important;box-shadow:var(--sn-btn)!important}
html.sn .side-bar .navbar a.au-cta i{background:rgba(255,255,255,.22);border-radius:50%;width:20px!important;height:20px;display:grid;place-items:center;font-size:10px!important;animation:none}
html.sn .side-bar .navbar a.au-cta span{color:#fff!important}

html.sn .header{margin:12px 18px 0!important;top:10px!important;border:0!important;border-radius:8px;background:var(--sn-paper)!important;box-shadow:var(--sn-shadow)}
html.sn .header .flex{padding:6px 12px!important;gap:10px}
html.sn .header .flex .logo{font-size:17px;font-weight:800;background:none;-webkit-text-fill-color:var(--sn-head);color:var(--sn-head)}
html.sn .header .flex .search-form{width:auto;max-width:300px;flex:1;margin-right:auto;padding:0 12px!important;height:34px;gap:8px;border-radius:6px!important;background:transparent!important;border:0;box-shadow:none}
html.sn .header .flex .search-form input{font-size:13px;height:32px}
html.sn .header .flex .search-form button{font-size:13px;color:var(--sn-muted)}
html.sn .header .flex .icons{gap:2px}
html.sn .header .flex .icons div{width:34px!important;height:34px!important;line-height:34px!important;font-size:15px!important;background:transparent!important;border:0!important;border-radius:6px!important;color:var(--sn-text)!important}
html.sn .header .flex .icons div:hover{background:var(--sn-hover)!important;color:var(--sn-p)!important;transform:none}
html.sn .mca-lang-switch{padding:0}
html.sn .mca-lang-switch a{font-size:11px;padding:3px 7px;border-radius:5px;border:0!important;color:var(--sn-muted)!important;font-weight:600}
html.sn .mca-lang-switch a.active,html.sn .mca-lang-switch a:hover{background:var(--sn-p-soft,rgba(105,108,255,.16))!important;color:var(--sn-p)!important}
html.sn .header .flex .profile{border:0;border-radius:8px!important;background:var(--sn-paper)!important;box-shadow:var(--sn-shadow);top:calc(100% + 8px)}

html.sn section{padding:12px 18px;max-width:1500px}
html.sn .heading{font-size:17px;font-weight:600;text-transform:none;letter-spacing:0;margin-bottom:12px;padding:0;color:var(--sn-head)}
html.sn .heading::after{display:none}
html.sn .empty{border-radius:8px;font-size:13px;padding:22px}

html.sn .box-container .box,html.sn .dashboard .box-container .box,html.sn .contents .box-container .box,html.sn .playlists .box-container .box,
html.sn .comments .show-comments .box,html.sn .tutor-profile .details,html.sn .playlist-details .row,html.sn .view-content .container,
html.sn .form-container form,html.sn .playlist-form form,html.sn .video-form form,html.sn .comments .add-comment{
   background:var(--sn-paper)!important;border:0!important;border-radius:8px!important;box-shadow:var(--sn-shadow)!important;color:var(--sn-text)}
html.sn .box-container .box:hover{box-shadow:var(--sn-shadow),0 0 0 1px rgba(105,108,255,.45)!important}
html.sn .box-container{gap:12px!important}

/* classic dashboard: flat stat cards with a coloured accent */
html.sn .dashboard .box-container{grid-template-columns:repeat(auto-fit,minmax(22rem,1fr))!important}
html.sn .dashboard .box-container .box:nth-child(n){min-height:0;padding:14px 16px;color:var(--sn-text)!important;background:var(--sn-paper)!important;border-top:3px solid var(--sn-p)!important;overflow:hidden}
html.sn .dashboard .box-container .box:nth-child(4n+2){border-top-color:var(--sn-warn)!important}
html.sn .dashboard .box-container .box:nth-child(4n+3){border-top-color:var(--sn-info)!important}
html.sn .dashboard .box-container .box:nth-child(4n+4){border-top-color:var(--sn-ok)!important}
html.sn .dashboard .box-container .box h3{color:var(--sn-head)!important;font-size:21px;font-weight:700;margin:0 0 4px}
html.sn .dashboard .box-container .box p{background:none!important;color:var(--sn-muted)!important;font-weight:500;font-size:13px;padding:0!important;margin:0 0 10px;border-radius:0}
html.sn .dashboard .box-container .box::after{display:none}
html.sn .dashboard .box-container .box .btn{background:rgba(105,108,255,.16)!important;color:var(--sn-p)!important;box-shadow:none!important}

/* buttons / forms */
html.sn .btn,html.sn .inline-btn,html.sn .option-btn,html.sn .delete-btn,html.sn .inline-option-btn,html.sn .inline-delete-btn,html.sn input[type=submit]{
   font-size:13px!important;font-weight:600;padding:8px 16px!important;border-radius:6px!important;letter-spacing:0;text-transform:none;
   background:var(--sn-pg)!important;color:#fff!important;box-shadow:var(--sn-btn)!important;width:auto}
html.sn input[type=submit]{width:100%}
html.sn .btn:hover,html.sn .inline-btn:hover,html.sn .option-btn:hover,html.sn .delete-btn:hover,html.sn input[type=submit]:hover{transform:translateY(-1px);filter:brightness(1.07)}
html.sn .option-btn,html.sn .inline-option-btn{background:rgba(105,108,255,.16)!important;color:var(--sn-p)!important;box-shadow:none!important}
html.sn .delete-btn,html.sn .inline-delete-btn{background:var(--sn-bad)!important;box-shadow:0 2px 6px 0 rgba(255,62,29,.4)!important}
html.sn input.box,html.sn textarea.box,html.sn select.box,html.sn .form-container form input,html.sn .form-container form textarea,html.sn .form-container form select,
html.sn .playlist-form form input,html.sn .playlist-form form textarea,html.sn .playlist-form form select,html.sn .video-form form input,html.sn .video-form form textarea,html.sn .video-form form select{
   font-size:13px!important;padding:9px 12px!important;border-radius:6px!important;background:transparent!important;border:1px solid var(--sn-line)!important;color:var(--sn-head)!important;margin:6px 0 12px}
html.sn input[type=submit]{border:0!important;margin:6px 0 0}
html.sn input:focus,html.sn textarea:focus,html.sn select:focus{border-color:var(--sn-p)!important;box-shadow:0 0 0 1px var(--sn-p)!important}
html.sn .playlist-form form p,html.sn .video-form form p,html.sn .form-container form p{font-size:12.5px;color:var(--sn-text);margin:0}
html.sn .form-container{min-height:calc(100vh - 7rem)}
html.sn .form-container form{padding:22px!important;max-width:460px}
html.sn .form-container form h3{font-size:18px;font-weight:700;background:none;-webkit-text-fill-color:var(--sn-head);color:var(--sn-head)}
html.sn .form-container form .link a{color:var(--sn-p)}
html.sn .message{background:var(--sn-paper)!important;border:0;border-left:3px solid var(--sn-p);border-radius:6px;font-size:13px;padding:10px 14px;box-shadow:var(--sn-shadow)}
html.sn .footer{background:transparent!important;border:0!important;color:var(--sn-muted)!important;font-size:12px;margin-top:10px;border-radius:0;padding:10px 18px}

/* ================================ CONSOLE ================================ */
html.sn .con-body{font-size:13.5px}
html.sn .con-side{inset:0 auto 0 0!important;width:var(--sn-side)!important;border-radius:0!important;border:0!important;border-right:1px solid var(--sn-line)!important;background:var(--sn-paper)!important;box-shadow:none!important;padding:14px 12px}
html.sn .con-main{margin-left:var(--sn-side)!important;padding:12px 18px 40px}
@media (max-width:860px){html.sn .con-main{margin-left:0!important;padding:12px 12px 90px}}
html.sn .con-brand{padding:4px 8px 14px;font-size:18px;color:var(--sn-head)!important;gap:9px}
html.sn .con-brand small{font-size:10px;color:var(--sn-muted)!important;margin-top:0}
html.sn .con-logo{width:30px;height:30px;border-radius:8px;font-size:14px;animation:none;box-shadow:var(--sn-btn)}
html.sn .con-sep{margin:0;padding:12px 10px 5px;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--sn-muted)}
html.sn .con-nav{gap:2px}
html.sn .con-nav a{padding:8px 12px;font-size:13.5px;gap:11px;border-radius:6px!important;color:var(--sn-text)!important}
html.sn .con-nav a i{font-size:15px;width:18px}
html.sn .con-nav a:hover{background:var(--sn-hover)!important;color:var(--sn-head)!important;transform:translateX(3px)!important}
html.sn .con-nav a:hover i{animation:none}
html.sn .con-nav a.on{background:var(--sn-pg)!important;color:#fff!important;box-shadow:var(--sn-btn)}
html.sn .con-nav a.con-cta{background:var(--sn-pg)!important;box-shadow:var(--sn-btn);margin-top:auto;padding:9px 12px}
html.sn .con-nav a.con-cta i{width:20px;height:20px;font-size:10px}
html.sn .con-pill{background:var(--sn-bad)!important;color:#fff!important;animation:none;font-size:10.5px;padding:1px 7px}
html.sn .con-side-foot{padding-top:10px;gap:8px}
html.sn .con-lang a{padding:5px 0;font-size:11px;border-radius:6px;background:transparent!important;border:1px solid var(--sn-line)}
html.sn .con-lang a.on,html.sn .con-lang a:hover{background:rgba(105,108,255,.16)!important;color:var(--sn-p)!important;border-color:transparent}
html.sn .con-logout{padding:8px 12px;border-radius:6px;font-size:13px;gap:10px;background:rgba(255,62,29,.12)!important;color:var(--sn-bad)!important}

html.sn .con-head{margin-bottom:12px;padding:6px 12px;border-radius:8px;border:0;background:var(--sn-paper);box-shadow:var(--sn-shadow);animation:none;gap:10px}
html.sn .con-hello h1{font-size:15.5px;font-weight:600;letter-spacing:0}
html.sn .con-hello p{font-size:11.5px;margin:0}
html.sn .con-icon{width:34px;height:34px;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--sn-text)!important;font-size:14px}
html.sn .con-icon:hover{background:var(--sn-hover)!important;color:var(--sn-p)!important;transform:none}
html.sn .con-me{border:0!important;background:transparent!important;padding:2px 6px 2px 2px}
html.sn .con-me img{width:30px;height:30px;border-radius:50%!important}
html.sn .con-me strong{font-size:12.5px}html.sn .con-me small{font-size:11px}

html.sn .con-body .card{padding:14px 16px;border:0!important;border-radius:8px!important;background:var(--sn-paper)!important;box-shadow:var(--sn-shadow)}
html.sn .card h3{font-size:14px;font-weight:600;margin:0 0 10px}
html.sn .grid{gap:12px}
html.sn .card.hover:hover{box-shadow:var(--sn-shadow),0 0 0 1px rgba(105,108,255,.45)!important}

/* congratulations card */
html.sn .con-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;margin-bottom:12px;background:var(--sn-paper);box-shadow:var(--sn-shadow);color:var(--sn-text);border-radius:8px;overflow:hidden}
html.sn .con-welcome h2{font-size:16px;font-weight:600;color:var(--sn-head)}
html.sn .con-welcome p{margin:2px 0 8px;font-size:12.5px;color:var(--sn-muted);opacity:1}
html.sn .cw-big{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
html.sn .cw-big b{font-size:24px;font-weight:700;color:var(--sn-p)}
html.sn .cw-big span{font-size:12px;color:var(--sn-muted)}
.cw-trophy{width:96px;height:96px;flex:none;animation:snFloat 4s ease-in-out infinite}
@keyframes snFloat{50%{transform:translateY(-5px)}}
html.sn .con-split{grid-template-columns:minmax(0,1fr) 262px;gap:12px}
html.sn .con-aside{gap:12px;top:10px}
@media (max-width:1180px){html.sn .con-split{grid-template-columns:1fr}}

/* KPI stat cards */
html.sn .kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}
html.sn .kpis .card.kpi:nth-child(n),html.sn .card.kpi{background:var(--sn-paper)!important;color:var(--sn-text);min-height:0;padding:12px 14px;gap:12px}
html.sn .kpi .ico{width:38px;height:38px;border-radius:6px!important;font-size:16px}
html.sn .kpi .ico.r{background:rgba(105,108,255,.16)!important;color:var(--sn-p)}
html.sn .kpi .ico.g{background:rgba(255,171,0,.16)!important;color:var(--sn-warn)}
html.sn .kpi .ico.b{background:rgba(3,195,236,.16)!important;color:var(--sn-info)}
html.sn .kpi .ico.n{background:rgba(113,221,55,.16)!important;color:var(--sn-ok)}
html.sn .card.kpi:hover .ico{transform:scale(1.08)}
html.sn .kpi b{color:var(--sn-head)!important;font-size:19px;font-weight:700;letter-spacing:0}
html.sn .kpi span{color:var(--sn-muted)!important;font-size:12px;font-weight:500;opacity:1}
html.sn .kpi::after{display:none}
html.sn .con-body .row .kpi{padding:0;background:none!important}

/* rings, bars, lists */
html.sn .ring{width:92px;height:92px}
html.sn .ring .bg,html.sn .ring .fg{stroke-width:8}
html.sn .ring .lb{font-size:17px;font-weight:700;color:var(--sn-head)}
html.sn .ring-cap{font-size:12px;margin-top:6px}
html.sn .bars{height:170px;gap:10px}
html.sn .bar i{max-width:26px;border-radius:5px 5px 0 0!important;background:rgba(105,108,255,.32)!important}
html.sn .bar:last-child i{background:var(--sn-p)!important}
html.sn .bar i::after{font-size:10.5px;top:-18px}
html.sn .bar small{font-size:11px}
html.sn .row{padding:8px 0;gap:10px;border-bottom:1px solid var(--sn-line)}
html.sn .row img{width:34px;height:34px;border-radius:6px}
html.sn .row .grow b{font-size:13px;font-weight:600;color:var(--sn-head)}
html.sn .row .grow small{font-size:11.5px}
html.sn .con-body .row .kpi .ico{width:34px;height:34px;font-size:14px}
html.sn .pbar{height:6px}

/* toolbar, tabs, buttons */
html.sn .toolbar{gap:8px;margin-bottom:12px}
html.sn .search input{padding:8px 12px 8px 34px;font-size:13px;border-radius:6px!important;background:var(--sn-paper)!important;border:1px solid var(--sn-line)!important}
html.sn .search i{left:12px;font-size:13px}
html.sn .tabs{padding:3px;border-radius:6px!important;border:0!important;background:var(--sn-paper)!important;box-shadow:var(--sn-shadow);gap:2px}
html.sn .tabs button{padding:5px 12px;font-size:12.5px;border-radius:4px!important}
html.sn .tabs button.on{background:var(--sn-pg)!important;box-shadow:var(--sn-btn);transform:none}
html.sn .con-body .btn{padding:7px 14px!important;font-size:13px;border-radius:6px!important;background:var(--sn-pg)!important;box-shadow:var(--sn-btn);gap:7px}
html.sn .con-body .btn.sm{padding:5px 10px!important;font-size:12px}
html.sn .con-body .btn.red{background:var(--sn-pg)!important}
html.sn .con-body .btn.green{background:var(--sn-ok)!important;box-shadow:0 2px 6px 0 rgba(113,221,55,.4)}
html.sn .con-body .btn.ghost{background:transparent!important;color:var(--sn-text)!important;border:1px solid var(--sn-line)!important;box-shadow:none}
html.sn .con-body .btn.ghost:hover{background:var(--sn-hover)!important;color:var(--sn-p)!important}
html.sn .con-body a.btn:not(.ghost){color:#fff!important}

/* tables */
html.sn table{border-spacing:0;min-width:640px}
html.sn th{font-size:11px;letter-spacing:.5px;padding:10px 14px;background:rgba(127,140,180,.09);color:var(--sn-head);font-weight:600}
html.sn td{padding:9px 14px;border-top:1px solid var(--sn-line);font-size:13px}
html.sn tbody tr:hover{transform:none;background:var(--sn-hover)}
html.sn .who{gap:10px}
html.sn .who img{width:32px;height:32px;border-radius:6px}
html.sn .who b{font-weight:600;color:var(--sn-head)}
html.sn .who small{font-size:11.5px}
html.sn .badge{padding:3px 8px;border-radius:4px;font-size:11px;gap:5px;font-weight:600}
html.sn .badge::before{width:5px;height:5px}
html.sn .badge.paid,html.sn .badge.active,html.sn .badge.approved{background:rgba(113,221,55,.16);color:var(--sn-ok)}
html.sn .badge.pending{background:rgba(255,171,0,.16);color:var(--sn-warn)}
html.sn .badge.rejected,html.sn .badge.blocked,html.sn .badge.cancelled{background:rgba(255,62,29,.16);color:var(--sn-bad)}

/* course cards */
html.sn .courses{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
html.sn .course .cover{height:118px}
html.sn .course .cover .price{background:var(--sn-pg);border-radius:5px;padding:3px 9px;font-size:12px}
html.sn .course .body{padding:12px 14px 14px;gap:9px}
html.sn .course h4{font-size:14px;font-weight:600}
html.sn .course .stats{font-size:12px;gap:10px}

/* modal / toast / fields */
html.sn .con-modal-card{padding:20px;border-radius:8px!important;border:0!important;background:var(--sn-paper)!important;box-shadow:0 8px 24px rgba(15,20,34,.35)}
html.sn .con-modal-card h2{font-size:16px;margin-bottom:14px}
html.sn .field{margin-bottom:11px}
html.sn .field label{font-size:11px;margin-bottom:4px;letter-spacing:.4px}
html.sn .field input,html.sn .field select,html.sn .field textarea{padding:8px 12px;font-size:13px;border-radius:6px;background:transparent;border:1px solid var(--sn-line);color:var(--sn-head)}
html.sn .toast{padding:10px 14px;font-size:13px;border-radius:6px!important;border:0;border-left:3px solid var(--sn-ok);box-shadow:var(--sn-shadow)}
html.sn .toast.err{border-left-color:var(--sn-bad)}
html.sn .modal-foot{margin-top:14px}
html.sn #con-topbar{height:2px}
html.sn #con-topbar span{background:var(--sn-p)!important}
html.sn .sk{border-radius:8px;height:80px}

/* calendar */
html.sn .au-cal{font-size:12px}
html.sn .au-cal-head{font-size:13px;margin-bottom:8px;text-transform:capitalize}
html.sn .au-cal-head button{width:26px;height:26px;border-radius:6px;border:0;background:var(--sn-hover)}
html.sn .au-cal-grid{gap:2px}
html.sn .au-cal-grid span{padding:5px 0;border-radius:6px;font-weight:500}
html.sn .au-cal-grid span.today{background:var(--sn-pg);box-shadow:var(--sn-btn);transform:none}
html.sn .au-cal-grid span.n:hover{transform:none}

/* mobile bars */
html.sn .con-tabbar,html.sn .mca-tabbar{border:0!important;border-top:1px solid var(--sn-line)!important;border-radius:0;background:var(--sn-paper)!important}
html.sn .con-tabbar a.on,html.sn .mca-tabbar a.on{background:rgba(105,108,255,.16)!important;color:var(--sn-p)!important;box-shadow:none;transform:none;border-radius:8px}

/* flat motion: keep life, drop the 3D flourishes */
html.sn .au-tilt.au-tilting{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))!important}
html.sn .au-tilt::before{display:none}
html.sn .rise{animation-duration:.45s;animation-delay:calc(var(--i,0)*40ms)}

/* ---- fixes after visual review ---- */
html.sn .playlist-form form input[type=submit],html.sn .video-form form input[type=submit],html.sn .form-container form input[type=submit],html.sn form input[type=submit].btn{
   background:var(--sn-pg)!important;color:#fff!important;border:0!important;box-shadow:var(--sn-btn)!important;cursor:pointer;margin-top:8px}
html.sn .playlist-form form,html.sn .video-form form{max-width:640px}
html.sn .con-nav a.con-cta,html.sn .con-nav a.con-cta span,html.sn .con-nav a.con-cta i{color:#fff!important}
html.sn .ico.r{background:rgba(105,108,255,.16)!important;color:var(--sn-p)!important}
html.sn .ico.g{background:rgba(255,171,0,.16)!important;color:var(--sn-warn)!important}
html.sn .ico.b{background:rgba(3,195,236,.16)!important;color:var(--sn-info)!important}
html.sn .ico.n{background:rgba(113,221,55,.16)!important;color:var(--sn-ok)!important}
html.sn .ico{border-radius:6px!important}
html.sn .au-cal-head{text-transform:none}
html.sn .au-cal-head span::first-letter{text-transform:uppercase}
html.sn .con-welcome{padding:14px 20px}
html.sn .cw-big{margin-bottom:8px}
.cw-trophy{width:84px;height:84px}
html.sn .ring.mini .fg{stroke:var(--sn-p)!important}
html.sn .ring.mini{width:56px;height:56px}
html.sn .ring.mini .lb{font-size:12px}

/* =====================================================================
   STUDENT AREA - same Sneat look as admin + 100% responsive
   ===================================================================== */
html.sn .au-hero{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px;max-width:1500px;margin:0 auto;padding:12px 18px}
html.sn .au-hero>div{min-width:0}
html.sn .au-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;min-height:0;background:var(--sn-paper);color:var(--sn-text);box-shadow:var(--sn-shadow);border-radius:8px;overflow:hidden;perspective:none}
html.sn .au-welcome h2,html.sn .au-welcome p{position:relative;z-index:1;max-width:none;color:var(--sn-head)}
html.sn .au-welcome h2{font-size:17px;font-weight:600;letter-spacing:0}
html.sn .au-welcome p{font-size:12.5px;margin-top:4px;color:var(--sn-muted);opacity:1}
html.sn .au-welcome .au-orb{display:none}
html.sn .au-welcome .cw-trophy{position:static}
html.sn .au-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px}
html.sn .au-kpi{background:var(--sn-paper)!important;color:var(--sn-text);padding:12px 14px;gap:12px;border-radius:8px;box-shadow:var(--sn-shadow)}
html.sn .au-kpi .ic{width:38px;height:38px;border-radius:6px;font-size:16px;transform:none}
html.sn .au-kpi:nth-child(1) .ic{background:rgba(105,108,255,.16);color:var(--sn-p)}
html.sn .au-kpi:nth-child(2) .ic{background:rgba(255,171,0,.16);color:var(--sn-warn)}
html.sn .au-kpi:nth-child(3) .ic{background:rgba(3,195,236,.16);color:var(--sn-info)}
html.sn .au-kpi:nth-child(4) .ic{background:rgba(113,221,55,.16);color:var(--sn-ok)}
html.sn .au-kpi b{font-size:19px;font-weight:700;color:var(--sn-head)}
html.sn .au-kpi small{font-size:12px;font-weight:500;color:var(--sn-muted);opacity:1}
html.sn .au-panel{padding:14px 16px;border-radius:8px;background:var(--sn-paper);border:0;box-shadow:var(--sn-shadow)}
html.sn .au-panel h3{font-size:14px;font-weight:600;margin-bottom:10px}
html.sn .au-learn{padding:9px 0;gap:12px;color:var(--sn-text)}
html.sn .au-learn img{width:52px;height:40px;border-radius:6px}
html.sn .au-learn .t b{font-size:13.5px;font-weight:600;color:var(--sn-head)}
html.sn .au-learn .t small{font-size:11.5px}
html.sn .au-bar{height:6px}
html.sn .au-side{gap:12px}
@media (max-width:1100px){html.sn .au-hero{grid-template-columns:minmax(0,1fr)}html.sn .au-side{order:2}}
@media (max-width:600px){html.sn .au-hero{padding:10px 12px}html.sn .au-welcome .cw-trophy{width:64px;height:64px}html.sn .au-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* student lists: courses, teachers, playlist, watch page */
html.sn .quick-select .box-container,html.sn .courses .box-container,html.sn .teachers .box-container{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))!important}
html.sn .courses .box-container .box .thumb{border-radius:6px;overflow:hidden}
html.sn .courses .box-container .box .thumb img{border-radius:6px!important;height:auto;aspect-ratio:16/9;object-fit:cover}
html.sn .courses .box-container .box .thumb span{background:var(--sn-pg)!important;border-radius:5px;font-size:11.5px;padding:3px 9px}
html.sn .box-container .box .title,html.sn .courses .box-container .box .title{font-size:14.5px;font-weight:600;color:var(--sn-head)}
html.sn .box-container .box p,html.sn .box-container .box span{font-size:13px}
html.sn .watch-video .video-details{padding:14px}
html.sn .watch-video .video-details .video{width:100%;aspect-ratio:16/9;height:auto;max-height:70vh;border-radius:8px!important;background:#000}
html.sn .watch-video .video-details .title{font-size:17px;font-weight:600}
html.sn .playlist .row{gap:14px}
html.sn .playlist-details .row,html.sn .playlist .row{padding:14px}
html.sn img,html.sn video,html.sn iframe{max-width:100%}

/* quiz + comment forms */
html.sn .mca-quiz-box{background:var(--sn-paper);border:0;border-radius:8px;box-shadow:var(--sn-shadow);padding:14px 16px;margin-bottom:12px;max-width:760px;margin-left:auto;margin-right:auto}
html.sn .mca-quiz-box label{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;border:1px solid var(--sn-line);margin:6px 0;font-size:13.5px;color:var(--sn-text);cursor:pointer;line-height:1.4}
html.sn .mca-quiz-box label:hover{border-color:rgba(105,108,255,.5);background:var(--sn-hover)}
html.sn .mca-quiz-box label:has(input:checked){border-color:var(--sn-p);background:rgba(105,108,255,.12);color:var(--sn-head)}
html.sn .mca-quiz-box .q-title{font-size:14.5px;font-weight:600;color:var(--sn-head);margin-bottom:8px}
html.sn .comments form.mca-quiz-form,html.sn section.comments>form{max-width:760px;margin:0 auto}
html.sn .comments .add-comment textarea,html.sn .comments textarea.comment_box{font-size:13px;border-radius:6px;background:transparent;border:1px solid var(--sn-line);color:var(--sn-head);padding:10px 12px}
html.sn .mca-ring{width:120px;height:120px}

/* tables never push the page sideways */
html.sn .table-wrap,html.sn .tbl-wrap{overflow-x:auto}
html.sn table{max-width:100%}

/* ---------- responsive: header, drawer, tab bar ---------- */
html.sn,html.sn body{max-width:100%;overflow-x:hidden}
@media (max-width:1200px){
   html.sn .side-bar{width:min(280px,86vw)!important;left:-100%!important;transition:left .35s var(--au-ease)!important;z-index:1200;height:100vh!important;top:0!important;border-radius:0 12px 12px 0!important}
   html.sn .side-bar.active{left:0!important;box-shadow:0 0 0 100vmax rgba(12,16,30,.5)!important}
   html.sn #menu-btn{display:inline-block!important}
   html.sn body:not(.con-body){padding-left:0!important}
   html.sn .header{margin:10px 12px 0!important}
   html.sn section{padding:12px}
}
@media (max-width:991px){
   html.sn .header .flex .search-form{position:absolute;top:calc(100% + 8px);left:0;right:0;max-width:none;width:auto;margin:0;height:auto;padding:6px 12px!important;background:var(--sn-paper)!important;border-radius:8px!important;box-shadow:var(--sn-shadow);transform:scaleY(0);transform-origin:top;transition:transform .25s var(--au-ease);z-index:5}
   html.sn .header .flex .search-form.active{transform:scaleY(1)}
   html.sn #search-btn{display:inline-block!important}
}
@media (max-width:760px){
   html.sn body{padding-bottom:78px!important}
   html.sn .header .flex .logo{display:block;font-size:15px}
   html.sn .header .flex{padding:6px 8px!important;gap:6px}
   html.sn .mca-lang-switch{display:none}
   html.sn .form-container form{padding:16px!important}
   html.sn .box-container{grid-template-columns:minmax(0,1fr)!important}
   html.sn .heading{font-size:16px}
   html.sn .footer{padding-bottom:84px}
   html.sn .au-fab{bottom:88px}
}
@media (max-width:420px){
   html.sn{font-size:50%}
   html.sn .qt-seg{grid-template-columns:1fr}
   html.sn .qt-seg button{flex-direction:row;justify-content:flex-start;gap:10px;text-align:left}
   html.sn .qt-seg button small{margin-left:auto}
}

/* ---- refinements after review ---- */
html.sn .au-welcome{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:center}
html.sn .au-welcome .cw-trophy{grid-column:2;grid-row:1/4;width:80px;height:80px}
html.sn .au-welcome>*:not(.cw-trophy):not(.au-orb){grid-column:1}
html.sn .au-welcome h2{font-size:16px;line-height:1.3;overflow-wrap:anywhere}
html.sn .mca-quiz-box .qt-tf label{display:block;padding:0;border:0;margin:0;background:none!important}
html.sn .qt-tf label span{width:100%}
html.sn .video-form form textarea,html.sn .playlist-form form textarea{height:auto!important;min-height:84px;resize:vertical}
html.sn .qt-tf label:hover{background:none!important}
@media (max-width:420px){html.sn .au-welcome .cw-trophy{width:56px;height:56px}}