/* ================================================================
   SIPANDU — CSS pendukung (BARU, aditif, tidak mengubah file lain)
   ================================================================ */

.sipandu-sub { margin-top: 4px; }

.inline-form-relawan {
  display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px;
}
.inline-form-relawan select {
  flex: 1; min-width: 140px; padding: 10px 12px; border-radius: var(--radius-sm);
  border: 1.5px solid var(--color-border); font-family: var(--font-main); font-size: 13.5px;
}

.sipandu-label {
  font-size: 12px; font-weight: 700; color: var(--color-text-muted);
  text-transform: uppercase; letter-spacing: .03em; margin: 4px 0 -4px;
}

.sipandu-grid5 {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px;
}
.sipandu-grid5 input {
  width: 100%; box-sizing: border-box; padding: 8px 4px; text-align: center;
  border-radius: var(--radius-sm); border: 1.5px solid var(--color-border); font-size: 12.5px;
}

.sipandu-wo-card {
  background: #fff; border: 1.5px solid var(--color-border); border-radius: var(--radius-md);
  padding: 14px; margin-bottom: 10px; cursor: pointer;
}
.sipandu-wo-card:active { background: #f7f8fa; }
.sipandu-wo-card-top {
  display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;
}
.sipandu-wo-card-top strong { font-size: 14.5px; color: var(--color-navy); }
.sipandu-wo-card p { margin: 0; font-size: 12.5px; color: var(--color-text-muted); }

.sipandu-status-badge {
  display: inline-block; padding: 4px 12px; border-radius: var(--radius-pill);
  font-size: 11px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase;
}
.sipandu-status-badge.status-draft { background: #eef0f3; color: #5b6472; }
.sipandu-status-badge.status-data_lengkap { background: #eef6ff; color: #1a5fb4; }
.sipandu-status-badge.status-ready { background: #fff8e1; color: #b28900; }
.sipandu-status-badge.status-pop_filled { background: #f3e8ff; color: #7c3aed; }
.sipandu-status-badge.status-completed { background: #e8f6ee; color: #1a7a4c; }

.sipandu-hakakses-row {
  display: flex; align-items: center; gap: 8px; padding: 10px 0;
  border-bottom: 1px solid var(--color-border); flex-wrap: wrap;
}
.sipandu-hakakses-row .nama { flex: 1; min-width: 120px; font-size: 13.5px; font-weight: 600; color: var(--color-navy); }
.sipandu-hakakses-row select { padding: 6px 8px; border-radius: var(--radius-sm); border: 1.5px solid var(--color-border); font-size: 12.5px; }