/* Minor-change right rail: mirror the redesign page with one unified role/action card. */
.minor-split-side {
  row-gap: 16px !important;
  gap: 16px !important;
}

/* The role is merged into the action card by minor-side-panel.js. Hide the old
   standalone card immediately so there is no two-card flash. */
.minor-split-side > .minor-side-role-card {
  display: none !important;
}

.minor-split-side > .minor-side-action-card {
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--line, #dfe6f0) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden;
}

/* Department / active role label: same hierarchy as the redesign action panel. */
.minor-split-side > .minor-side-action-card > .minor-side-role-kicker {
  margin: 0 0 5px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--muted, #68788f) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  text-transform: none !important;
}

.minor-side-action-title {
  margin: 0 0 16px;
  padding: 0 0 14px;
  border-bottom: 1px solid #e6ebf3;
  color: #193f88;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 760;
}

.minor-split-side > .minor-side-action-card > .minor-side-action-body {
  margin: 0;
}

/* Keep the empty-state message visually identical to the redesign action notice. */
.minor-split-side .minor-side-note {
  padding: 12px 14px;
  border: 1px solid #d7e2f4;
  border-radius: 10px;
  background: #eef3ff;
  color: #31539f;
}

@media (max-width: 1280px) {
  .minor-split-side {
    row-gap: 16px !important;
    gap: 16px !important;
  }
}