.strategy-delivery-command {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-block-start:9px;
}

.strategy-delivery-command button {
  min-block-size:34px;
  padding:6px 10px;
  border:1px solid var(--bb-theme-line, #252724);
  border-radius:7px;
  background:var(--bb-theme-surface, #252724);
  color:var(--bb-theme-ink, #fff);
  cursor:pointer;
  font:inherit;
  font-size:11px;
  font-weight:850;
  letter-spacing:0;
}

.strategy-delivery-drawer {
  position:fixed;
  z-index:175;
  inset:0;
  display:grid;
  align-items:center;
  justify-items:end;
  padding:18px;
  background:rgba(var(--bb-theme-surface-rgb, 17,20,18), 0.38);
  overscroll-behavior:contain;
}

.strategy-delivery-drawer[hidden] {
  display:none!important;
}

.strategy-delivery-panel {
  inline-size:min(480px,calc(100vw - 36px));
  max-height:min(78vh,720px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid var(--bb-theme-line, rgba(0,0,0,.14));
  border-radius:8px;
  background:var(--bb-theme-surface, #f7f7f3);
  color:var(--bb-theme-ink, #20221f);
  box-shadow:0 24px 70px rgba(var(--bb-theme-shadow-rgb, 0,0,0), 0.28);
}

.strategy-delivery-head {
  min-inline-size:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 32px;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-block-end:1px solid var(--bb-theme-line, rgba(0,0,0,.09));
}

.strategy-delivery-head-copy {
  min-inline-size:0;
  display:grid;
  gap:3px;
}

.strategy-delivery-head-copy strong,
.strategy-delivery-head-copy span {
  min-inline-size:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  letter-spacing:0;
}

.strategy-delivery-head-copy strong {
  font-size:14px;
}

.strategy-delivery-head-copy span {
  color:var(--bb-theme-secondary, #70756e);
  font-size:10px;
}

.strategy-delivery-close,
.strategy-delivery-icon-button {
  inline-size:32px;
  block-size:32px;
  min-inline-size:32px;
  min-block-size:32px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--bb-theme-line, rgba(0,0,0,.12));
  border-radius:7px;
  background:var(--bb-theme-surface, #fff);
  color:var(--bb-theme-ink, #252724);
  cursor:pointer;
  font:inherit;
  font-size:17px;
  line-height:1;
}

.strategy-delivery-body {
  min-block-size:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  touch-action:pan-y;
  padding:0 16px;
}

.strategy-delivery-status {
  min-block-size:40px;
  display:flex;
  align-items:center;
  padding:10px 0;
  color:var(--bb-theme-secondary, #696e67);
  font-size:11px;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.strategy-delivery-status[data-delivery-error="true"] {
  color:var(--bb-theme-down, #9b3434);
}

.strategy-delivery-targets {
  min-inline-size:0;
}

.strategy-delivery-target {
  min-inline-size:0;
  padding:12px 0;
  border-block-start:1px solid var(--bb-theme-line, rgba(0,0,0,.08));
}

.strategy-delivery-target-selector {
  min-inline-size:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 32px;
  align-items:center;
  gap:9px;
}

.strategy-delivery-target-choice {
  min-inline-size:0;
  display:grid;
  grid-template-columns:18px 34px minmax(0,1fr);
  align-items:center;
  gap:9px;
  cursor:pointer;
}

.strategy-delivery-target-choice input {
  inline-size:16px;
  block-size:16px;
  margin:0;
  accent-color:var(--bb-theme-up, #2d6849);
}

.strategy-delivery-target-visual {
  inline-size:34px;
  block-size:34px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--bb-theme-line, rgba(0,0,0,.09));
  border-radius:7px;
  background:var(--bb-theme-surface, #fff);
  color:var(--bb-theme-ink, #30332e);
  font-size:12px;
  font-weight:900;
}

.strategy-delivery-target-visual img {
  inline-size:100%;
  block-size:100%;
  display:block;
  object-fit:contain;
}

.strategy-delivery-target-visual img[hidden],
.strategy-delivery-target-visual span[hidden] {
  display:none!important;
}

.strategy-delivery-target-copy {
  min-inline-size:0;
  display:grid;
  gap:2px;
}

.strategy-delivery-target-copy strong,
.strategy-delivery-target-copy span {
  min-inline-size:0;
  overflow-wrap:anywhere;
  letter-spacing:0;
}

.strategy-delivery-target-copy strong {
  font-size:12px;
}

.strategy-delivery-target-copy span {
  color:var(--bb-theme-secondary, #737870);
  font-size:9px;
  font-weight:800;
  text-transform:capitalize;
}

.strategy-delivery-target-reason,
.strategy-delivery-error,
.strategy-delivery-expiry,
.strategy-delivery-receipt {
  margin-block-start:7px;
  padding-inline-start:61px;
  color:var(--bb-theme-down, #8c3535);
  font-size:10px;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.strategy-delivery-expiry,
.strategy-delivery-receipt {
  padding-inline-start:0;
  color:var(--bb-theme-secondary, #696e67);
}

.strategy-delivery-target-review:empty {
  display:none;
}

.strategy-delivery-target-state {
  min-inline-size:0;
  display:flex;
  align-items:center;
  gap:8px;
  margin-block-start:10px;
}

.strategy-delivery-target-state strong {
  margin-inline-end:auto;
  font-size:11px;
}

.strategy-delivery-target-state span {
  flex:0 0 auto;
  color:var(--bb-theme-secondary, #666b64);
  font-size:9px;
  font-weight:850;
  text-transform:capitalize;
}

.strategy-delivery-compatibility {
  min-inline-size:0;
  display:grid;
  grid-template-columns:minmax(96px,.4fr) minmax(0,1fr);
  gap:5px 9px;
  margin:9px 0 0;
  font-size:10px;
  line-height:1.4;
}

.strategy-delivery-compatibility dt {
  color:var(--bb-theme-secondary, #72776f);
  font-weight:800;
}

.strategy-delivery-compatibility dd {
  min-inline-size:0;
  margin:0;
  overflow-wrap:anywhere;
}

.strategy-delivery-issues {
  display:grid;
  gap:5px;
  margin:9px 0 0;
  padding:0;
  list-style:none;
}

.strategy-delivery-issues li {
  min-inline-size:0;
  display:grid;
  gap:2px;
  padding:7px 8px;
  border-inline-start:3px solid var(--bb-theme-line, #8b918a);
  background:rgba(var(--bb-theme-surface-rgb, 139,145,138), 0.07);
  font-size:10px;
  line-height:1.35;
}

.strategy-delivery-issues li.is-material {
  border-inline-start-color:var(--bb-theme-line, #b58400);
  background:rgba(var(--bb-theme-surface-rgb, 181,132,0), 0.07);
}

.strategy-delivery-issues li.is-blocking {
  border-inline-start-color:var(--bb-theme-down, #b33a3a);
  background:rgba(var(--bb-theme-down-rgb, 179,58,58), 0.07);
}

.strategy-delivery-issues li strong,
.strategy-delivery-issues li span {
  min-inline-size:0;
  overflow-wrap:anywhere;
}

.strategy-delivery-issues li span {
  color:var(--bb-theme-secondary, #6b7069);
}

.strategy-delivery-target-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-block-start:10px;
}

.strategy-delivery-target-controls button,
.strategy-delivery-footer button {
  min-block-size:34px;
  padding:6px 10px;
  border:1px solid var(--bb-theme-line, #252724);
  border-radius:7px;
  background:var(--bb-theme-surface, #252724);
  color:var(--bb-theme-ink, #fff);
  cursor:pointer;
  font:inherit;
  font-size:10px;
  font-weight:850;
  letter-spacing:0;
  white-space:normal;
}

.strategy-delivery-target-controls button.secondary {
  border-color:var(--bb-theme-line, rgba(0,0,0,.14));
  background:var(--bb-theme-surface, #fff);
  color:var(--bb-theme-ink, #252724);
}

.strategy-delivery-target-controls button:disabled,
.strategy-delivery-footer button:disabled {
  opacity:.46;
  cursor:not-allowed;
}

.strategy-delivery-pending {
  color:var(--bb-theme-secondary, #7a620f);
  font-size:10px;
  font-weight:800;
}

.strategy-delivery-footer {
  display:flex;
  justify-content:flex-end;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  border-block-start:1px solid var(--bb-theme-line, rgba(0,0,0,.09));
  background:var(--bb-theme-surface, #f7f7f3);
}

body.strategy-delivery-open {
  overflow:hidden!important;
}

@media (max-width:820px) {
  .strategy-delivery-drawer {
    align-items:end;
    justify-items:stretch;
    padding:0;
  }

  .strategy-delivery-panel {
    inline-size:100%;
    max-height:min(78vh,720px);
    border-inline:0;
    border-block-end:0;
    border-radius:8px 8px 0 0;
  }

  .strategy-delivery-body {
    padding-inline:14px;
  }

  .strategy-delivery-compatibility {
    grid-template-columns:minmax(84px,.38fr) minmax(0,1fr);
  }
}

@media (prefers-reduced-motion:reduce) {
  .strategy-delivery-panel {
    scroll-behavior:auto;
  }
}