/* ===============================================================
   MandalaMine ERP — Pro UI/UX skin (DARK)
   Pasangan gelap dari 065 (terang). Aktif saat body.mm-prod (tema gelap).
   Tujuan: tampilan gelap se-premium & sekonsisten mode terang —
   topbar kaca, kartu membulat, tombol gold, tabel rapi — tapi di permukaan gelap.
   Additive & reversible: hapus include 071 dari erp_v3.html.
   =============================================================== */
:root{
  --mmd-bg:#0c1220;
  --mmd-surface:rgba(16,24,42,.8);
  --mmd-surface-2:#111927;
  --mmd-line:rgba(148,163,184,.12);
  --mmd-line-strong:rgba(148,163,184,.22);
  --mmd-ink:#f1f5f9;
  --mmd-muted:#94a3b8;
  --mmd-gold:#3b82f6;
  --mmd-gold-2:#60a5fa;
  --mmd-navy-line:#1e293b;
  --mmd-shadow:0 10px 40px rgba(0,0,0,.35);
  --mmd-shadow-soft:0 4px 20px rgba(0,0,0,.22);
  --mmd-radius:14px;
  --mmd-radius-sm:10px;
}
body.mm-prod{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:var(--mmd-ink)!important;
  background:#0c1220!important;
  overflow-x:hidden;
}
body.mm-prod #app{padding-left:0;background:transparent!important}
body.mm-prod h1,body.mm-prod h2,body.mm-prod h3{letter-spacing:-.035em;color:var(--mmd-ink)}

/* ===== Topbar ===== */
body.mm-prod .tb{
  position:sticky!important;top:0;z-index:900;
  background:rgba(12,18,32,.92)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--mmd-line)!important;
  padding:12px 24px!important;gap:16px!important;
}
body.mm-prod .tb .lg{min-width:265px}
body.mm-prod .lg-box{
  width:36px!important;height:36px!important;border-radius:10px!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;
  box-shadow:0 4px 12px rgba(59,130,246,.25)!important;color:#fff!important;border:none!important;
  font-size:13px!important;font-weight:800!important;
}
body.mm-prod .lg-t{color:var(--mmd-ink)!important;font-size:15px!important;font-weight:850!important;letter-spacing:-.03em!important}
body.mm-prod .lg-s{color:var(--mmd-muted)!important;font-size:11px!important}
body.mm-prod .gsrch{flex:1;max-width:560px}

