/* ============================================================
   Octane Agentic Platform: 2026-11-05: Customer Service (ninth department)
   Loaded AFTER octane-platform-20261101.css on the Platform page, the
   Customer Service page and Explore Agents. Same tokens, same brand rules.
   ============================================================ */

/* Platform: the KPI band stays 4 + 4: eight departments have a results column (Legal has none) */
/* Platform: control plane with nine departments (16 inputs and outputs; Health and Property share a lane row, Customer service has its own) */
@media (min-width: 1101px) {
  .oc-cp--9 .oc-cp__row, .oc-cp--9 .oc-cp__wires { grid-template-columns: repeat(16, 1fr); gap: 5px; }
  .oc-cp--9 .oc-cp__lane[data-d="health"], .oc-cp--9 .oc-cp__lane[data-d="assets"] { grid-column: span 3; }
  .oc-cp--9 .oc-cp__lane[data-d="service"] { grid-column: 1 / -1; }
}
.oc-cp[data-show="service"] [data-d]:not([data-d~="service"]) { opacity: .18; }
.oc-cp[data-show="service"] :is(.oc-cp__node, .oc-cp__lane)[data-d~="service"] { border-color: #000; }
html[data-theme="dark"] .oc-cp[data-show="service"] :is(.oc-cp__node, .oc-cp__lane)[data-d~="service"] { border-color: #fff; }

/* Platform: nine department cards, 3 + 3 + 3 */
.oc-depts--9 .oc-dept, .oc-depts--9 .oc-dept:nth-child(n+5) { grid-column: span 4; }
@media (max-width: 1100px) {
  .oc-depts--9 .oc-dept, .oc-depts--9 .oc-dept:nth-child(n+5), .oc-depts--9 .oc-dept:last-child { grid-column: auto; }
}