/* Project Riset Annawawi — disesuaikan dengan palet situs (navy) */

.riset-wrap{
  --bg:#f6f7f9; --card:#ffffff; --ink:#0a1628; --muted:#6b7280; --line:#e5e7eb;
  --accent:#1a3a6b; --accent-soft:#e8ecf0; --radius:12px; --shadow:0 1px 2px rgba(16,24,40,.05);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--bg); color:var(--ink); font-size:14px; line-height:1.5;
  -webkit-font-smoothing:antialiased;
  max-width:1240px; margin:0 auto; padding:28px 20px 48px;
}

.riset-wrap header{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px}
.riset-wrap .brand{display:flex; align-items:center; gap:12px}
.riset-wrap .logo{
  width:40px; height:40px; border-radius:11px; flex:none;
  background:linear-gradient(135deg,#0a1628,#1a3a6b);
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:800; font-size:14px; box-shadow:0 4px 12px rgba(26,58,107,.25);
}
.riset-wrap h1{font-size:19px; font-weight:800; letter-spacing:-.02em; margin:0}
.riset-wrap .sub{color:var(--muted); font-size:12.5px; margin-top:2px}
.riset-wrap .actions{display:flex; gap:8px; flex-wrap:wrap}
.riset-wrap .btn{
  border:1px solid var(--line); background:var(--card); color:var(--ink);
  padding:8px 14px; border-radius:9px; font-size:13px; font-weight:600; cursor:pointer;
  display:inline-flex; align-items:center; gap:7px; transition:.15s; font-family:inherit;
}
.riset-wrap .btn:hover{border-color:#d1d5db; background:#fafafa}
.riset-wrap .btn.primary{background:var(--accent); border-color:var(--accent); color:#fff}
.riset-wrap .btn.primary:hover{background:#14294d}
.riset-wrap .btn svg{width:13px; height:13px}

.riset-wrap .info{font-size:12.5px; color:var(--muted); margin-bottom:14px}
.riset-wrap .info b{color:var(--ink)}

.riset-wrap .table-card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden}
.riset-wrap .table-scroll{overflow-x:auto}
.riset-wrap table{width:100%; border-collapse:collapse; min-width:560px}
.riset-wrap thead th{
  text-align:left; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em;
  color:var(--muted); background:#fafafa; padding:12px 16px; border-bottom:1px solid var(--line); white-space:nowrap;
}
.riset-wrap tbody td{padding:12px 16px; border-bottom:1px solid #f1f5f9; vertical-align:top}
.riset-wrap tbody tr:last-child td{border-bottom:none}
.riset-wrap tbody tr:hover{background:#fafafa}
.riset-wrap .t-id{font-weight:700; font-size:12.5px; color:var(--accent); white-space:nowrap; font-variant-numeric:tabular-nums}
.riset-wrap .t-name{font-weight:600; font-size:13.5px}
.riset-wrap .t-pic{font-size:13px; white-space:nowrap}
.riset-wrap .t-dl{font-size:13px; white-space:nowrap; font-variant-numeric:tabular-nums}
.riset-wrap .badge{
  display:inline-flex; align-items:center; gap:5px; padding:3px 10px; border-radius:999px;
  font-size:11px; font-weight:700; white-space:nowrap;
}
.riset-wrap .badge::before{content:""; width:5px; height:5px; border-radius:50%; background:currentColor}
.riset-wrap .badge.confirm{background:#fef3c7; color:#b45309}
.riset-wrap .badge.hold{background:#fff7ed; color:#ea580c}
.riset-wrap .badge.running{background:#ecfeff; color:#0891b2}
.riset-wrap .badge.qc{background:#eef2ff; color:#4f46e5}
.riset-wrap .badge.rej{background:#fef2f2; color:#dc2626}
.riset-wrap .badge.err{background:#fef2f2; color:#dc2626}
.riset-wrap .badge.acc{background:#f5f3ff; color:#7c3aed}
.riset-wrap .badge.sched{background:#fdf4ff; color:#c026d3}
.riset-wrap .badge.soc{background:#e0f2fe; color:#0ea5e9}
.riset-wrap .badge.done{background:var(--accent-soft); color:var(--accent)}
.riset-wrap .badge.none{background:#f1f5f9; color:#64748b}
.riset-wrap .badge{-webkit-print-color-adjust:exact; print-color-adjust:exact}

.riset-wrap .empty{padding:48px 16px; text-align:center; color:var(--muted)}
.riset-wrap .empty .big{font-size:32px; margin-bottom:6px}
.riset-wrap .empty p{font-size:13.5px}

@media (max-width:600px){
  .riset-wrap{padding:18px 12px 40px}
  .riset-wrap h1{font-size:17px}
}

@media print{
  body{background:#fff}
  .site-header,.custom-footer,.home-hero{display:none !important}
  .site-content{padding-top:0 !important}
  .no-print{display:none !important}
  .riset-wrap{padding:0; max-width:none}
  .table-card{border:none; box-shadow:none; border-radius:0}
  thead th{background:#f3f4f6 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact}
  .badge{-webkit-print-color-adjust:exact; print-color-adjust:exact}
  tbody tr:hover{background:transparent}
  tbody td{padding:8px 10px}
}