/* =========================================================
   UI Foundation - Components
   Services Board App + Ecommerce Module
   Developer: Y.Bintang.H
   Tahap: Prioritas 7B
   ---------------------------------------------------------
   Berisi komponen dasar lintas modul. Gunakan prefix .c- untuk
   komponen baru agar tidak bentrok dengan class lama.
   ========================================================= */
.c-card{background:var(--pj-surface);border:1px solid var(--pj-border);border-radius:var(--pj-radius-lg);box-shadow:var(--pj-shadow-soft)}
.c-card__body{padding:18px}
.c-card__title{font-weight:900;color:var(--pj-ink);margin:0 0 8px}
.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid transparent;padding:10px 16px;font-weight:800;text-decoration:none;line-height:1.2;cursor:pointer;transition:.18s ease}
.c-btn--primary{background:var(--pj-red);border-color:var(--pj-red);color:#fff}.c-btn--primary:hover{background:var(--pj-red-dark);border-color:var(--pj-red-dark);color:#fff;transform:translateY(-1px)}
.c-btn--soft{background:#fff;border-color:var(--pj-border);color:var(--pj-ink)}.c-btn--soft:hover{border-color:#fecdd3;color:var(--pj-red);background:#fff7f8}
.c-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;line-height:1;background:#f8fafc;color:#334155;border:1px solid var(--pj-border)}
.c-badge--success{background:#ecfdf5;color:#047857;border-color:#d1fae5}.c-badge--warning{background:#fffbeb;color:#b45309;border-color:#fef3c7}.c-badge--danger{background:#fff1f2;color:#be123c;border-color:#ffe4e6}.c-badge--info{background:#eff6ff;color:#0369a1;border-color:#dbeafe}
.c-alert{border-radius:var(--pj-radius);border:1px solid var(--pj-border);background:#fff;padding:12px 14px}.c-alert--danger{background:#fff1f2;border-color:#ffe4e6;color:#9f1239}.c-alert--success{background:#ecfdf5;border-color:#d1fae5;color:#047857}.c-alert--warning{background:#fffbeb;border-color:#fef3c7;color:#92400e}.c-alert--info{background:#eff6ff;border-color:#dbeafe;color:#075985}
.c-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:var(--pj-radius-lg);padding:28px;text-align:center;color:var(--pj-muted)}
.form-control,.form-select,.btn,.card{border-radius:var(--pj-radius)}
.btn-pj{background:var(--pj-red);border-color:var(--pj-red);color:#fff;font-weight:700}.btn-pj:hover{background:var(--pj-red-dark);border-color:var(--pj-red-dark);color:#fff}