.crm-release-update-panel {
  box-sizing: border-box;
  width: min(390px, calc(100vw - 32px));
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid rgba(86, 203, 188, 0.48);
  border-radius: 16px;
  background: color-mix(in srgb, var(--crm-surface-solid, #17211f) 96%, #43b7a8 4%);
  color: var(--crm-text, #30465d);
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.38);
}

.crm-release-update-panel.is-fixed {
  position: fixed;
  z-index: 2147483000;
  top: 16px;
  right: 16px;
}

.crm-release-update-panel > strong { font-size: 15px; line-height: 1.35; }
.crm-release-update-panel > span:not(.crm-release-update-status) {
  color: var(--crm-text, #30465d);
  font-size: 13px;
  line-height: 1.45;
}
.crm-release-update-actions { display: flex; margin-top: 4px; }
.crm-release-update-chip {
  min-width: 210px;
  min-height: 46px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: #43b7a8;
  color: #071b19;
  font: inherit;
  font-size: 14px;
  font-weight: 760;
  cursor: pointer;
}
.crm-release-update-chip:hover { background: #55c4b5; }
.crm-release-update-chip:focus-visible { outline: 3px solid rgba(85, 196, 181, 0.42); outline-offset: 3px; }
.crm-release-update-chip:disabled { cursor: wait; opacity: 0.72; }
.crm-release-update-status {
  color: #197d72;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
.crm-release-update-panel[data-state="waiting"], .crm-release-update-panel[data-state="error"] { border-color: rgba(239, 118, 95, 0.72); }
.crm-release-update-panel[data-state="waiting"] .crm-release-update-status,
.crm-release-update-panel[data-state="error"] .crm-release-update-status { color: #ad4638; }

html[data-theme="dark"] .crm-release-update-status { color: #75d7ca; }
html[data-theme="dark"] .crm-release-update-panel[data-state="waiting"] .crm-release-update-status,
html[data-theme="dark"] .crm-release-update-panel[data-state="error"] .crm-release-update-status { color: #ffad9c; }

@media (max-width: 700px) {
  .crm-release-update-panel.is-fixed { top: 10px; right: 10px; left: 10px; width: auto; }
}
