/* Dashboard E-AC & Putusan Hakim */

.label { display:block; font-size:.8rem; font-weight:600; color:#475569; margin-bottom:.25rem; }
.input {
  width:100%; padding:.5rem .75rem; border:1px solid #cbd5e1; border-radius:.5rem;
  background:#fff; font-size:.875rem; outline:none;
}
.input:focus { border-color:#0d9488; box-shadow:0 0 0 3px rgba(13,148,136,.15); }
.input[readonly] { background:#f1f5f9; color:#475569; }
textarea.input { resize:vertical; }

.btn-primary, .btn-gray, .btn-red, .btn-green {
  padding:.5rem 1rem; border-radius:.5rem; font-size:.875rem; font-weight:600; transition:.15s;
}
.btn-primary { background:#0d9488; color:#fff; }
.btn-primary:hover { background:#0f766e; }
.btn-gray { background:#e2e8f0; color:#334155; }
.btn-gray:hover { background:#cbd5e1; }
.btn-red { background:#fee2e2; color:#b91c1c; }
.btn-red:hover { background:#fecaca; }
.btn-green { background:#16a34a; color:#fff; }
.btn-green:hover { background:#15803d; }

.tab { padding:.6rem 1rem; font-size:.85rem; font-weight:600; color:#64748b; border-bottom:2px solid transparent; }
.tab.active { color:#0d9488; border-bottom-color:#0d9488; }

.card { background:#fff; border-radius:.75rem; box-shadow:0 1px 3px rgba(0,0,0,.08); padding:1.5rem; }
.card-title { font-size:1.1rem; font-weight:700; color:#1e293b; margin-bottom:.25rem; }
.sec-title {
  font-size:.95rem; font-weight:700; color:#166534; text-transform:uppercase; letter-spacing:.03em;
  border-left:4px solid #16a34a; padding-left:.5rem; margin:1.5rem 0 .75rem;
}

.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.grid-3 { display:grid; grid-template-columns:2fr 1fr; gap:1rem; }
.grid-3 > div:nth-child(3n+2), .grid-3 > div:nth-child(3n+3) { grid-template-columns:1fr; }
@media (min-width:768px) {
  .grid-3 { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:640px) {
  .grid-2, .grid-3 { grid-template-columns:1fr; }
}

.row-mini { background:#f8fafc; border:1px solid #e2e8f0; border-radius:.5rem; padding:.75rem; }
.row-mini .input { padding:.35rem .5rem; font-size:.8rem; }

#tbody tr:hover { background:#f8fafc; }
.badge { display:inline-block; padding:.15rem .5rem; border-radius:999px; font-size:.7rem; font-weight:700; }
.badge-akta { background:#ccfbf1; color:#0f766e; }
.badge-putusan { background:#dbeafe; color:#1d4ed8; }