/* ==========================================================================
   TYPECODE RPL - SEGMENTED CRUD ACTION BAR
   Style   : Minimal / Professional (compact)
   Scope   : Hanya tombol aksi di Panel Admin (#admin-view)

   - Ukuran dipadatkan agar tidak makan space di dalam sel tabel.
   - Warna mengikuti tema aktif aplikasi (dark/light/minimal/navy/chatgpt)
     lewat token tema global (--bg-surface, --text-primary, --btn-*, dst).
   - Sesuai standar proyek, :focus-visible TIDAK dipakai.
   ========================================================================== */

/* --------------------------------------------------------------------------
   01. CONTAINER - bar tersegmentasi
   (mencakup container lama .action-btns agar markup tabel tidak perlu diubah)
   -------------------------------------------------------------------------- */

#admin-view .action-toolbar,
#admin-view .action-btns {
    display: flex;
    align-items: center;

    /* rata kiri - jangan center meski sel/kelas memaksa center */
    justify-content: flex-start !important;
    width: fit-content;

    /* permukaan mengikuti tema (fallback terang bila token tak ada) */
    background: var(--bg-surface, #ffffff);
    border: 1px solid var(--border-subtle, #e5e7eb);
    border-radius: 10px;

    overflow: hidden;
}

/* netralkan pembatas center lama (.action-btns-center dari styles.css) */
#admin-view .action-btns.action-btns-center {
    justify-content: flex-start !important;
}

/* Divider otomatis antar tombol */
#admin-view .action-toolbar .seg-btn + .seg-btn,
#admin-view .action-btns .seg-btn + .seg-btn {
    border-left: 1px solid var(--border-subtle, #e5e7eb);
}


/* --------------------------------------------------------------------------
   02. BUTTON
   -------------------------------------------------------------------------- */

#admin-view .seg-btn {
    appearance: none;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: 0;

    height: 38px;
    padding: 0 13px !important;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    color: var(--text-primary, #111827) !important;
    font: 600 12px/1 "Inter", sans-serif;
    cursor: pointer;

    transition:
        background 0.18s ease,
        color 0.18s ease,
        transform 0.18s ease,
        filter 0.18s ease;
}

#admin-view .seg-btn::before,
#admin-view .seg-btn::after {
    display: none !important;
}

/* Icon (inline SVG garis) & Teks - pointer-events: none agar e.target selalu tombol button */
#admin-view .seg-btn svg,
#admin-view .seg-btn span {
    pointer-events: none;
}

#admin-view .seg-btn svg {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;

    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Hover - teks & ikon ikut aksen tema agar dinamis di semua tema */
#admin-view .seg-btn:hover {
    background: var(--bg-hover, #fafafa) !important;
    color: var(--btn-bg, var(--text-primary, #111827)) !important;
}

/* Active */
#admin-view .seg-btn:active {
    transform: translateY(1px);
}

/* (Aturan proyek: :focus-visible tidak digunakan.) */


/* --------------------------------------------------------------------------
   03. VARIANTS
   -------------------------------------------------------------------------- */

/* Primary - aksi utama (Setuju):
   teks hijau sukses (token tema) + tint saat hover. Terang di dark mode,
   tetap kontras di tema terang - tanpa tinta gelap. */
#admin-view .seg-btn.primary {
    color: var(--accent-emerald, #10b981) !important;
    font-weight: 700;
}
#admin-view .seg-btn.primary:hover {
    background: rgba(16, 185, 129, 0.12) !important;
}

/* Danger - Tolak & semua Hapus:
   merah dengan tint hover transparan (aman di tema gelap & terang). */
#admin-view .seg-btn.danger {
    color: var(--btn-danger, #b91c1c) !important;
}
#admin-view .seg-btn.danger:hover {
    background: rgba(220, 38, 38, 0.12) !important;
}

/* Disabled */
#admin-view .seg-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}