/* #112 D4 — QA 环境的视觉标记。只在 QA_MODE=true 的进程里被注入（见 app.py 的
   qa_view_only_banner middleware），生产页面永远不会请求这个文件。 */

#qaViewOnlyBanner {
    position: sticky;
    top: 0;
    z-index: 99999;
    padding: 8px 16px;
    background: repeating-linear-gradient(
        45deg, #b45309, #b45309 12px, #92400e 12px, #92400e 24px);
    color: #fff;
    font: 600 14px/1.4 -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
    letter-spacing: 0.03em;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

/* 吃过一次 403 的控件从此变灰——不是防线，防线在写守卫（#112 D2）。 */
[data-qa-readonly] {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    filter: grayscale(1);
}

#qaViewOnlyNotice {
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    z-index: 99999;
    max-width: min(560px, 92vw);
    padding: 12px 18px;
    border-radius: 8px;
    background: #1f2937;
    color: #fff;
    font: 500 14px/1.5 -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

#qaViewOnlyNotice[hidden] {
    display: none;
}