/* v11 – Bảng thống kê theo nhân viên */
#staffStats .view-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
#staffStats h3 { margin: 0; }
.staff-table-wrap { overflow-x: auto; }
.staff-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.staff-table th { text-align: left; font-size: 12px; color: var(--muted); font-weight: 600; padding: 8px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.staff-table td { padding: 10px 8px; border-bottom: 1px solid var(--line); }
.staff-table td:not(:first-child), .staff-table th:not(:first-child) { text-align: right; }
.staff-table tr.ext td { color: var(--muted); font-style: italic; }
.staff-table tr:hover td { background: var(--bg); }
@media (max-width: 760px) { .staff-table { font-size: 13px; } .staff-table th { white-space: normal; } }

/* v11 – Nút bật thông báo đẩy */
.push-btn { border: 0; border-radius: 18px; padding: 7px 12px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; background: #ffffff26; color: #fff; white-space: nowrap; }
.push-btn[data-mode="off"], .push-btn[data-mode="ios-hint"] { background: #fff; color: var(--accent); box-shadow: 0 0 0 2px #ffffff88; }
.push-btn[hidden] { display: none; }
@media (max-width: 760px) {
  .push-btn { position: fixed; top: calc(8px + env(safe-area-inset-top)); right: 8px; z-index: 30; box-shadow: 0 2px 8px #0003; }
  .push-btn[data-mode="on"] { display: none; }
}
@media (max-width: 760px) { body:has(#view-inbox.chatting) .push-btn, body:has(#view-inbox.hidden) .push-btn { display: none; } }