/* ===== Inputs ===== */
body.mm-prod .gs-input,
body.mm-prod input,
body.mm-prod select,
body.mm-prod textarea{
  border-radius:14px!important;
  border:1px solid var(--mmd-line)!important;
  background:#0e1c33!important;
  color:var(--mmd-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body.mm-prod .gs-input:focus,
body.mm-prod input:focus,
body.mm-prod select:focus,
body.mm-prod textarea:focus{outline:none!important;border-color:rgba(59,130,246,.6)!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important}
body.mm-prod ::placeholder{color:#6f80a2!important}

/* ===== Buttons (toolbar) ===== */
body.mm-prod .ua{gap:9px!important}
body.mm-prod .bd,
body.mm-prod .bt-sm{
  background:#1e293b!important;color:#cbd5e1!important;border:1px solid var(--mmd-line)!important;border-radius:8px!important;
  box-shadow:none!important;font-weight:500!important;
}
body.mm-prod .bt-sm:hover,body.mm-prod .bd:hover{background:#334155!important;border-color:#475569!important}

/* ===== Context bar ===== */
body.mm-prod .ctxbar{
  margin:16px 24px 0!important;border:1px solid var(--mmd-line)!important;border-radius:10px!important;
  background:rgba(15,23,42,.7)!important;box-shadow:none!important;color:var(--mmd-ink)!important;
}
body.mm-prod .ctxbar-lbl{color:#60a5fa!important;font-weight:700!important}
body.mm-prod .ctxbar-hint{color:var(--mmd-muted)!important}
body.mm-prod .sel,body.mm-prod .ctxbar-reset{background:#1e293b!important;color:var(--mmd-ink)!important;border:1px solid var(--mmd-line)!important;border-radius:8px!important}

/* ===== Section shell (samakan layout dgn mode terang) ===== */
body.mm-prod .sc{display:none;padding:20px 24px 40px;max-width:1560px;margin:0 auto;color:var(--mmd-ink)}
body.mm-prod .sc.active{display:block}

/* ===== Cards / panels ===== */
body.mm-prod .wc,
body.mm-prod .cd,
body.mm-prod .kc,
body.mm-prod .card,
body.mm-prod .panel,
body.mm-prod .cockpit-box,
body.mm-prod .chart-card,
body.mm-prod .stat-card,
body.mm-prod .contractor-card,
body.mm-prod .dashboard-header{
  background:var(--mmd-surface)!important;
  border:1px solid var(--mmd-line)!important;
  color:var(--mmd-ink)!important;
  border-radius:var(--mmd-radius)!important;
  box-shadow:var(--mmd-shadow-soft)!important;
  backdrop-filter:blur(8px);
}
body.mm-prod .cd-t,body.mm-prod .cd h3,body.mm-prod .kc .kv,body.mm-prod .kv,body.mm-prod .stat-card strong{color:var(--mmd-ink)!important}
body.mm-prod .cd-sub,body.mm-prod .kl,body.mm-prod .ku,body.mm-prod .muted{color:var(--mmd-muted)!important}

/* ===== Buttons (general) ===== */
body.mm-prod .btn,body.mm-prod button:not(.nt):not(.ng){
  border-radius:8px!important;border:0!important;font-weight:600!important;letter-spacing:-.01em;
}
body.mm-prod .btp,body.mm-prod button[type="submit"]{
  background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;
  box-shadow:0 4px 14px rgba(59,130,246,.25)!important;
}
body.mm-prod .btd,body.mm-prod .btg,.mm-prod .mm-pro-ghost{background:#1e293b!important;color:#e2e8f0!important;border:1px solid var(--mmd-line)!important;box-shadow:none!important}

/* ===== Tables ===== */
body.mm-prod .tbl,body.mm-prod table{color:var(--mmd-ink)!important;background:var(--mmd-surface-2)!important;border-radius:16px;overflow:hidden}
body.mm-prod th{color:#9fb0d0!important;background:#0f1d36!important;border-bottom:1px solid var(--mmd-line)!important}
body.mm-prod td{border-bottom:1px solid rgba(150,180,225,.08)!important;color:#d4deef!important}
body.mm-prod .badge-pill,body.mm-prod .status-pill{border-radius:999px!important;font-weight:780!important}

/* ===== Login overlay (split premium, versi gelap) ===== */
body.mm-prod #lg-overlay{
  background:linear-gradient(135deg,#0c1220 0%,#0f172a 100%)!important;
}
body.mm-prod #lg-overlay>div{
  width:min(980px,92vw)!important;max-width:92vw!important;min-height:560px!important;
  display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:0!important;align-items:center!important;
  padding:0!important;background:#0c1a30!important;border:1px solid rgba(150,180,225,.18)!important;border-radius:28px!important;
  overflow:hidden!important;box-shadow:0 28px 110px rgba(0,0,0,.55)!important;position:relative!important;
}
body.mm-prod #lg-overlay>div::before{
  content:"One Integrated Platform.\A Endless Potential.\A\A Mining \2022 QA/QC \2022 Laboratory \2022 Finance";
  white-space:pre-line;grid-column:1;grid-row:1/5;align-self:stretch;display:flex;align-items:flex-end;
  padding:46px;color:#e2e8f0;font-size:17px;line-height:1.75;font-weight:650;letter-spacing:-.01em;
  text-shadow:0 2px 14px rgba(0,0,0,.45);
  background:
    radial-gradient(circle at 50% 40%,rgba(59,130,246,.15),transparent 50%),
    linear-gradient(160deg,#0f172a 0%,#1e293b 58%,#0f172a 100%) center/cover;
}
body.mm-prod #lg-overlay>div::after{
  content:"";position:absolute;top:14%;bottom:14%;left:54.16%;width:1px;
  background:linear-gradient(180deg,transparent,rgba(59,130,246,.3),transparent);pointer-events:none;
}
body.mm-prod #lg-overlay>div>*{grid-column:2;margin-left:34px!important;margin-right:34px!important;position:relative;z-index:1}
/* logo besar sudah di panel kiri → sembunyikan emblem kecil + maskot bulat di kanan */
body.mm-prod #lg-overlay [style*="width:54px"]{display:none!important}
body.mm-prod #lg-overlay #lg-bx{display:none!important}
body.mm-prod #lg-email,body.mm-prod #lg-pass{background:#0e1c33!important;border:1px solid var(--mmd-line)!important;color:var(--mmd-ink)!important;border-radius:14px!important;padding:13px 14px!important}
body.mm-prod #lg-overlay button[type="submit"]{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border-radius:10px!important;box-shadow:0 4px 14px rgba(59,130,246,.25)!important}

@media(max-width:920px){
  body.mm-prod .tb{flex-wrap:wrap;padding:14px!important}
  body.mm-prod #lg-overlay>div{grid-template-columns:1fr!important;min-height:auto!important}
  body.mm-prod #lg-overlay>div::before{display:none!important}
  body.mm-prod #lg-overlay>div>*{grid-column:1;margin-left:24px!important;margin-right:24px!important}
  /* di HP panel kiri hilang → tampilkan emblem perisai di atas form */
  body.mm-prod #lg-overlay [style*="width:54px"]{display:inline-flex!important;width:104px!important;height:104px!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border:0!important;border-radius:20px!important;font-size:36px!important;font-weight:800!important;align-items:center!important;justify-content:center!important}
}