.distribution-workspace {
  --ink: #1b2235;
  --muted: #667185;
  --accent: #623ab4;
  --line: #e5e7ef;
  max-width: 1180px;
  margin: 0 auto;
  padding: 16px 0 36px;
  display: grid;
  gap: 20px;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.55;
}
.distribution-workspace * { box-sizing: border-box; }
.distribution-workspace :is(h1, h2, h3, p, dl, ul, dd) { margin: 0; }
.distribution-workspace h1 { font-size: clamp(26px, 4vw, 36px); line-height: 1.16; letter-spacing: -.035em; }
.distribution-workspace h2 { font-size: 19px; line-height: 1.3; }
.distribution-workspace h3 { font-size: 16px; line-height: 1.3; }
.distribution-workspace p { color: var(--muted); }
.distribution-workspace a { color: var(--accent); }
.distribution-workspace nav, .distribution-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.distribution-workspace nav a + a::before {
  content: "·";
  color: var(--muted);
  display: inline-block;
  margin-right: 12px;
}
.distribution-heading, .distribution-card > header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px 16px;
}
.distribution-heading > div { display: grid; gap: 7px; }
.distribution-workspace .distribution-eyebrow { color: var(--accent); font-size: 11px; font-weight: 700; letter-spacing: .09em; }
.distribution-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.distribution-card {
  display: grid;
  align-content: start;
  min-width: 0;
  gap: 12px;
  padding: clamp(14px, 3vw, 22px);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}
.distribution-workspace button, .distribution-workspace select, .distribution-workspace input {
  min-height: 40px;
  max-width: 100%;
  padding: 7px 12px;
  border: 1px solid #ded6eb;
  border-radius: 8px;
  background: #fff;
  font: inherit;
}
.distribution-workspace button { color: var(--accent); font-weight: 650; cursor: pointer; }
.distribution-workspace button:hover:enabled { background: #f6f0fc; }
.distribution-workspace button:disabled, .distribution-workspace select:disabled { opacity: .58; cursor: default; }
.distribution-workspace :is(a, button, select, input, summary):focus-visible { outline: 2px solid #9267dc; outline-offset: 3px; }
.distribution-workspace label { display: grid; gap: 5px; min-width: 0; font-weight: 600; }
.distribution-workspace select { width: 100%; color: var(--ink); text-overflow: ellipsis; }
.distribution-workspace form, .distribution-result { display: grid; gap: 9px; justify-items: start; }
.distribution-workspace form label { width: 100%; }
.distribution-workspace .distribution-message { padding: 10px 13px; border-radius: 8px; background: #f5f0fc; color: #543989; }
.distribution-workspace .distribution-message[role="alert"] { background: #fff1ef; color: #9e3027; }
.distribution-address, .distribution-result dd { overflow-wrap: anywhere; }
.distribution-badge {
  display: inline-block;
  width: fit-content;
  padding: 3px 8px;
  border-radius: 6px;
  color: #66557b;
  background: #f1edf6;
  font-size: 12px;
  font-weight: 650;
}
.distribution-badge:is([data-state="accepted"], [data-state="connected"], [data-state="completed"]) { color: #236345; background: #eaf6ef; }
.distribution-badge:is([data-state="error"], [data-state="failed"]) { color: #923128; background: #fff1ef; }
.distribution-badge:is([data-state="awaiting_verification"], [data-state="pending"]) { color: #75501b; background: #fff6e4; }
.distribution-result { padding-top: 10px; border-top: 1px solid var(--line); min-width: 0; }
.distribution-result dt { font-weight: 650; }
.distribution-result dd { margin-bottom: 8px; }
.distribution-table { width: 100%; min-width: 0; overflow: auto; }
.distribution-table table { width: 100%; border-collapse: collapse; text-align: left; }
.distribution-table th, .distribution-table td { padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.distribution-table th { color: var(--muted); font-weight: 650; }
.distribution-urls { padding: 0; list-style: none; }
.distribution-urls li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 14px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.distribution-workspace summary { color: var(--accent); cursor: pointer; }
.distribution-setup-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.distribution-setup-steps > div { min-width: 0; overflow-wrap: anywhere; }
.distribution-setup-steps ol { margin: 8px 0; padding-left: 22px; }
@media (max-width: 920px) { .distribution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .distribution-grid, .distribution-setup-steps { grid-template-columns: minmax(0, 1fr); }
}

.sites-card-footer:has(.distribution-pilot-entry) > div { flex-wrap: wrap; }