/* MISSION 68 (demo-activation) -- "מצב האתר" panel at the top of /Admin/LaunchSettings. Works down to 375/390px. */
.pb-demo-panel { border-width: 2px; border-color: color-mix(in srgb, var(--pb-info-text) 40%, transparent); }
.pb-demo-panel h3 { font-size: 1rem; margin: 14px 0 6px; }
.pb-demo-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin: 8px 0 4px; }
.pb-demo-fact { padding: 10px 12px; border-radius: 10px; background: var(--pb-surface-subtle); min-width: 0; }
.pb-demo-fact dt { font-size: .8rem; color: var(--text-secondary); margin: 0 0 2px; }
.pb-demo-fact dd { margin: 0; overflow-wrap: anywhere; }
.pb-demo-why { display: block; font-size: .85rem; color: var(--text-secondary); margin-top: 2px; }
.pb-demo-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; font-weight: 700; }
.pb-demo-badge-off { background: var(--pb-info-surface); color: var(--pb-info-text); }
.pb-demo-badge-pending, .pb-demo-badge-pendingoff { background: var(--pb-warning-surface); color: var(--pb-warning-text); }
.pb-demo-badge-active { background: var(--pb-info-surface); color: var(--pb-info-text); }
.pb-demo-missing ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.pb-demo-missing li { padding: 10px 12px; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--pb-danger-text) 40%, transparent); background: var(--pb-danger-surface); display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.pb-demo-pending { padding: 12px; border-radius: 10px; background: var(--pb-warning-surface); margin: 12px 0; }
.pb-demo-form { display: grid; gap: 6px; max-width: 520px; margin: 14px 0 0; }
.pb-demo-form input[type=text] { width: 100%; box-sizing: border-box; }
.pb-demo-form .pb-btn { justify-self: start; margin: 0; }
.pb-demo-form .pb-btn[disabled] { opacity: .55; cursor: not-allowed; }
.pb-demo-form-secondary { border-top: 1px solid var(--border-color); padding-top: 12px; }
.pb-demo-inline-form { margin-top: 4px; }
.pb-demo-next ol { margin: 6px 0; padding-inline-start: 20px; display: grid; gap: 4px; }
@media (max-width: 600px) {
  .pb-demo-facts { grid-template-columns: 1fr; }
  .pb-demo-form .pb-btn, .pb-demo-inline-form .pb-btn, .pb-demo-pending .pb-btn { width: 100%; justify-self: stretch; text-align: center; }
}