.deployment-panel { margin-top: 18px; }
.deployment-heading { display: flex; align-items: start; justify-content: space-between; gap: 24px; }
.deployment-summary { min-width: 230px; padding: 14px 16px; border-radius: 14px; background: #f4e8ce; color: #7b5924; }
.deployment-summary.ready { background: #dceee7; color: #123f35; }
.deployment-summary strong, .deployment-summary span { display: block; }
.deployment-summary span { margin-top: 4px; font-size: 12px; line-height: 1.45; }
.deployment-checks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.deployment-check { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; padding: 14px; border: 1px solid #e7ded0; border-radius: 14px; background: #fffdf8; }
.deployment-check > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #f4e8ce; color: #8c6427; font-weight: 800; }
.deployment-check.ready > span { background: #dceee7; color: #123f35; }
.deployment-check strong, .deployment-check em, .deployment-check small { display: block; }
.deployment-check em { margin-top: 3px; color: #48675e; font-size: 12px; font-style: normal; }
.deployment-check small { margin-top: 7px; color: #718079; line-height: 1.45; }
.deployment-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.deployment-actions { display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; align-items: end; gap: 12px; margin-top: 14px; }
@media (max-width: 980px) { .deployment-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) {
  .deployment-heading, .deployment-actions { display: grid; grid-template-columns: 1fr; }
  .deployment-summary { min-width: 0; }
  .deployment-checks, .deployment-fields { grid-template-columns: 1fr; }
}