/* FRS LMS — komponen lama (kartu, formulir, tombol, peringatan, hero akademi) dengan
   bahasa visual situs frsconsulting.id. Dimuat SETELAH site.css, hanya di layout LMS
   (body.lms). Menggantikan assets/app.css untuk halaman yang memakai layout LMS. */
:root{
  --navy-700:#0e2c46; --amber:#f5a623; --amber-600:#e0951a;
  --ok:#1a7f37; --bad:#b42318;
}
body.lms{background:var(--bg-alt)}
body.lms .theme-toggle{display:none}
body.lms main{min-height:50vh}
body.lms main section{padding:44px 0}
body.lms main h1{font-size:clamp(24px,3vw,32px);font-weight:800;margin:0 0 12px;color:var(--navy)}
body.lms main h2{font-size:clamp(20px,2.4vw,24px);font-weight:800;margin:24px 0 12px}
body.lms main h3{font-size:17px;margin:0 0 6px}
body.lms main p{margin:0 0 12px}
body.lms main :where(a:not(.btn):not(.card):not(.course)){color:var(--navy);font-weight:600;text-decoration:none}
body.lms main :where(a:not(.btn):not(.card):not(.course)):hover{text-decoration:underline}
body.lms main img{max-width:100%}
body.lms .section-title{color:var(--navy);text-align:center;margin:0 0 26px;font-size:clamp(22px,2.6vw,28px);font-weight:800}

/* Tombol */
body.lms main .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--navy);color:#fff;padding:10px 20px;border-radius:999px;font-weight:700;font-size:14.5px;border:1px solid var(--navy);cursor:pointer;font-family:inherit;text-decoration:none;box-shadow:0 6px 16px rgba(18,57,91,.18);transition:background .2s,transform .15s}
body.lms main .btn:hover{background:var(--navy-800);transform:translateY(-1px);text-decoration:none}
body.lms main .btn-navy{background:var(--navy);border-color:var(--navy);color:#fff}
body.lms main .btn-ghost{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:none}
body.lms main .btn-ghost:hover{background:var(--card);border-color:var(--gold)}
body.lms main .btn[disabled],body.lms main .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* Hero beranda Akademi (/akademi) — selaras dengan pita navy di situs */
body.lms .hero{background:linear-gradient(150deg,var(--navy) 0%,var(--navy-900) 100%);color:#fff;padding:64px 0;position:relative;overflow:hidden}
body.lms .hero::before{content:"";position:absolute;right:-160px;top:-160px;width:480px;height:480px;border-radius:50%;border:1px solid rgba(201,164,92,.25);box-shadow:0 0 0 70px rgba(201,164,92,.05);background:none;inset:auto -160px auto auto}
body.lms .hero h1{color:#fff;font-size:clamp(28px,4vw,44px);font-weight:800;margin:0 0 14px;max-width:20ch;text-wrap:balance}
body.lms .hero p{color:#c6d4e3;font-size:18px;max-width:60ch;margin:0 0 24px}
body.lms .hero .btn{background:var(--gold);border-color:var(--gold);color:#1b1407;box-shadow:none}
body.lms .hero .btn:hover{background:#d6b46e}
body.lms .hero-anim .blob{opacity:.25}

/* Kartu & grid */
body.lms .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
body.lms .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);text-decoration:none;color:inherit}
body.lms a.card:hover{border-color:var(--gold)}
body.lms .card .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--navy),var(--navy-900));object-fit:cover;width:100%}
body.lms .card .body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
body.lms .card h3{margin:0;font-size:17px}
body.lms .card .cat{color:var(--gold-600);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
body.lms .card .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
body.lms .price{font-weight:800;color:var(--navy)}

/* Formulir (daftar, masuk, lupa sandi, admin) */
body.lms .form{max-width:440px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 20px 50px rgba(16,32,52,.08)}
body.lms .form h1{margin:0 0 6px;font-size:26px}
body.lms label{display:block;font-weight:700;font-size:14px;margin:14px 0 6px;color:var(--ink)}
body.lms input[type=text],body.lms input[type=email],body.lms input[type=password],body.lms input[type=search],
body.lms input[type=number],body.lms input[type=date],body.lms input[type=datetime-local],body.lms input[type=tel],
body.lms input[type=url],body.lms textarea,body.lms select{
  width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
body.lms input:focus,body.lms textarea:focus,body.lms select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,164,92,.22)}
body.lms input[type=file]{font:inherit;font-size:14px}
body.lms input[type=checkbox],body.lms input[type=radio]{accent-color:var(--navy)}

/* Peringatan & utilitas */
body.lms .alert{padding:12px 16px;border-radius:12px;margin:16px 0}
body.lms .alert-ok{background:#e8f6ee;color:#14532d;border:1px solid #b7e2c7}
body.lms .alert-bad{background:#fdeceb;color:var(--bad);border:1px solid #f6c9c5}
body.lms .muted{color:var(--muted)}
body.lms .center{text-align:center}
body.lms .toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
body.lms main table th{font-size:13px;color:var(--muted);font-weight:700}

/* Menu akun di header (dipakai situs & LMS) */
.dd-account .dd-panel{left:auto;right:0;min-width:250px}

@media (max-width:640px){
  body.lms main section{padding:30px 0}
  body.lms .hero{padding:40px 0}
  body.lms .hero p{font-size:16px}
  body.lms .grid{grid-template-columns:1fr;gap:16px}
  body.lms .form{padding:22px}
  body.lms main .btn{padding:11px 16px}
  body.lms [style*="overflow-x"]{-webkit-overflow-scrolling:touch}
  body.lms [style*="overflow-x"] table{min-width:520px}
}