/* v2.18 — restored neutral Chatter HQ. Black, white and gray are the base;
   semantic status colors remain available for live/warning/error states. */
body.owner-mode[data-owner-page="chatter"] {
  background: #080808 !important;
}

body.owner-mode[data-owner-page="chatter"] main {
  background: #080808 !important;
}

body.owner-mode[data-owner-page="chatter"] .sidebar {
  border-right-color: #2f2f2f !important;
  background: #0a0a0a !important;
  box-shadow: none !important;
}

body.owner-mode[data-owner-page="chatter"] .sidebar .nav-section-label {
  color: #8d8d8d !important;
}

body.owner-mode[data-owner-page="chatter"] .sidebar .nav-item,
body.owner-mode[data-owner-page="chatter"] [data-od-nav] {
  border: 1px solid #333 !important;
  background: #111 !important;
  color: #f2f2f2 !important;
  box-shadow: none !important;
}

body.owner-mode[data-owner-page="chatter"] .sidebar .nav-item:hover,
body.owner-mode[data-owner-page="chatter"] [data-od-nav]:hover {
  border-color: #777 !important;
  background: #1b1b1b !important;
  color: #fff !important;
}

body.owner-mode[data-owner-page="chatter"] .sidebar .nav-item.active,
body.owner-mode[data-owner-page="chatter"] [data-od-nav].active,
body.owner-mode.owner-dashboard-v2-ready[data-owner-page="chatter"] .sidebar [data-od-nav].active,
body.owner-mode.owner-dashboard-v2-ready[data-owner-page="chatter"] .sidebar [data-od-nav].os-nav-active {
  border-color: #fff !important;
  background: #f5f5f5 !important;
  color: #090909 !important;
  box-shadow: none !important;
}

body.owner-mode[data-owner-page="chatter"] .panel,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-card,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-table-wrap,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-tabs {
  border-color: #333 !important;
  background: #111 !important;
  box-shadow: none !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 {
  color: #f7f7f7 !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-head {
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid #333;
  border-radius: 16px;
  background: #0e0e0e !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-head h2,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 h3,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 strong,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 b {
  color: #fff;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-head p,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-subtle,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-kpi span,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-kpi small {
  color: #b5b5b5 !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-eyebrow {
  color: #fff !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 button,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 input,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 select,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 textarea,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-link-button {
  border-color: #3d3d3d !important;
  background: #171717 !important;
  color: #f7f7f7 !important;
  box-shadow: none !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 button:hover,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-link-button:hover {
  border-color: #8a8a8a !important;
  background: #222 !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 button.primary,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-tabs button.active {
  border-color: #fff !important;
  background: #f5f5f5 !important;
  color: #080808 !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-tabs {
  gap: 7px;
  padding: 7px;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-table th,
body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-table td {
  border-bottom-color: #303030 !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-table th {
  color: #aaa !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-quick-grid button {
  border-color: #383838 !important;
  background: #151515 !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-quick-grid button b {
  color: #fff !important;
}

body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 :focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 2px;
}

@media (max-width: 700px) {
  body.owner-mode[data-owner-page="chatter"] #owner-suite-v3 .os-head {
    padding: 22px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.owner-mode[data-owner-page="chatter"] * {
    transition: none !important;
    animation: none !important;
  }
}