/*
 * Badge & tombol modul rekrutmen.
 * Badge status memakai nada lembut (latar muda + teks gelap, kontras >= 4.5:1) dengan titik penanda;
 * dipakai lewat App\Helpers\RekrutmenUi (Blade) dan rkBadge() (JS).
 */
.rk-badge {
    --rk-bg: #f0f3f5;
    --rk-fg: #4a5558;
    --rk-border: #dfe6e9;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border: 1px solid var(--rk-border);
    border-radius: 999px;
    background: var(--rk-bg);
    color: var(--rk-fg);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
    vertical-align: middle;
}

.rk-badge::before {
    content: "";
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

/* Tanpa titik: label kategori/jenis, bukan status */
.rk-badge.rk-badge-plain::before {
    display: none;
}

.rk-badge.rk-badge-lg {
    padding: 5px 12px;
    font-size: 13px;
}

/* Angka kecil di tab / judul kolom */
.rk-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--rk-bg, #f0f3f5);
    color: var(--rk-fg, #4a5558);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.rk-tone-neutral { --rk-bg: #f0f3f5; --rk-fg: #4a5558; --rk-border: #dfe6e9; }
.rk-tone-primary { --rk-bg: #eaf0ff; --rk-fg: #2140b8; --rk-border: #d3defd; }
.rk-tone-info    { --rk-bg: #e6f7fa; --rk-fg: #0b6b7a; --rk-border: #c6ebf1; }
.rk-tone-warning { --rk-bg: #fff4e0; --rk-fg: #8a5300; --rk-border: #fde3b5; }
.rk-tone-success { --rk-bg: #e6f6ec; --rk-fg: #16723c; --rk-border: #c5e9d3; }
.rk-tone-danger  { --rk-bg: #ffeaed; --rk-fg: #b4142b; --rk-border: #fecdd4; }
.rk-tone-purple  { --rk-bg: #f1ecff; --rk-fg: #5b34c7; --rk-border: #ded3fd; }

body.dark .rk-tone-neutral { --rk-bg: #2a2d2e; --rk-fg: #c9d1d4; --rk-border: #3a3f41; }
body.dark .rk-tone-primary { --rk-bg: #1e2747; --rk-fg: #a9bcff; --rk-border: #2c3a69; }
body.dark .rk-tone-info    { --rk-bg: #153338; --rk-fg: #8adbe8; --rk-border: #1f4a51; }
body.dark .rk-tone-warning { --rk-bg: #3a2e17; --rk-fg: #f5c46b; --rk-border: #574420; }
body.dark .rk-tone-success { --rk-bg: #183424; --rk-fg: #86d9a6; --rk-border: #224b33; }
body.dark .rk-tone-danger  { --rk-bg: #3d1e23; --rk-fg: #ff9fac; --rk-border: #5a2a31; }
body.dark .rk-tone-purple  { --rk-bg: #2b2347; --rk-fg: #c4b2ff; --rk-border: #3e3269; }

/* Tombol ikon aksi di tabel: ukuran seragam, ikon di tengah */
.rk-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1;
}

.rk-btn-icon i {
    margin: 0 !important;
}

/* Ikon dan teks tombol sejajar dengan jarak tetap */
.rk-actions .btn,
.btn.rk-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.rk-actions .btn i,
.btn.rk-btn i {
    margin: 0 !important;
    font-size: 16px;
    line-height: 1;
}

.rk-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/*
 * Varian tombol bernada (tema bawaan: outline-warning kuning di atas putih tidak terbaca,
 * btn-success berteks hitam). Dipakai untuk keputusan Lanjut/Tahan/Tolak dan verifikasi.
 */
.btn-rk-success,
.btn-rk-outline-success,
.btn-rk-outline-warning,
.btn-rk-outline-danger {
    --rk-solid: #16723c;
    --rk-solid-hover: #125f32;
    --rk-soft: #e6f6ec;
    font-weight: 500;
}

.btn-rk-outline-warning { --rk-solid: #8a5300; --rk-solid-hover: #714400; --rk-soft: #fff4e0; }
.btn-rk-outline-danger  { --rk-solid: #b4142b; --rk-solid-hover: #961023; --rk-soft: #ffeaed; }

.btn.btn-rk-success {
    color: #fff !important;
    background-color: var(--rk-solid) !important;
    border-color: var(--rk-solid) !important;
}

.btn.btn-rk-danger {
    color: #fff !important;
    background-color: #b4142b !important;
    border-color: #b4142b !important;
}

.btn.btn-rk-danger:hover,
.btn.btn-rk-danger:focus {
    background-color: #961023 !important;
    border-color: #961023 !important;
}

.btn.btn-rk-success:hover,
.btn.btn-rk-success:focus {
    background-color: var(--rk-solid-hover) !important;
    border-color: var(--rk-solid-hover) !important;
}

.btn.btn-rk-outline-success,
.btn.btn-rk-outline-warning,
.btn.btn-rk-outline-danger {
    color: var(--rk-solid) !important;
    background-color: transparent !important;
    border-color: var(--rk-solid) !important;
}

.btn.btn-rk-outline-success:hover,
.btn.btn-rk-outline-warning:hover,
.btn.btn-rk-outline-danger:hover {
    background-color: var(--rk-soft) !important;
}

.btn-check:checked + .btn.btn-rk-outline-success,
.btn-check:checked + .btn.btn-rk-outline-warning,
.btn-check:checked + .btn.btn-rk-outline-danger {
    color: #fff !important;
    background-color: var(--rk-solid) !important;
}

.btn-check:focus-visible + .btn[class*="btn-rk-"] {
    outline: 2px solid #2140b8;
    outline-offset: 2px;
}

body.dark .btn.btn-rk-outline-success { --rk-solid: #86d9a6; --rk-soft: #183424; }
body.dark .btn.btn-rk-outline-warning { --rk-solid: #f5c46b; --rk-soft: #3a2e17; }
body.dark .btn.btn-rk-outline-danger  { --rk-solid: #ff9fac; --rk-soft: #3d1e23; }
body.dark .btn-check:checked + .btn.btn-rk-outline-success,
body.dark .btn-check:checked + .btn.btn-rk-outline-warning,
body.dark .btn-check:checked + .btn.btn-rk-outline-danger {
    color: #141414 !important;
}

/* Daftar langkah bernomor (tema me-reset list-style pada li) */
.rk-langkah {
    padding-left: 20px;
}

.rk-langkah li {
    list-style: decimal;
    margin-bottom: 4px;
}