/* 静态产品演示专用样式：只影响演示外壳，不改产品本身 */
.demo-flag{
  position:fixed; left:18px; bottom:18px; z-index:9999;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding:9px 14px; border-radius:999px;
  background:rgba(10,20,34,.88); color:#cfe0f7;
  font:12px/1.4 "Segoe UI","Microsoft YaHei",system-ui,sans-serif;
  border:1px solid rgba(120,160,220,.32);
  box-shadow:0 10px 28px rgba(0,0,0,.35);
  backdrop-filter:blur(8px) saturate(1.2); -webkit-backdrop-filter:blur(8px) saturate(1.2);
}
.demo-flag .dot{width:7px;height:7px;border-radius:50%;background:#3ddc97;box-shadow:0 0 8px #3ddc97;flex:none}
.demo-flag b{color:#8fd3ff;font-weight:600}
.demo-flag a{color:#a9cdff;text-decoration:none;border-bottom:1px dotted rgba(169,205,255,.55);padding-bottom:1px}
.demo-flag a:hover{color:#fff;border-bottom-color:#fff}
.demo-flag .sep{width:1px;height:12px;background:rgba(255,255,255,.18)}

/* 只读控件：保持产品原样式，仅去掉可编辑光标 */
.demo-readonly{cursor:default}
.demo-locked-wrap{position:relative}
.demo-locked-wrap::after{content:"";position:absolute;inset:0;cursor:not-allowed}

/* 演示里所有操作按钮都是禁用的：统一压暗一点，避免看起来还能点 */
#app button:disabled,
header button:disabled,
.toast button:disabled{
  opacity:.45; filter:grayscale(.5); box-shadow:none; cursor:not-allowed;
}

@media (max-width:720px){
  .demo-flag{left:10px;right:10px;bottom:10px;justify-content:center;font-size:11px}
  /* 教师端是按桌面设计的：窄屏先把顶栏里"只读且不重要"的两项收起来，避免横向溢出 */
  header{gap:10px;padding:0 12px}
  #healthTag,#newProjectBtn{display:none}
  header #projectSel{min-width:0 !important;width:auto !important;max-width:calc(100vw - 118px)}
  .kpis{grid-template-columns:repeat(2,1fr)}
  main{padding-bottom:72px}
}
@media print{.demo-flag{display:none}}