/* ============================================================
   Octane Agentic Platform — 2026-10-13: IT (fifth department)
   Loaded AFTER octane-platform-20261010.css on the Platform page
   and the IT page. Same tokens, same brand rules.
   ============================================================ */

/* IT page: five support levels (L0–L4) */
.oc-pipe--5 { grid-template-columns: repeat(5, 1fr); }
.oc-pipe--5 .oc-pipe__step { padding: 22px 22px 24px; }
.oc-pipe--5 .oc-pipe__step p { font-size: 14.5px; }
.oc-portal__ctas .oc-btn { white-space: nowrap; }

/* Platform: KPI band with five departments */
.oc-kpiband__grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.oc-kpiband__grid--5 .oc-kpicol { padding: 18px 18px 6px; }
.oc-kpiband__grid--5 .oc-kpi3 b { font-size: 31px; }
.oc-kpiband__grid--5 .oc-kpi3 span { font-size: 14px; }
.oc-kpiband__grid--5 .oc-kpicol__head { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 5px; }
.oc-kpiband__grid--5 .oc-kpicol__head .oc-label { white-space: nowrap; letter-spacing: .1em; }
.oc-kpiband__grid--5 .oc-kpicol__head a { font-size: 13px; white-space: nowrap; }

/* Platform: control plane with five departments (11 inputs/outputs, 5 lanes) */
.oc-cp--5 .oc-cp__row, .oc-cp--5 .oc-cp__wires { grid-template-columns: repeat(11, 1fr); gap: 8px; }
.oc-cp--5 .oc-cp__node { padding: 7px 5px; }
.oc-cp--5 .oc-cp__node b { font-size: 13.5px; }
.oc-cp--5 .oc-cp__node small { font-size: 11.5px; }
.oc-cp--5 .oc-cp__lanes { grid-template-columns: repeat(6, 1fr); }
.oc-cp--5 .oc-cp__lane[data-d="fin"] { grid-column: span 3; }
.oc-cp--5 .oc-cp__lane[data-d="proc"] { grid-column: span 1; }
.oc-cp--5 .oc-cp__lane[data-d="hr"] { grid-column: span 2; }
.oc-cp--5 .oc-cp__lane[data-d="lend"] { grid-column: span 3; }
.oc-cp--5 .oc-cp__lane[data-d="it"] { grid-column: span 3; }
.oc-cp[data-show="it"] [data-d]:not([data-d~="it"]) { opacity: .18; }
.oc-cp[data-show="it"] :is(.oc-cp__node, .oc-cp__lane)[data-d~="it"] { border-color: #000; }
html[data-theme="dark"] .oc-cp[data-show="it"] :is(.oc-cp__node, .oc-cp__lane)[data-d~="it"] { border-color: #fff; }

/* Platform: five department cards, 2 on top, 3 below */
.oc-depts--5 { grid-template-columns: repeat(6, 1fr); }
.oc-depts--5 .oc-dept { grid-column: span 2; padding: 30px; min-height: 250px; }
.oc-depts--5 .oc-dept:nth-child(-n+2) { grid-column: span 3; padding: 32px; }
.oc-depts--5 .oc-dept h3 { max-width: 88%; }
.oc-depts--5 .oc-dept p { font-size: 16px; }

@media (max-width: 1100px) {
  .oc-pipe--5 { grid-template-columns: repeat(3, 1fr); }
  .oc-kpiband__grid--5 { grid-template-columns: repeat(3, 1fr); }
  .oc-cp--5 .oc-cp__row, .oc-cp--5 .oc-cp__wires { grid-template-columns: repeat(5, 1fr); }
  .oc-cp--5 .oc-cp__lanes { grid-template-columns: 1fr 1fr; }
  .oc-cp--5 .oc-cp__lane[data-d] { grid-column: auto; }
  .oc-depts--5 { grid-template-columns: 1fr 1fr; }
  .oc-depts--5 .oc-dept, .oc-depts--5 .oc-dept:nth-child(-n+2) { grid-column: auto; }
}
@media (max-width: 760px) {
  .oc-pipe--5, .oc-kpiband__grid--5, .oc-cp--5 .oc-cp__lanes, .oc-depts--5 { grid-template-columns: 1fr; }
  .oc-cp--5 .oc-cp__row, .oc-cp--5 .oc-cp__wires { grid-template-columns: repeat(2, 1fr); }
}