.incident-rule .is-orange b,
.recurrence-bar.is-orange > i,
.recurrence-bar.is-orange > span { background: #dfa128; }
.incident-card.is-orange { border-left-color: #dfa128; }
.incident-card.is-orange .management-phase { background: #fff2d8; color: #8a5e08; }

/* Fluxo visual XDS/Academy: três colunas na mesma faixa. */
.kanban {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  overflow: hidden;
}
.kanban-column {
  min-height: 360px;
  border: 1px solid #d7e4ea;
  background: #f7fafb;
}
.kanban-column-header > div { min-width: 0; }
.kanban-column-header span { display: block; color: #193b55; font-size: 13px; }
.kanban-column-header small { display: block; margin-top: 4px; color: #71889a; font-size: 9px; font-weight: 500; text-transform: none; letter-spacing: 0; }
.kanban-column-header > b { color: #fff; background: #dfa128; }
.kanban-column.is-backlog .kanban-column-header > b { background: #dc4d5e; }
.kanban-column.is-done .kanban-column-header > b { background: #28a66a; }
.kanban-card-list {
  max-height: 620px;
  overflow-y: auto;
  padding-right: 3px;
}
.incident-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.incident-card-top > small { margin: 0; color: #607d8c; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.incident-card-top > span { padding: 3px 6px; border-radius: 99px; background: #fff0cf; color: #8a5e08; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.incident-details { margin-top: 9px; border-top: 1px solid #edf1f3; }
.incident-details summary { padding-top: 8px; color: #1682a8; cursor: pointer; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.signature-layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 12px; margin-top: 14px; }
.signature-layout .recurrence-chart { margin: 0; border-radius: 10px; }
.signature-legend { min-width: 0; padding: 14px; border: 1px solid #dce8ed; border-radius: 10px; background: #fff; }
.signature-legend > strong { display: block; padding-bottom: 10px; border-bottom: 1px solid #e7eef2; color: #17324a; font-size: 11px; }
.signature-legend-list { max-height: 210px; overflow-y: auto; }
.signature-legend-list > div { display: grid; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: 6px; padding: 8px 0; border-bottom: 1px solid #edf2f4; }
.signature-legend-list i { display: grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; color: #fff; background: #278eb0; font-size: 8px; font-style: normal; font-weight: 900; }
.signature-legend-list i.is-orange { background: #dfa128; }.signature-legend-list i.is-purple { background: #7557b7; }.signature-legend-list i.is-red { background: #dc4d5e; }
.signature-legend-list span { overflow: hidden; color: #29485a; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.signature-legend-list b { color: #17324a; font-size: 9px; }
.academy-flow-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-top: 14px; padding: 12px 14px; border: 1px solid #dfe8ee; border-radius: 10px 10px 0 0; background: #eef4f7; }
.academy-flow-heading span,.academy-flow-heading strong,.academy-flow-heading small { display: block; }.academy-flow-heading span { color: #278eb0; font-size: 7px; font-weight: 900; letter-spacing: .1em; }.academy-flow-heading strong { margin-top: 3px; color: #17324a; font-size: 13px; }.academy-flow-heading small,.academy-flow-heading em { color: #78909f; font-size: 8px; font-style: normal; }
.academy-flow-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 14px; border: 1px solid #dfe8ee; border-top: 0; background: #f9fbfc; }
.academy-flow-legend strong { margin-right: 3px; color: #617d8c; font-size: 7px; letter-spacing: .08em; }.academy-flow-legend strong:not(:first-child) { margin-left: 14px; }.academy-flow-legend span { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 999px; color: #29485a; background: #eef3f6; font-size: 7px; font-weight: 800; }.academy-flow-legend span:before { width: 7px; height: 7px; border-radius: 50%; background: #9aadb7; content: ""; }.academy-flow-legend .is-blue:before { background: #278eb0; }.academy-flow-legend .is-orange:before { background: #dfa128; }.academy-flow-legend .is-purple:before { background: #7557b7; }.academy-flow-legend .is-red:before { background: #dc4d5e; }.academy-flow-legend .plan-active:before { background: #2aa66f; }.academy-flow-legend .plan-review:before { background: #d87819; }
.academy-flow-legend + .kanban { margin-top: 0; padding: 14px; border: 1px solid #dfe8ee; border-top: 0; border-radius: 0 0 10px 10px; background: #f9fbfc; }
.ops-timeline-row { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 10px; min-width: 0; margin-top: 14px; }
.ops-timeline-chart,.ops-timeline-legend { min-width: 0; padding: 15px; border: 1px solid #dce8ed; border-radius: 11px; background: #fff; }
.ops-timeline-chart > header { margin-bottom: 10px; }.ops-timeline-chart header strong,.ops-timeline-chart header span { display: block; }.ops-timeline-chart header strong { color: #29485a; font-size: 10px; }.ops-timeline-chart header span { margin-top: 2px; color: #78909f; font-size: 7px; }
.ops-time-plot { height: 220px; overflow-x: auto; overflow-y: hidden; border-bottom: 1px solid #dce8ed; background: repeating-linear-gradient(to bottom,#fff 0,#fff 43px,#e7eef2 44px); }
.ops-time-grid { display: grid; grid-template-columns: repeat(var(--time-columns),minmax(46px,1fr)); gap: 12px; align-items: end; height: 205px; min-width: calc(var(--time-columns) * 58px); padding: 14px 10px 0; }
.ops-time-column { position: relative; display: grid; align-items: end; justify-items: center; height: 100%; }.ops-time-column > b { position: absolute; bottom: calc(var(--height) + 28px); color: #29485a; font-size: 8px; }.ops-time-column > div { position: absolute; bottom: 22px; display: flex; flex-direction: column-reverse; width: min(34px,75%); height: var(--height); min-height: 4px; overflow: hidden; border-radius: 6px 6px 2px 2px; background: #278eb0; }.ops-time-column > div i { display: block; width: 100%; height: 100%; background: inherit; }.ops-time-column > span { position: absolute; bottom: 0; color: #607d8c; font-size: 7px; white-space: nowrap; }
.ops-timeline-legend { display: grid; align-content: start; gap: 8px; max-height: 252px; overflow: auto; }.ops-timeline-legend > strong { margin-bottom: 2px; color: #29485a; font-size: 10px; }.ops-timeline-legend > div { display: grid; grid-template-columns: 16px minmax(0,1fr) auto; align-items: center; gap: 7px; padding: 7px 0; border-top: 1px solid #eef3f5; }.ops-timeline-legend span { overflow: hidden; color: #607d8c; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.ops-timeline-legend b { color: #29485a; font-size: 8px; }.ops-timeline-legend small { color: #78909f; font-size: 7px; }
.ops-time-column.is-severity-blue > div,.ops-timeline-legend > div i.is-severity-blue { background: #278eb0; }.ops-time-column.is-severity-yellow > div,.ops-timeline-legend > div i.is-severity-yellow { background: #dfa128; }.ops-time-column.is-severity-red > div,.ops-timeline-legend > div i.is-severity-red { background: #dc4d5e; }.ops-time-column.is-severity-purple > div,.ops-timeline-legend > div i.is-severity-purple { background: #7657b6; }.ops-signature-legend > div i[class*="is-severity-"] { display: grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; color: #fff; font-size: 7px; font-style: normal; font-weight: 900; }
.root-cause {
  margin-top: 10px;
  padding: 9px;
  border-radius: 7px;
  background: #fff7f0;
  color: #4f3c35;
  font-size: 10px;
  line-height: 1.4;
}
.root-cause b { display: block; margin-top: 7px; color: #a73343; text-transform: uppercase; }
.root-cause b:first-child { margin-top: 0; }
.root-cause p { margin: 2px 0 0; }
@media (max-width: 900px) {
  .signature-layout { grid-template-columns: 1fr; }
  .ops-timeline-row { grid-template-columns: 1fr; }
  .ops-timeline-legend { max-height: 180px; }
  .kanban { grid-template-columns: repeat(3, 280px); overflow-x: auto; }
}
