/* MIRAM Operators v2 — fit / not-fit contrast.
   Operators keeps Titanium as its only directional accent. The comparison uses
   structure and a cool tonal shift rather than success/error colors or card UI. */

body.op-page .operators-v2 .operators-v2-fit-column:first-child {
  background: transparent;
  border-left: 0;
  box-shadow: none;
}

body.op-page .operators-v2 .operators-v2-fit-column:first-child::before {
  background: rgba(96, 105, 117, 0.58);
}

body.op-page .operators-v2 .operators-v2-fit-column:first-child .operators-v2-fit-mark {
  color: #606975;
}

body.op-page .operators-v2 .operators-v2-fit-column-muted {
  background: rgba(142, 150, 163, 0.045);
  border-left-color: rgba(102, 112, 125, 0.2);
  box-shadow: none;
}

body.op-page .operators-v2 .operators-v2-fit-column-muted::before {
  background: rgba(96, 105, 117, 0.74);
}

body.op-page .operators-v2 .operators-v2-fit-column-muted .operators-v2-fit-mark {
  color: #606975;
}

body.op-page .operators-v2 .operators-v2-fit-column:first-child h3,
body.op-page .operators-v2 .operators-v2-fit-column-muted h3 {
  color: #202328;
}

body.op-page .operators-v2 .operators-v2-fit-column:first-child li {
  color: #565b61;
  border-top-color: rgba(32, 35, 40, 0.12);
}

body.op-page .operators-v2 .operators-v2-fit-column-muted li {
  color: #535a63;
  border-top-color: rgba(32, 35, 40, 0.135);
}

@media (max-width: 720px) {
  body.op-page .operators-v2 .operators-v2-fit-grid {
    gap: 24px;
  }

  body.op-page .operators-v2 .operators-v2-fit-column:first-child,
  body.op-page .operators-v2 .operators-v2-fit-column:first-child:first-child {
    padding-top: 30px;
    background: transparent;
    border-top: 1px solid rgba(32, 35, 40, 0.13);
    border-right: 0;
    border-bottom: 1px solid rgba(32, 35, 40, 0.13);
    border-left: 0;
    box-shadow: none;
  }

  body.op-page .operators-v2 .operators-v2-fit-column:first-child::before {
    top: -1px;
    left: 0;
    width: 46px;
    height: 2px;
    background: #606975;
  }

  body.op-page .operators-v2 .operators-v2-fit-column-muted,
  body.op-page .operators-v2 .operators-v2-fit-column-muted:last-child {
    margin-top: 0;
    padding-top: 30px;
    background: rgba(142, 150, 163, 0.055);
    border-top: 1px solid rgba(102, 112, 125, 0.2);
    border-right: 0;
    border-bottom: 1px solid rgba(102, 112, 125, 0.14);
    border-left: 0;
    box-shadow: none;
  }

  body.op-page .operators-v2 .operators-v2-fit-column-muted::before {
    top: -1px;
    left: 16px;
    width: 46px;
    height: 2px;
    background: #606975;
  }

  body.op-page .operators-v2 .operators-v2-fit-column:first-child li {
    color: #54585d;
    border-top-color: rgba(32, 35, 40, 0.13);
  }

  body.op-page .operators-v2 .operators-v2-fit-column-muted li {
    color: #505861;
    border-top-color: rgba(32, 35, 40, 0.14);
  }
}