/* Development site marker (includes/env_indicator.php). Loaded only when APP_ENV=development. */
.td-dev-banner {
    position: relative;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.3rem 1rem;
    background: repeating-linear-gradient(135deg, #c2410c 0 14px, #ea580c 14px 28px);
    color: #ffffff;
    font: 600 12px/1.4 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
    letter-spacing: 0.02em;
    text-align: center;
}
.td-dev-banner strong { font-weight: 800; letter-spacing: 0.12em; }
.td-dev-banner--pinned { position: fixed; top: 0; left: 0; right: 0; z-index: 2147482000; }
.td-dev-banner__sep { opacity: 0.7; }

/* An orange frame round the whole window, visible however far the page scrolls. */
.td-dev-frame {
    position: fixed;
    inset: 0;
    border: 4px solid #f97316;
    pointer-events: none;
    z-index: 2147483000;
}

/* Dev on the sandbox database (MAINT-24): the same marker in red. */
.td-dev-banner--sandbox { background: repeating-linear-gradient(135deg, #b91c1c 0 14px, #dc2626 14px 28px); }
.td-dev-frame--sandbox { border-color: #dc2626; }

@media print {
    .td-dev-banner, .td-dev-frame { display: none !important; }
}