/* personalize.css — visual states added by js/personalize.js.
   Palette matches webreg.css: blues #1B65A6 / #0A4A65, warn #e0a010, red #C00. */

/* ---------------- settings panel ---------------- */
.pz-settings-panel {
  margin: 6px 0 10px;
  padding: 6px 10px;
  font-size: 11px;
  background: #f4f8fb;
  border: 1px solid #cddceb;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}
.pz-settings-label { font-weight: bold; color: #0A4A65; }
.pz-settings-item { display: inline-flex; align-items: center; gap: 4px; cursor: default; }
.pz-settings-item select, .pz-settings-item input { cursor: pointer; }

/* ---------------- counts-toward badge (drawer header) ---------------- */
.pz-badge {
  margin-left: 10px;
  padding: 1px 7px;
  font-size: 10px;
  font-weight: bold;
  color: #0A4A65;
  background: #e3edf5;
  border: 1px solid #b7cee0;
  border-radius: 10px;
  vertical-align: middle;
  white-space: nowrap;
}

/* ---------------- requirement-progress panel (drawer body) ---------------- */
.pz-progress-panel {
  margin: 0 0 8px;
  padding: 6px 8px;
  font-size: 11px;
  background: #f7faff;
  border: 1px solid #d7e3ee;
  border-radius: 3px;
}
.pz-progress-hd { font-weight: bold; color: #0A4A65; margin-bottom: 3px; }
.pz-progress-row { display: flex; justify-content: space-between; gap: 10px; padding: 1px 0; }
.pz-progress-label { color: #333; }
.pz-progress-val { font-weight: bold; color: #0A4A65; white-space: nowrap; }

/* ---------------- already-taken chip + repeat override ---------------- */
.pz-chip-taken {
  background: #e2e2e2 !important;
  color: #777 !important;
  border-color: #bbb !important;
  cursor: not-allowed;
}
.pz-repeat-link {
  display: inline-block;
  margin-top: 3px;
  font-size: 10px;
  color: #1B65A6;
}

/* ---------------- prereq-unmet states ---------------- */
.pz-warn-btn {
  border-color: #e0a010 !important;
  box-shadow: inset 0 1px 0 #fff, 0 0 0 1px #e0a010 !important;
}
.pz-warn-icon {
  margin-left: 4px;
  color: #e0a010;
  font-size: 12px;
  cursor: help;
  vertical-align: middle;
}
.pz-chip-prereq-block {
  background: #f5e2e2 !important;
  color: #a33 !important;
  border-color: #d99 !important;
  cursor: not-allowed;
}