/* =====================================================================
   PANEL CARD
   Komponen kartu generik dipakai buat: tabel lisensi & tiap section aksi
   (reaktivasi toko, reset PIN, danger zone). Warna aksen kiri nunjukin
   kategori section-nya -- ganti .panel-card--accent/amber/danger, gak
   perlu inline style lagi kayak versi lama.
   ===================================================================== */
.panel-card{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}
.panel-card--accent{ border-left: 3px solid var(--accent); }
.panel-card--amber{ border-left: 3px solid var(--amber); }
.panel-card--danger{ border-left: 3px solid var(--danger); }

.panel-card__body{ padding: 20px 22px; display: grid; gap: var(--sp-3); }

.panel-card__title{
  display: flex; align-items: center; gap: 8px;
  margin: 0; font-size: 14.5px;
}
.panel-card__title .icon{ width: 16px; height: 16px; }
.panel-card--accent .panel-card__title{ color: var(--accent); }
.panel-card--amber .panel-card__title{ color: var(--amber); }
.panel-card--danger .panel-card__title{ color: var(--danger); }

.panel-card__desc{ font-size: 12.5px; line-height: 1.6; color: var(--muted); margin: 0; }
.panel-card__desc code{
  font-family: var(--font-mono); background: var(--surface-raised);
  padding: 1px 5px; border-radius: 4px; font-size: .93em;
}

.panel-card__form{ display: flex; gap: var(--sp-3); flex-wrap: wrap; }
.panel-card__form input, .panel-card__form select{ max-width: 220px; }

/* kotak hasil (PIN baru / kode baru) -- ganti inline style yang lama */
.result-box{
  border-radius: var(--r-md);
  padding: 14px;
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
}
.result-box--amber{ background: var(--amber-wash); border: 1px solid rgba(240,185,61,.3); }
.result-box{ animation: revealUp var(--dur-med) var(--ease-out); }
.result-box .label{ font-size: 11px; color: var(--muted); display: block; margin-bottom: 2px; }
.result-box .value{
  font-family: var(--font-mono); font-size: 19px; font-weight: 700;
  letter-spacing: .06em; color: var(--amber);
}