/* 2.85.0: the sandbox (sandbox.js): the orange banner across the app, and the Changes page */
.sandbox-banner { position: sticky; top: 0; z-index: 60; display: flex; gap: 12px; align-items: center; justify-content: center; flex-wrap: wrap; min-height: 40px; padding: 6px 16px; color: #fff; font-size: .92rem;
  background: repeating-linear-gradient(-45deg, #ea580c 0 14px, #f97316 14px 28px); box-shadow: 0 1px 4px rgb(0 0 0 / .25); }
.sandbox-banner .sb-badge { background: #fff; color: #c2410c; padding: 1px 8px; border-radius: 4px; letter-spacing: .08em; }
.sandbox-banner .sb-actions { display: inline-flex; gap: 10px; align-items: center; }
.sandbox-banner a { color: #fff; font-weight: 600; text-decoration: underline; }
.sandbox-banner button { background: #fff; color: #9a3412; border: 0; font-weight: 600; }
body.in-sandbox .shell .nav, body.in-sandbox .shell2 .side { top: 40px; height: calc(100vh - 40px); }
.sb-change.sb-conflict { border-inline-start: 4px solid #ea580c; }
.sb-warn { color: #9a3412; background: color-mix(in srgb, #f97316 14%, transparent); padding: 6px 10px; border-radius: 6px; }
.sb-diff { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .82rem; max-height: 420px; overflow: auto; white-space: pre-wrap; }
.sb-gap { color: var(--muted, #888); padding-inline-start: 1.5em; }
.sb-key { margin-inline-end: 4px; }
.sb-st-open { background: #ffedd5; color: #9a3412; }
.sb-st-applied { background: #dcfce7; color: #166534; }
.sb-st-discarded { background: #f3f4f6; color: #4b5563; }