.orthant-deployment-notice {
  position: fixed; top: calc(var(--hextra-navbar-height, 64px) + 14px); right: 18px; z-index: 90;
  display: flex; align-items: flex-start; gap: 11px; width: min(430px, calc(100vw - 36px)); padding: 14px 44px 14px 15px;
  border: 1px solid var(--orthant-line, #ceddd0); border-radius: 10px; background: var(--orthant-paper, #fefefd);
  color: var(--orthant-text, #303832); box-shadow: 0 14px 40px #17372124; font-size: 12px;
  transition: opacity 180ms ease, transform 180ms ease;
}
.orthant-deployment-notice[hidden] { display: none; }
.orthant-deployment-notice.is-dismissing { opacity: 0; transform: translateY(-6px); pointer-events: none; }
.orthant-deployment-notice[data-kind="warning"] { border-color: #c8ad75; background: #fffaf0; }
.orthant-deployment-notice[data-kind="success"] { border-color: #8ab69a; background: #f5fbf5; }
.orthant-deployment-dot {
  flex: none; width: 9px; height: 9px; margin-top: 5px; border: 2px solid #7aaf8c; border-right-color: transparent;
  border-radius: 50%; animation: orthant-deployment-spin .8s linear infinite;
}
.orthant-deployment-notice[data-kind="warning"] .orthant-deployment-dot {
  border: 0; border-radius: 50%; background: #b68435; animation: none;
}
.orthant-deployment-notice[data-kind="success"] .orthant-deployment-dot {
  border: 0; border-radius: 50%; background: #4d9064; animation: none;
}
.orthant-deployment-copy { display: grid; flex: 1; min-width: 0; gap: 3px; line-height: 1.55; }
.orthant-deployment-copy strong { font-size: 13px; font-weight: 650; }
.orthant-deployment-copy span { color: var(--orthant-muted, #69756d); }
.orthant-deployment-link {
  flex: none; align-self: center; color: var(--orthant-accent, #326348); font-weight: 600; text-decoration: none;
}
.orthant-deployment-close {
  position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 6px;
  background: transparent; color: var(--orthant-muted, #69756d); cursor: pointer; font: inherit; font-size: 20px; line-height: 1;
}
.orthant-deployment-close:hover { background: var(--orthant-soft, #f0f6ef); color: var(--orthant-text, #303832); }
.dark .orthant-deployment-notice {
  border-color: #405147; background: #18221c; color: #edf5ef; box-shadow: 0 14px 40px #050a0790;
}
.dark .orthant-deployment-copy span { color: #afbeb4; }
.dark .orthant-deployment-link { color: #9bc9aa; }
.dark .orthant-deployment-close { color: #afbeb4; }
.dark .orthant-deployment-close:hover { background: #29372e; color: #f4faf5; }
.dark .orthant-deployment-notice[data-kind="warning"] { border-color: #75623d; background: #302d21; }
.dark .orthant-deployment-notice[data-kind="success"] { border-color: #466b52; background: #1e2e24; }
@keyframes orthant-deployment-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .orthant-deployment-notice { transition: none; }
  .orthant-deployment-dot { animation: none; }
}
@media (max-width: 640px) {
  .orthant-deployment-notice {
    top: calc(var(--hextra-navbar-height, 64px) + 8px); right: 12px; left: 12px; width: auto; padding: 12px 40px 12px 13px;
  }
  .orthant-deployment-link { align-self: flex-start; }
}