/* ============================================================
   pages/dashboard/page.css — 영업보고

   ⭐ **이 파일은 이 화면 안쪽만 건드린다.** 다른 레일에는 영향이 없다.
   공용(토큰 · 표 · 알약 · 버튼 · 글꼴 · 색)은 styles/ 가 갖는다. 여기서는 그것을 물려받고
   이 화면에만 필요한 것만 덧쓴다. 그래서 이 화면을 고칠 때 다른 화면을 볼 일이 없다.

   @scope #dashboardContent, #weeklyContent, #statsContent, .pm-
   ⚠️ 위 @scope 는 약속이 아니라 검사 대상이다 — 여기 적힌 것에 걸리지 않는 셀렉터를 쓰면
      tests/test_pages.js 가 실패한다. 공용 규칙을 여기서 덮어쓰지 못하게 막는 장치다.
   ============================================================ */

/* 이 화면의 배치 규칙은 아직 styles/ 에 있다. 이 화면을 다시 만들 때 이리로 옮긴다. */

/* ============================================================
   발표 모드 막대
   ⚠️ 셸(레일 · 패널)을 감추는 것은 여기가 아니라 styles/08-shell.css 다 — 셸은 셸이 감춘다.
      여기에는 **막대의 모양만** 둔다.
   ============================================================ */
.pm-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:130;
  display:flex; align-items:center; gap:10px; padding:10px 18px;
  background:var(--sk-shell); color:#fff;
  box-shadow:0 -6px 20px rgba(15,23,42,.22);
}
.pm-who{ font-size:var(--fs-7); font-weight:800; letter-spacing:-.01em; }
.pm-at{ font-size:var(--fs-3); font-weight:700; opacity:.75; font-variant-numeric:tabular-nums; }
.pm-sp{ flex:1; }
.pm-hint{ font-size:var(--fs-2); opacity:.65; }
.pm-b{
  height:34px; padding:0 16px; cursor:pointer; font-family:inherit;
  font-size:var(--fs-4); font-weight:700; color:#fff;
  background:rgba(255,255,255,.14); border:0; border-radius:var(--radius-sm);
}
.pm-b:hover{ background:rgba(255,255,255,.26); }
.pm-b.pri{ background:var(--primary); }
.pm-b.pri:hover{ filter:brightness(1.1); }