.change-control { color: var(--text-primary); }
.change-control h1 { margin: 3px 0 8px; font-size: 28px; }
.change-control h2 { margin: 0 0 12px; font-size: 17px; }
.change-control p { color: var(--text-secondary); }
.change-control__header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding: 28px 0 18px; }
.change-control__header-actions, .change-form__actions { display: flex; gap: 10px; align-items: center; }
.change-control__eyebrow { margin: 0; color: var(--green) !important; font-size: 11px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.change-control__filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.change-control select, .change-control input, .change-control textarea { width: 100%; box-sizing: border-box; border: 1px solid var(--border); border-radius: 6px; background: var(--bg-secondary); color: var(--text-primary); padding: 9px 10px; }
.change-control__filters select { width: auto; min-width: 180px; }
.change-control__filters input[type="search"] { width: min(620px, 100%); }
.change-control__table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: 9px; }
.change-control__table { width: 100%; border-collapse: collapse; font-size: 13px; }
.change-control__table th, .change-control__table td { padding: 12px 14px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
.change-control__table th { color: var(--text-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.change-control__table tbody tr:last-child td { border-bottom: 0; }
.change-control__table small { display: block; margin-top: 4px; color: var(--text-muted); }
.change-control__primary-link { display: block; margin-bottom: 6px; color: var(--text-primary); font-weight: 650; text-decoration: none; }
.change-control__primary-link:hover { color: var(--green); }
.change-control__muted, .change-help { color: var(--text-muted) !important; font-size: 12px; }
.change-control__empty { padding: 28px !important; text-align: center !important; color: var(--text-muted); }
.change-control__columns { display: grid; grid-template-columns: 1.6fr 1fr; gap: 16px; }
.change-card { margin-bottom: 16px; padding: 18px; border: 1px solid var(--border); border-radius: 9px; background: var(--bg-secondary); }
.change-card__heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 12px; }
.change-card__heading p { margin: -7px 0 0; }
.change-card--actions { border-color: color-mix(in srgb, var(--green) 35%, var(--border)); }
.change-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.change-form label, .change-inline-form label { display: flex; flex-direction: column; gap: 6px; color: var(--text-secondary); font-size: 12px; font-weight: 600; }
.change-form__wide { grid-column: 1 / -1; }
.change-form__block { display: flex !important; }
.change-form__actions { justify-content: flex-end; margin: 18px 0 40px; }
.change-details { display: grid; grid-template-columns: minmax(120px, .35fr) 1fr; gap: 9px 16px; margin: 0; font-size: 13px; }
.change-details dt { color: var(--text-muted); }
.change-details dd { margin: 0; overflow-wrap: anywhere; }
.change-details dd p { margin: 0 0 5px; color: var(--text-primary); }
.change-details code { font-size: 11px; }
.change-details--compact { margin: 12px 0; grid-template-columns: 120px 1fr; }
.change-badge { display: inline-block; width: max-content; border: 1px solid var(--border); border-radius: 999px; padding: 2px 8px; color: var(--text-secondary); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.change-badge--included, .change-badge--cleared, .change-badge--approved, .change-badge--verified, .change-badge--management_fee { border-color: var(--green); color: var(--green); }
.change-badge--blocked, .change-badge--stale, .change-badge--rejected, .change-badge--unsupported { border-color: #ef6464; color: #ef6464; }
.change-badge--review_required, .change-badge--needs_review, .change-badge--setup_fee, .change-badge--additional_fee { border-color: #e9a23b; color: #e9a23b; }
.change-readiness { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.change-readiness__item { display: flex; gap: 7px; align-items: center; padding: 8px 10px; border: 1px solid #ef6464; border-radius: 6px; color: #ef6464; font-size: 12px; }
.change-readiness__item.is-ready { border-color: color-mix(in srgb, var(--green) 55%, var(--border)); color: var(--green); }
.change-notice { margin: 12px 0; padding: 10px 12px; border-left: 3px solid var(--border); background: var(--bg-primary); color: var(--text-secondary); font-size: 12px; }
.change-notice--ready { border-left-color: var(--green); }
.change-notice--blocked { border-left-color: #ef6464; }
.change-items { display: grid; gap: 10px; }
.change-item { padding: 14px; border: 1px solid var(--border); border-radius: 7px; background: var(--bg-primary); }
.change-item__summary { display: flex; justify-content: space-between; gap: 12px; }
.change-item__assessment, .change-item__edit, .change-item__edit form, .change-item__add, .change-inline-form { display: flex; gap: 8px; align-items: center; margin-top: 10px; }
.change-item__assessment select { flex: 1; }
.change-item__edit form:first-child { flex: 1; }
.change-item__add input { flex: 1; }
.change-inline-form input { flex: 1; }
.change-inline-form--stacked { align-items: stretch; flex-direction: column; }
.change-attestation { flex-direction: row !important; align-items: center; }
.change-attestation input { width: auto; }
.change-pack { display: grid; gap: 12px; }
.change-pack__field > div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.change-pack__field label { color: var(--text-secondary); font-size: 12px; font-weight: 650; }
.change-pack textarea { font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }

@media (max-width: 800px) {
  .change-control__header, .change-card__heading { flex-direction: column; }
  .change-control__columns, .change-form__grid, .change-readiness { grid-template-columns: 1fr; }
  .change-form__wide { grid-column: auto; }
  .change-item__assessment, .change-item__edit, .change-item__edit form, .change-item__add, .change-inline-form { align-items: stretch; flex-direction: column; }
}