/*
 * assets/css/panduan.css
 *
 * Gaya tambahan di luar utility Tailwind/DaisyUI (yang dimuat via CDN, sama
 * seperti aplikasi Gen-Descan 7472 aslinya) — khusus untuk kebutuhan panduan
 * interaktif: penyorotan elemen, panel instruksi, dan spacer halaman.
 */

:root {
    --panduan-highlight-color: var(--color-secondary, #10b981);
}

/* Elemen UI yang sedang dipelajari pada langkah aktif */
.panduan-highlight {
    position: relative;
    z-index: 41;
    outline: 3px solid var(--panduan-highlight-color);
    outline-offset: 3px;
    border-radius: 0.5rem;
    animation: panduan-pulse 1.4s ease-in-out infinite;
    scroll-margin: 160px;
}

@keyframes panduan-pulse {
    0%, 100% { outline-color: var(--panduan-highlight-color); opacity: 1; }
    50% { outline-color: var(--panduan-highlight-color); opacity: 0.45; }
}

/* Spacer agar konten tidak tertutup panel instruksi fixed di bagian bawah */
.panduan-bottom-spacer {
    height: 190px;
}

/* Panel instruksi mengambang */
.panduan-step-panel {
    position: fixed;
    z-index: 40;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 94%;
    max-width: 42rem;
}

/* Kartu skenario pada halaman hub: status "segera hadir" diredupkan */
.panduan-scenario-disabled {
    opacity: 0.7;
}

/* Placeholder baris tabel yang belum bisa diklik pada data dummy (Edit/Hapus non-aktif di pilot ini) */
.panduan-action-disabled {
    pointer-events: none;
    opacity: 0.6;
}