/* ====================================================================
   应用外壳级状态条（Shell Status）
   --------------------------------------------------------------------
   跨视图通用、不属于任何业务页面的状态提示。目前只有一条：
   「出口脱敏总开关」的当前状态（DEMO_MASK_ENABLED）。

   为什么单独开一张表：styles.css 是原型主界面样式，工程约定它保持未改；
   按「一域一表 + 明确前缀」的隔离规则，外壳级新增样式另开本文件，
   类名统一用 .shell-status 前缀，不污染任何业务域。
   ==================================================================== */

.shell-status {
  margin: 0 14px 10px;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface-2);
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.55;
}

.shell-status strong {
  display: block;
  margin-bottom: 1px;
  color: #1f2f45;
  font-size: 12px;
}

/* 脱敏关闭：与出厂默认不同，用琥珀色标出来。
   不标的话很容易被当成「数据本来就是明文」而忽略掉，进而误判成 bug。 */
.shell-status[data-state="off"] {
  border-color: #f0dcbe;
  background: #fffaf2;
}
.shell-status[data-state="off"] strong { color: #a95a19; }

/* 脱敏开启：绿色，表示按角色打码这条链路是活的 */
.shell-status[data-state="on"] {
  border-color: #cfe4d6;
  background: #f4fbf6;
}
.shell-status[data-state="on"] strong { color: #2f7d4f; }

/* 菜单折叠时侧边栏只剩图标，状态条没有可读空间，直接收起 */
.app-shell.menu-collapsed .shell-status { display: none; }

.shell-status[hidden] { display: none; }