:root {
  --supply-acquisition-release: "20260726-supply-acquisition-os-2185";
}

.supply-acquisition-os,
.supply-acquisition-os *,
.supply-acquisition-apply,
.supply-acquisition-apply *,
.supply-acquisition-strip,
.supply-acquisition-strip * {
  box-sizing: border-box;
}

.supply-acquisition-os {
  display: grid;
  gap: 12px;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(226, 111, 160, 0.2);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255, 247, 252, 0.96), rgba(255, 253, 246, 0.9));
  color: var(--ink, #251420);
  box-shadow: 0 16px 34px rgba(128, 47, 86, 0.07);
}

.supply-acquisition-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.supply-acquisition-head h2 {
  margin: 3px 0 0;
  color: var(--ink, #251420);
  font-size: clamp(21px, 2vw, 28px);
  font-weight: 520;
  letter-spacing: 0;
  line-height: 1.1;
}

.supply-acquisition-head p,
.supply-acquisition-provider-grid p,
.supply-acquisition-admin-summary p,
.supply-acquisition-sprints p,
.supply-acquisition-apply p {
  margin: 0;
  color: var(--muted, #735f6a);
  font-size: 13px;
  line-height: 1.42;
}

.supply-acquisition-head p {
  max-width: 760px;
  margin-top: 6px;
}

.supply-acquisition-score {
  min-width: 88px;
  display: grid;
  justify-items: center;
  gap: 2px;
  padding: 9px;
  border: 1px solid rgba(215, 158, 71, 0.24);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.supply-acquisition-score strong {
  color: #251420;
  font-size: 23px;
  font-weight: 540;
  line-height: 1;
}

.supply-acquisition-score small,
.supply-acquisition-provider-grid span,
.supply-acquisition-admin-summary span,
.supply-acquisition-mini-head span,
.supply-acquisition-sprints span,
.supply-acquisition-strip-copy span {
  color: #b57927;
  font-size: 10px;
  font-weight: 540;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.supply-acquisition-provider-grid,
.supply-acquisition-admin-summary,
.supply-acquisition-admin-builder {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.supply-acquisition-provider-grid {
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1fr);
}

.supply-acquisition-provider-grid label,
.supply-acquisition-provider-grid article,
.supply-acquisition-admin-summary article,
.supply-acquisition-admin-builder label,
.supply-acquisition-sprints article {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid rgba(226, 111, 160, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.supply-acquisition-provider-grid strong,
.supply-acquisition-admin-summary strong,
.supply-acquisition-mini-head strong,
.supply-acquisition-sprints strong,
.supply-acquisition-strip-copy strong {
  color: var(--ink, #251420);
  font-size: 14px;
  font-weight: 520;
  line-height: 1.2;
}

.supply-acquisition-provider-grid select,
.supply-acquisition-admin-builder select,
.supply-acquisition-admin-builder input,
.supply-acquisition-mini-form select,
.supply-acquisition-mini-form input {
  width: 100%;
  min-height: 40px;
  border: 1px solid rgba(226, 111, 160, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: #251420;
  font: inherit;
  font-size: 14px;
  padding: 9px 10px;
}

.supply-acquisition-service-checks,
.supply-acquisition-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.supply-acquisition-service-checks label,
.supply-acquisition-checks label {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  border: 1px solid rgba(226, 111, 160, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #5d4153;
  font-size: 12px;
  line-height: 1.2;
}

.supply-acquisition-checks label.is-done {
  border-color: rgba(215, 158, 71, 0.34);
  background: rgba(255, 247, 226, 0.78);
}

.supply-acquisition-service-checks input,
.supply-acquisition-checks input {
  width: 16px;
  height: 16px;
  accent-color: #f15b9c;
}

.supply-acquisition-actions,
.supply-acquisition-source-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.supply-acquisition-actions a,
.supply-acquisition-sprints a,
.supply-acquisition-source-row a,
.supply-acquisition-admin-builder button,
.supply-acquisition-mini-form button,
.supply-acquisition-strip > a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(226, 111, 160, 0.22);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 104, 166, 0.2), rgba(238, 184, 80, 0.18));
  color: #251420;
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
  cursor: pointer;
}

.supply-acquisition-actions a,
.supply-acquisition-admin-builder button,
.supply-acquisition-mini-form button,
.supply-acquisition-strip > a {
  padding: 8px 11px;
}

.supply-acquisition-admin-builder {
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
}

.supply-acquisition-admin-builder button {
  align-self: end;
}

.supply-acquisition-sprints {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.supply-acquisition-sprints > p {
  padding: 10px;
  border: 1px dashed rgba(226, 111, 160, 0.22);
  border-radius: 8px;
}

.supply-acquisition-source-row a {
  min-height: 30px;
  padding: 7px 9px;
  background: rgba(255, 255, 255, 0.72);
}

.supply-acquisition-apply {
  display: grid;
  gap: 9px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(226, 111, 160, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.68);
}

.supply-acquisition-mini-head {
  display: grid;
  gap: 2px;
}

.supply-acquisition-mini-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  align-items: end;
}

.supply-acquisition-mini-form .wide {
  grid-column: span 2;
}

.supply-acquisition-mini-form .check {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #5d4153;
  font-size: 12px;
}

.supply-acquisition-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid rgba(226, 111, 160, 0.16);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 248, 252, 0.94), rgba(255, 250, 242, 0.86));
}

.supply-acquisition-strip-copy {
  display: grid;
  gap: 2px;
}

body[data-theme="dark"] .supply-acquisition-os,
body[data-theme="dark"] .supply-acquisition-apply,
body[data-theme="dark"] .supply-acquisition-strip,
body[data-theme="dark"] .supply-acquisition-provider-grid label,
body[data-theme="dark"] .supply-acquisition-provider-grid article,
body[data-theme="dark"] .supply-acquisition-admin-summary article,
body[data-theme="dark"] .supply-acquisition-admin-builder label,
body[data-theme="dark"] .supply-acquisition-sprints article,
body[data-theme="dark"] .supply-acquisition-service-checks label,
body[data-theme="dark"] .supply-acquisition-checks label,
body[data-theme="dark"] .supply-acquisition-score {
  border-color: rgba(255, 137, 188, 0.2);
  background: rgba(43, 16, 34, 0.94);
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.2);
}

body[data-theme="dark"] .supply-acquisition-head h2,
body[data-theme="dark"] .supply-acquisition-score strong,
body[data-theme="dark"] .supply-acquisition-provider-grid strong,
body[data-theme="dark"] .supply-acquisition-admin-summary strong,
body[data-theme="dark"] .supply-acquisition-mini-head strong,
body[data-theme="dark"] .supply-acquisition-sprints strong,
body[data-theme="dark"] .supply-acquisition-strip-copy strong {
  color: #fff5fa;
}

body[data-theme="dark"] .supply-acquisition-head p,
body[data-theme="dark"] .supply-acquisition-provider-grid p,
body[data-theme="dark"] .supply-acquisition-admin-summary p,
body[data-theme="dark"] .supply-acquisition-sprints p,
body[data-theme="dark"] .supply-acquisition-apply p,
body[data-theme="dark"] .supply-acquisition-checks label,
body[data-theme="dark"] .supply-acquisition-service-checks label,
body[data-theme="dark"] .supply-acquisition-mini-form .check {
  color: #e8cbd8;
}

body[data-theme="dark"] .supply-acquisition-provider-grid select,
body[data-theme="dark"] .supply-acquisition-admin-builder select,
body[data-theme="dark"] .supply-acquisition-admin-builder input,
body[data-theme="dark"] .supply-acquisition-mini-form select,
body[data-theme="dark"] .supply-acquisition-mini-form input {
  background: rgba(31, 9, 24, 0.96);
  color: #fff5fa;
}

body[data-theme="dark"] .supply-acquisition-actions a,
body[data-theme="dark"] .supply-acquisition-sprints a,
body[data-theme="dark"] .supply-acquisition-source-row a,
body[data-theme="dark"] .supply-acquisition-admin-builder button,
body[data-theme="dark"] .supply-acquisition-mini-form button,
body[data-theme="dark"] .supply-acquisition-strip > a {
  color: #fff5fa;
  background: linear-gradient(135deg, rgba(255, 104, 166, 0.22), rgba(238, 184, 80, 0.14));
}

@media (max-width: 820px) {
  .supply-acquisition-head,
  .supply-acquisition-provider-grid,
  .supply-acquisition-admin-summary,
  .supply-acquisition-admin-builder,
  .supply-acquisition-sprints,
  .supply-acquisition-mini-form,
  .supply-acquisition-strip {
    grid-template-columns: 1fr;
  }

  .supply-acquisition-mini-form .wide {
    grid-column: auto;
  }

  .supply-acquisition-admin-builder button,
  .supply-acquisition-strip > a {
    width: 100%;
  }
}