/*
 * Shared card styling for the "Luar Negeri" (BP2MI/SISKOP2MI) job listing,
 * used by both the public portal (/loker) and the authenticated user
 * (/user/jobs) pages so the two don't maintain their own copies.
 * Mirrors the .job-card/.badge-tag design used across the /loker tabs.
 */
.job-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 0.75rem; padding: 1.25rem; transition: all 0.2s; }
.job-card:hover { border-color: #93c5fd; box-shadow: 0 4px 12px rgba(0,0,0,0.06); }
.badge-tag { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.625rem; background: #eff6ff; color: #0066FF; border-radius: 0.25rem; font-size: 0.75rem; font-weight: 500; }
.loker-detail-btn:hover { background-color: #0052CC !important; }
.btn-primary-r { background-color: #0066FF !important; color: #fff !important; font-weight: 600 !important; font-size: 0.875rem !important; border: none !important; cursor: pointer !important; }
.btn-primary-r:hover { background-color: #0052CC !important; }
.btn-outline-r { background-color: #fff !important; color: #334155 !important; font-weight: 500 !important; font-size: 0.875rem !important; border: 1px solid #e2e8f0 !important; cursor: pointer !important; }
.btn-outline-r:hover { background-color: #f8fafc !important; border-color: #cbd5e1 !important; }

@keyframes loker-ln-spin { to { transform: rotate(360deg); } }