/* 作战室内嵌页 · 跟「工作台」同一套视觉（满屏 + 深绿通栏）
 *
 * John 2026-10-28：「作战室最好跟工作台UI显示一样 满屏」
 *   1) 页面上方加一条跟工作台一样的深绿通栏（日期 / 小保·作战室 / 保险顾问 / 今日）；
 *   2) 去掉外层窄栏留白，内容横向铺满（卡片自身的内边距保留）。
 *
 * 做法：不改 /war-room-native/index.html 原文件（原版基线），只在统一站加一层覆盖。
 * 选择器一律挂在 #wrHost / .wr- 下，避免污染其它页面。
 *
 * 回滚：删掉 index.html 里加载本文件的 <link>，并把 war-room-mount.js 的 wrap 还原。
 */

/* ---------- 1. 外层满屏 ---------- */
/* 作战室原页面的 CSS 有一份是「未作用域化」直接进 head 的，里面有 body{padding:14px 12px}，
   会把整站 body 挤出 12px 边距 —— 离开这一页必须还原，所以用 body.wr-active 精确命中。 */
body.wr-active {
  padding: 0 !important;
  max-width: none !important;
}
.wr-wrap {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}
#wrHost {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}
#wrHost body {
  max-width: none !important;
  margin: 0 !important;
  padding: 12px 12px 26px !important;
  background: transparent !important;
  box-sizing: border-box;
}
#wrHost #mainContent {
  max-width: none !important;
}

/* ---------- 2. 深绿通栏（与工作台 top-bar 同色） ---------- */
.wr-topbar {
  background: linear-gradient(135deg, #175c46, #2f8a68) !important;
  color: #fff !important;
  padding: 13px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.wr-topbar .wr-date {
  text-align: center;
  flex: 0 0 auto;
  line-height: 1.1;
}
.wr-topbar .wr-date .m { font-size: 11px; opacity: .78; }
.wr-topbar .wr-date .d { font-size: 22px; font-weight: 700; line-height: 1.05; }
.wr-topbar .wr-date .w { font-size: 10px; opacity: .68; }
.wr-topbar .wr-info { flex: 1 1 auto; min-width: 0; }
.wr-topbar .wr-info h1 {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  line-height: 1.25 !important;
}
.wr-topbar .wr-info .sub {
  font-size: 11px !important;
  color: rgba(255, 255, 255, .82) !important;
  margin: 0 !important;
}
.wr-topbar .wr-today {
  flex: 0 0 auto;
  font-size: 10px;
  color: rgba(255, 255, 255, .88);
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 8px;
  padding: 3px 8px;
  white-space: nowrap;
}

/* ---------- 3. 页内重复的标题行收起来（通栏已经有） ---------- */
#wrHost #mainContent > div:first-child {
  display: none !important;
}
#wrHost #mainContent > .sub {
  margin: 0 0 10px !important;
  font-size: 12px !important;
  color: #6b7b72 !important;
}