/* SPMB V18 Production Theme - selaras dengan index.php */
:root{
  --spmb-bg:#050505;
  --spmb-bg-rgb:5,5,5;
  --spmb-surface:rgba(255,255,255,.035);
  --spmb-surface-2:rgba(255,255,255,.055);
  --spmb-card:rgba(255,255,255,.045);
  --spmb-border:rgba(255,255,255,.10);
  --spmb-border-2:rgba(255,255,255,.16);
  --spmb-text:#ffffff;
  --spmb-muted:#94a3b8;
  --spmb-muted-2:#cbd5e1;
  --spmb-emerald:#00a884;
  --spmb-emerald-2:#00c298;
  --spmb-accent:#ff1e56;
  --spmb-accent-2:#ff4d7a;
  --spmb-warning:#f59e0b;
  --spmb-info:#38bdf8;
  --spmb-radius-xl:34px;
  --spmb-radius-lg:26px;
  --spmb-radius-md:18px;
  --spmb-shadow:0 28px 75px rgba(0,0,0,.38);
  --spmb-shadow-soft:0 14px 38px rgba(0,0,0,.25);
  --spmb-font:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --spmb-display:'Space Grotesk','Plus Jakarta Sans',system-ui,sans-serif;
}
[data-bs-theme="light"], html[data-theme="light"]{
  --spmb-bg:#f8fafc;
  --spmb-bg-rgb:248,250,252;
  --spmb-surface:#ffffff;
  --spmb-surface-2:#f1f5f9;
  --spmb-card:#ffffff;
  --spmb-border:rgba(15,23,42,.08);
  --spmb-border-2:rgba(15,23,42,.14);
  --spmb-text:#0f172a;
  --spmb-muted:#64748b;
  --spmb-muted-2:#334155;
  --spmb-shadow:0 28px 75px rgba(15,23,42,.10);
  --spmb-shadow-soft:0 14px 38px rgba(15,23,42,.08);
}
html{scroll-behavior:smooth;background:var(--spmb-bg)!important;}
body{
  font-family:var(--spmb-font)!important;
  background:radial-gradient(circle at 50% -14%, rgba(0,168,132,.16), transparent 34rem),radial-gradient(circle at 110% 18%, rgba(255,30,86,.09), transparent 26rem),var(--spmb-bg)!important;
  color:var(--spmb-text)!important;
  min-height:100vh;
  letter-spacing:-.01em;
}
a{color:var(--spmb-emerald);} a:hover{color:var(--spmb-emerald-2)}
/* Layout dasar */
.container,.container-fluid{position:relative;}
.container.py-4,.container-fluid.p-4,.container-fluid.py-4{padding-top:1.4rem!important;padding-bottom:1.4rem!important;}
@media(min-width:992px){.container.py-4,.container-fluid.p-4,.container-fluid.py-4{padding-top:2rem!important;padding-bottom:2rem!important;}}
/* Heading dan brand */
h1,h2,h3,h4,h5,h6,.fw-black,.fw-bold{letter-spacing:-.035em;}
h1,h2,.hero-title,.page-title,.login-title,.brand-text{font-family:var(--spmb-display)!important;font-weight:800!important;}
.text-muted,.text-white-50,.muted,.opacity-75{color:var(--spmb-muted)!important;}
.text-emerald{color:var(--spmb-emerald)!important;}
/* Navbar / header */
.navbar,.navbar-custom,.topbar,.page-header,.hero,.hero-panel{
  border-color:var(--spmb-border)!important;
}
.navbar-custom,.topbar,.page-header{
  background:rgba(var(--spmb-bg-rgb),.82)!important;
  backdrop-filter:blur(18px);
}
.hero,.hero-panel,.spmb-page-hero{
  background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.16),transparent 20rem),linear-gradient(135deg,var(--spmb-emerald),#075e54 58%,var(--spmb-accent))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:var(--spmb-radius-xl)!important;
  box-shadow:0 28px 70px rgba(0,168,132,.20)!important;
}
.hero *,.hero-panel *,.spmb-page-hero *{color:inherit;}
/* Card dan panel */
.card,.login-card,.info-card,.stat,.stat-card,.card-soft,.filter-card,.admin-embed-card,.mobile-student-card,.doc-item,.note-box,.spmb-card{
  background:var(--spmb-card)!important;
  color:var(--spmb-text)!important;
  border:1px solid var(--spmb-border)!important;
  border-radius:var(--spmb-radius-lg)!important;
  box-shadow:var(--spmb-shadow-soft)!important;
  backdrop-filter:blur(14px);
}
.card-header,.card-footer{background:transparent!important;border-color:var(--spmb-border)!important;color:var(--spmb-text)!important;}
.card:hover,.info-card:hover{border-color:rgba(0,168,132,.32)!important;}
/* Statistik */
.stat .num,.stat-card strong,.num{font-weight:900!important;font-size:clamp(1.8rem,4vw,2.8rem)!important;line-height:1;color:var(--spmb-text)!important;}
.stat .small,.stat-card span{color:var(--spmb-muted)!important;font-weight:700!important;}
/* Form */
.form-label{font-weight:800!important;font-size:.76rem!important;letter-spacing:.08em;text-transform:uppercase;color:var(--spmb-muted)!important;}
.form-control,.form-select,textarea,input,select{
  background:var(--spmb-surface)!important;
  color:var(--spmb-text)!important;
  border:1px solid var(--spmb-border)!important;
  border-radius:18px!important;
  min-height:44px;
}
textarea.form-control{min-height:110px;}
.form-control::placeholder{color:rgba(148,163,184,.78)!important;}
.form-control:focus,.form-select:focus,textarea:focus,input:focus,select:focus{
  border-color:var(--spmb-emerald)!important;
  box-shadow:0 0 0 .24rem rgba(0,168,132,.16)!important;
  color:var(--spmb-text)!important;
}
.input-group-text{background:var(--spmb-surface-2)!important;border-color:var(--spmb-border)!important;color:var(--spmb-muted)!important;border-radius:18px!important;}
.form-check-input{background-color:var(--spmb-surface)!important;border-color:var(--spmb-border-2)!important;}
.form-check-input:checked{background-color:var(--spmb-emerald)!important;border-color:var(--spmb-emerald)!important;}
/* Buttons */
.btn,.btn-emerald,.btn-cta-main,.btn-download,.btn-pill{
  border-radius:999px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  transition:.22s ease!important;
}
.btn-emerald,.btn-success,.btn-primary,.btn-cta-main{
  background:var(--spmb-emerald)!important;
  border-color:var(--spmb-emerald)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(0,168,132,.22)!important;
}
.btn-emerald:hover,.btn-success:hover,.btn-primary:hover,.btn-cta-main:hover{
  background:var(--spmb-emerald-2)!important;
  border-color:var(--spmb-emerald-2)!important;
  color:#fff!important;
  transform:translateY(-1px);
}
.btn-danger{background:var(--spmb-accent)!important;border-color:var(--spmb-accent)!important;color:#fff!important;}
.btn-danger:hover{background:var(--spmb-accent-2)!important;border-color:var(--spmb-accent-2)!important;}
.btn-warning{background:var(--spmb-warning)!important;border-color:var(--spmb-warning)!important;color:#111827!important;}
.btn-info{background:var(--spmb-info)!important;border-color:var(--spmb-info)!important;color:#062235!important;}
.btn-light{background:#fff!important;border-color:#fff!important;color:#0f172a!important;}
.btn-outline-light,.btn-outline-secondary,.btn-outline-primary,.btn-outline-success,.btn-outline-warning,.btn-outline-danger{
  background:rgba(255,255,255,.025)!important;
  border-color:var(--spmb-border-2)!important;
  color:var(--spmb-text)!important;
}
.btn-outline-primary:hover,.btn-outline-success:hover,.btn-outline-light:hover,.btn-outline-secondary:hover{
  background:rgba(0,168,132,.14)!important;
  border-color:rgba(0,168,132,.45)!important;
  color:var(--spmb-text)!important;
}
.btn-outline-danger{color:var(--spmb-accent)!important;}.btn-outline-danger:hover{background:rgba(255,30,86,.14)!important;border-color:rgba(255,30,86,.45)!important;color:var(--spmb-accent-2)!important;}
/* Table */
.table-responsive{border-radius:22px;overflow:auto;border:1px solid var(--spmb-border);background:rgba(255,255,255,.018);}
.table{--bs-table-bg:transparent!important;--bs-table-color:var(--spmb-text)!important;--bs-table-border-color:var(--spmb-border)!important;margin-bottom:0!important;}
.table thead th{background:var(--spmb-surface-2)!important;color:var(--spmb-muted)!important;border-bottom:1px solid var(--spmb-border)!important;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;}
.table td{color:var(--spmb-text)!important;border-color:var(--spmb-border)!important;vertical-align:middle;}
.table-hover>tbody>tr:hover>*{background:rgba(0,168,132,.08)!important;color:var(--spmb-text)!important;}
.table-dark{--bs-table-bg:transparent!important;--bs-table-color:var(--spmb-text)!important;--bs-table-border-color:var(--spmb-border)!important;}
/* Badge/alert */
.badge,.status-big{border-radius:999px!important;font-weight:900!important;letter-spacing:.01em;padding:.48em .72em;}
.bg-success,.text-bg-success{background:var(--spmb-emerald)!important;color:#fff!important;}
.bg-danger,.text-bg-danger{background:var(--spmb-accent)!important;color:#fff!important;}
.bg-warning,.text-bg-warning{background:var(--spmb-warning)!important;color:#111827!important;}
.bg-info,.text-bg-info{background:var(--spmb-info)!important;color:#062235!important;}
.bg-secondary,.text-bg-secondary{background:rgba(148,163,184,.25)!important;color:var(--spmb-muted-2)!important;}
.alert,.soft-alert{
  border-radius:22px!important;
  border:1px solid var(--spmb-border)!important;
  background:var(--spmb-card)!important;
  color:var(--spmb-text)!important;
  box-shadow:var(--spmb-shadow-soft);
}
.alert-success{border-color:rgba(0,168,132,.25)!important;background:rgba(0,168,132,.10)!important;}
.alert-danger{border-color:rgba(255,30,86,.25)!important;background:rgba(255,30,86,.10)!important;}
.alert-warning{border-color:rgba(245,158,11,.28)!important;background:rgba(245,158,11,.10)!important;}
.alert-info{border-color:rgba(56,189,248,.25)!important;background:rgba(56,189,248,.10)!important;}
/* Admin shell */
.admin-shell{background:radial-gradient(circle at 50% -14%, rgba(0,168,132,.16), transparent 34rem),radial-gradient(circle at 110% 18%, rgba(255,30,86,.10), transparent 26rem),var(--spmb-bg)!important;}
.admin-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 14rem),var(--spmb-bg)!important;border-right:1px solid var(--spmb-border)!important;box-shadow:18px 0 54px rgba(0,0,0,.28)!important;}
.brand-logo{background:linear-gradient(135deg,var(--spmb-emerald),var(--spmb-accent))!important;color:#fff!important;box-shadow:0 16px 34px rgba(0,168,132,.25)!important;}
.brand-title{font-family:var(--spmb-display)!important;font-weight:900!important;color:var(--spmb-text)!important;}
.brand-subtitle,.unit-pill{color:var(--spmb-muted)!important;}
.admin-menu a{color:var(--spmb-muted)!important;border:1px solid transparent!important;}
.admin-menu a:hover,.admin-menu a.active{background:rgba(0,168,132,.12)!important;border-color:rgba(0,168,132,.25)!important;color:var(--spmb-text)!important;}
.admin-menu a i{color:var(--spmb-emerald)!important;}
.admin-embed-card iframe{background:var(--spmb-bg)!important;border-radius:20px;}
.spmb-embedded-page{background:var(--spmb-bg)!important;color:var(--spmb-text)!important;}
/* halaman cetak dan kartu */
.print-card,.ticket,.bukti-card,.kartu-card{background:#fff!important;color:#111827!important;border-color:#e5e7eb!important;box-shadow:0 18px 45px rgba(15,23,42,.10)!important;}
.print-card *,.ticket *,.bukti-card *,.kartu-card *{color:inherit;}
/* Back link / return button consistency */
a[href="adm.php"],a[href="dashboard.php"]{text-decoration:none;}
/* Mobile */
@media(max-width:768px){
  body{background:radial-gradient(circle at 50% -10%, rgba(0,168,132,.14), transparent 24rem),var(--spmb-bg)!important;}
  .container.py-4,.container-fluid.p-4,.container-fluid.py-4{padding:1rem!important;}
  .hero,.hero-panel,.spmb-page-hero{border-radius:24px!important;padding:1.25rem!important;}
  .card,.login-card,.info-card,.stat,.stat-card,.card-soft,.filter-card{border-radius:22px!important;}
  .btn{min-height:40px;}
  .d-flex.gap-2,.d-flex.gap-1{flex-wrap:wrap;}
  .table-responsive{border-radius:18px;}
  .table thead th{font-size:.68rem;}
  .table td{font-size:.84rem;}
}
@media(max-width:576px){
  h1{font-size:2.2rem} h2{font-size:1.8rem} h3{font-size:1.45rem}
  .btn:not(.btn-sm){width:100%;justify-content:center;}
  .row.g-4{--bs-gutter-y:1rem;}
}
/* Print */
@media print{
  html,body{background:#fff!important;color:#111827!important;}
  .no-print,.navbar,.topbar,.admin-sidebar,.sidebar-toggle,#themeBtn,.theme-toggle{display:none!important;}
  .card,.alert,.table-responsive{box-shadow:none!important;background:#fff!important;color:#111827!important;border-color:#ddd!important;}
  a{color:#111827!important;text-decoration:none!important;}
}