/* ==========================================================================
   測試環境識別樣式（僅在非 Production 環境載入生效）
   body 加上 .env-test 後套用，正式環境不載入本檔、樣式完全不變
   ========================================================================== */

:root {
    --test-env-color: #d84315;
    --test-env-color-dark: #bf360c;
    --test-env-bg-light: #fff3e0;
}

/* ----- 共用：置中警示橫幅 ----- */
.test-env-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: repeating-linear-gradient(-45deg, var(--test-env-bg-light), var(--test-env-bg-light) 14px, #ffe0b2 14px, #ffe0b2 28px);
    border: 2px dashed var(--test-env-color);
    border-radius: 10px;
    color: var(--test-env-color-dark);
    font-weight: 700;
    font-size: 1.15rem;
    padding: 0.9rem 1.25rem;
    animation: test-env-pulse 2s ease-in-out infinite;
}

@keyframes test-env-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(216, 67, 21, 0.45); }
    50% { box-shadow: 0 0 0 10px rgba(216, 67, 21, 0); }
}

/* ----- 登入頁 ----- */
body.env-test .login-header h1 {
    color: var(--test-env-color);
}

body.env-test .env-badge {
    background: var(--test-env-color);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0.35rem 1.25rem;
    animation: test-env-pulse 2s ease-in-out infinite;
}

/* ----- 管理後台（_AdminLayout）左上角 ----- */
body.env-test .sidebar-logo,
body.env-test .sidebar-logo:hover {
    color: var(--test-env-color);
}

body.env-test .sidebar-logo-icon {
    animation: test-env-pulse 2s ease-in-out infinite;
    border-radius: 50%;
}

/* ----- 贈獎系統（_AwardStationLayout）左上角 ----- */
body.env-test .as-brand,
body.env-test .as-brand:hover {
    color: var(--test-env-color);
}

/* 贈獎系統頂部警示條 */
body.env-test .as-header {
    border-bottom: 3px solid var(--test-env-color);
}