.rd-efficiency-retrospective-page {
  --rer-ink: #263238;
  --rer-blue: #2f5d7c;
  --rer-blue-deep: #203f56;
  --rer-orange: #d7792b;
  --rer-red: #b44a3c;
  --rer-paper: #f5f7f8;
  --rer-line: #bdccd3;
  --rer-muted: #71838c;
  --rer-green: #32815f;
  min-width: 1120px;
  min-height: 100vh;
  padding: 24px 28px 22px;
  color: var(--rer-ink);
  background: var(--rer-paper);
  font-family: "Microsoft YaHei", "Noto Sans SC", sans-serif;
  font-size: 14px;
}

.rd-efficiency-retrospective-page *,
.rd-efficiency-retrospective-page *::before,
.rd-efficiency-retrospective-page *::after {
  box-sizing: border-box;
}
.rd-efficiency-retrospective-page button,
.rd-efficiency-retrospective-page input,
.rd-efficiency-retrospective-page select,
.rd-efficiency-retrospective-page textarea {
  font: inherit;
}
.rd-efficiency-retrospective-page button {
  cursor: pointer;
}

.rer-page-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 0 4px 16px;
  border-bottom: 1px solid var(--rer-line);
}
.rer-title-block p {
  margin: 0 0 8px;
  color: var(--rer-muted);
  font-size: 14px;
}
.rer-title-block h1 {
  margin: 0;
  color: #172e40;
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: 0;
}
.rer-title-block > span {
  display: block;
  margin-top: 9px;
  color: #687c86;
  font-size: 14px;
}
.rer-head-actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}

.rer-btn {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid #aebfc7;
  border-radius: 8px;
  color: #3c5968;
  background: #fff;
  font-weight: 700;
  white-space: nowrap;
}
.rer-btn:hover {
  border-color: var(--rer-blue);
  color: var(--rer-blue);
  background: #f1f8fb;
}
.rer-btn-primary {
  border-color: var(--rer-blue);
  color: #fff;
  background: var(--rer-blue);
}
.rer-btn-primary:hover {
  border-color: var(--rer-blue-deep);
  color: #fff;
  background: var(--rer-blue-deep);
}

.rer-filterbar {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid var(--rer-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(38, 50, 56, 0.04);
}
.rer-filter-title {
  display: grid;
  gap: 4px;
  min-width: 118px;
  padding-bottom: 4px;
}
.rer-filter-title b {
  color: #425d6b;
}
.rer-filter-title small {
  color: #8a999f;
  font-size: 14px;
}
.rer-filterbar label {
  display: grid;
  gap: 5px;
  color: #657984;
  font-size: 14px;
  font-weight: 700;
}
.rer-filterbar input,
.rer-filterbar select {
  height: 35px;
  min-width: 132px;
  padding: 0 10px;
  border: 1px solid #becdd4;
  border-radius: 7px;
  outline: none;
  color: var(--rer-ink);
  background: #fff;
}
.rer-filterbar input:focus,
.rer-filterbar select:focus,
.rer-form input:focus,
.rer-form select:focus,
.rer-form textarea:focus {
  border-color: var(--rer-blue);
  box-shadow: 0 0 0 2px rgba(47, 93, 124, 0.12);
}
.rer-date-range {
  display: flex !important;
  align-items: center;
  gap: 7px;
}
.rer-date-range input {
  min-width: 136px;
}
.rer-date-range i {
  color: #81919a;
  font-style: normal;
}
.rer-vs {
  align-self: center;
  margin: 0 1px 4px;
  color: var(--rer-blue);
  font-weight: 800;
}

.rer-overview-grid {
  display: grid;
  grid-template-columns: minmax(700px, 1fr) 360px;
  gap: 14px;
  margin-top: 14px;
  align-items: start;
}
.rer-cycle-main {
  min-width: 0;
  display: grid;
  gap: 14px;
}
.rer-cycle-panel,
.rer-side-panel,
.rer-action-band,
.rer-record-panel {
  border: 1px solid var(--rer-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(38, 50, 56, 0.05);
}
.rer-cycle-panel {
  overflow: hidden;
  background-image:
    linear-gradient(rgba(47, 93, 124, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(47, 93, 124, 0.045) 1px, transparent 1px);
  background-size: 24px 24px;
}
.rer-panel-heading,
.rer-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 56px;
  padding: 0 17px;
  border-bottom: 1px solid #d8e3e7;
  background: rgba(255, 255, 255, 0.93);
}
.rer-panel-heading > div,
.rer-section-heading > div {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.rer-panel-heading h2,
.rer-section-heading h2 {
  margin: 0;
  color: #263f4e;
  font-size: 17px;
}
.rer-panel-heading small {
  color: #788b94;
  font-size: 14px;
  font-weight: 400;
}
.rer-panel-mark {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid #8eacba;
  border-radius: 5px;
  color: var(--rer-blue);
  background: #f0f7fa;
  font-size: 14px;
}
.rer-legend {
  display: flex;
  gap: 14px;
  color: #71838d;
  font-size: 14px;
  white-space: nowrap;
}
.rer-legend span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.rer-legend i {
  width: 12px;
  height: 8px;
  display: inline-block;
}
.legend-actual {
  background: var(--rer-blue);
}
.legend-plan {
  border: 1px solid var(--rer-blue);
  background: repeating-linear-gradient(
    135deg,
    transparent 0 3px,
    #a8bdc9 3px 4px
  );
}
.legend-risk {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50%;
  background: var(--rer-red);
}

.rer-stage-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(92px, 1fr));
  border-bottom: 1px solid #cbd9df;
}
.rer-stage-card {
  position: relative;
  min-width: 0;
  min-height: 180px;
  padding: 15px 10px 12px;
  border: 0;
  border-right: 1px solid #d4e0e5;
  color: var(--rer-ink);
  background: rgba(255, 255, 255, 0.85);
  text-align: center;
}
.rer-stage-card:last-child {
  border-right: 0;
}
.rer-stage-card:hover,
.rer-stage-card.selected {
  background: #f4f9fb;
  box-shadow: inset 0 -3px 0 var(--rer-blue);
}
.rer-stage-card.stage-watch.selected {
  box-shadow: inset 0 -3px 0 var(--rer-orange);
}
.rer-stage-card.stage-risk.selected {
  box-shadow: inset 0 -3px 0 var(--rer-red);
}
.rer-stage-number {
  color: #7b909b;
  font-size: 14px;
  font-weight: 800;
  text-align: left;
}
.rer-stage-card h3 {
  margin: 8px 0 7px;
  font-size: 14px;
}
.rer-stage-icon {
  display: block;
  color: var(--rer-blue);
  font-size: 23px;
  line-height: 1;
}
.rer-stage-card small {
  display: block;
  min-height: 29px;
  margin-top: 7px;
  color: #73858e;
  font-size: 14px;
  line-height: 1.4;
}
.rer-stage-stat {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: baseline;
  margin-top: 8px;
  color: #7b8c95;
  font-size: 14px;
}
.rer-stage-stat b {
  color: #2d4d60;
  font-size: 18px;
}
.rer-stage-rate {
  margin-top: 6px;
  color: #7c8d95;
  font-size: 14px;
}
.rer-stage-rate strong {
  margin-left: 4px;
  color: var(--rer-blue);
  font-size: 14px;
}
.rer-stage-card.stage-watch .rer-stage-rate strong {
  color: var(--rer-orange);
}
.rer-stage-card.stage-risk .rer-stage-rate strong {
  color: var(--rer-red);
}
.rer-state {
  display: inline-block;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}
.state-done {
  color: var(--rer-green);
  background: #eaf6ee;
}
.state-active {
  color: #a15e1e;
  background: #fff2df;
}
.state-risk {
  color: var(--rer-red);
  background: #ffefed;
}
.state-pending {
  color: #71838c;
  background: #eef2f4;
}
.state-waiting {
  color: #8f6725;
  background: #fff6e6;
}
.rer-stage-card .rer-state {
  position: absolute;
  right: 9px;
  top: 12px;
  padding: 0;
  color: transparent;
  background: transparent;
  font-size: 0;
}
.rer-stage-card.stage-good .rer-state::before {
  color: var(--rer-green);
  content: "●";
  font-size: 14px;
}
.rer-stage-card.stage-watch .rer-state::before {
  color: var(--rer-orange);
  content: "●";
  font-size: 14px;
}
.rer-stage-card.stage-risk .rer-state::before {
  color: var(--rer-red);
  content: "●";
  font-size: 14px;
}

.rer-chart-wrap {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  min-height: 300px;
  padding: 16px 17px 4px;
}
.rer-chart-y {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 7px 4px 31px 0;
  color: #82939b;
  font-size: 14px;
  text-align: right;
}
.rer-chart {
  position: relative;
  min-width: 0;
  height: 275px;
}
.rer-grid-lines {
  position: absolute;
  inset: 8px 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rer-grid-lines i {
  display: block;
  border-top: 1px dashed #d3dfe4;
}
.rer-bars {
  position: absolute;
  inset: 8px 0 40px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  align-items: end;
}
.rer-bar-column {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 0 8px;
  border: 0;
  background: transparent;
}
.rer-bar-column:hover .rer-bar-stack,
.rer-bar-column.selected .rer-bar-stack {
  filter: brightness(0.96);
  box-shadow: 0 0 0 2px rgba(47, 93, 124, 0.18);
}
.rer-bar-value {
  min-height: 16px;
  color: #345b73;
  font-size: 14px;
  font-weight: 800;
}
.rer-bar-stack {
  display: flex;
  align-items: stretch;
  flex-direction: column-reverse;
  width: min(44px, 65%);
  height: 170px;
  border: 1px solid #597e95;
  background: repeating-linear-gradient(135deg, #fff 0 4px, #c8d7de 4px 5px);
  overflow: hidden;
}
.rer-bar-stack i {
  display: block;
  width: 100%;
  background: var(--rer-blue);
}
.rer-bar-stack b {
  display: block;
  width: 100%;
  background: transparent;
}
.rer-bar-column small {
  margin-top: 7px;
  color: #738791;
  font-size: 14px;
}
.rer-trend-svg {
  position: absolute;
  inset: 8px 0 40px;
  width: 100%;
  height: 190px;
  pointer-events: none;
  overflow: visible;
}
.rer-trend-svg polyline {
  fill: none;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-width: 2.5;
}
.rer-trend-svg .actual-line {
  stroke: var(--rer-orange);
}
.rer-trend-svg .compare-line {
  stroke: #7894a3;
  stroke-dasharray: 5 5;
  stroke-width: 1.5;
}
.rer-trend-svg .actual-point {
  fill: var(--rer-orange);
  stroke: #fff;
  stroke-width: 2;
}
.rer-trend-svg .actual-point.active {
  r: 7;
  fill: var(--rer-red);
}
.rer-chart-labels {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  text-align: center;
}
.rer-chart-labels span {
  overflow: hidden;
  color: #596f7b;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rer-timeline-ruler {
  display: flex;
  align-items: center;
  gap: 0;
  min-height: 38px;
  margin: 0 17px;
  border-top: 1px solid #a7bdc8;
  color: #71838c;
  font-size: 14px;
}
.rer-timeline-ruler span {
  min-width: 45px;
}
.rer-timeline-ruler span:last-child {
  text-align: right;
}
.rer-timeline-ruler i {
  position: relative;
  flex: 1;
  height: 9px;
  border-left: 1px solid #a7bdc8;
  font-style: normal;
}
.rer-timeline-ruler i:last-of-type {
  border-right: 1px solid #a7bdc8;
}
.rer-timeline-ruler i b {
  position: absolute;
  top: 10px;
  left: -8px;
  color: #8798a0;
  font-size: 14px;
  font-weight: 400;
}
.rer-version-meta {
  display: flex;
  gap: 0;
  flex-wrap: wrap;
  margin: 0 17px;
  border: 1px solid #b9cbd3;
  background: rgba(255, 255, 255, 0.87);
}
.rer-version-meta span {
  flex: 1 1 30%;
  min-height: 32px;
  padding: 8px 9px;
  border-right: 1px solid #d1dfe4;
  color: #667b86;
  font-size: 14px;
}
.rer-version-meta span:nth-child(3n) {
  border-right: 0;
}
.rer-version-meta b {
  color: #425d6d;
}
.rer-evidence {
  margin: 14px 17px 16px;
  padding: 12px 13px;
  border: 1px solid #c7d6dc;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
}
.rer-evidence > div:first-child {
  display: flex;
  align-items: center;
  gap: 7px;
}
.rer-evidence h3 {
  margin: 0;
  font-size: 14px;
}
.rer-evidence small {
  color: #83939a;
  font-size: 14px;
}
.rer-evidence-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 12px;
}
.rer-evidence-grid > div {
  padding: 9px 8px;
  background: #f5f8f9;
}
.rer-evidence-grid span,
.rer-evidence-grid b,
.rer-evidence-grid small {
  display: block;
}
.rer-evidence-grid span {
  color: #738791;
  font-size: 14px;
}
.rer-evidence-grid b {
  margin: 5px 0 4px;
  color: #2d4e60;
  font-size: 18px;
}
.rer-evidence-grid b.watch {
  color: var(--rer-orange);
}
.rer-evidence-grid b.risk {
  color: var(--rer-red);
}
.rer-evidence-grid b.good {
  color: var(--rer-green);
}
.rer-evidence > p {
  margin: 11px 0 0;
  color: #596f7a;
  font-size: 14px;
  line-height: 1.65;
}

.rer-sidebar {
  display: grid;
  gap: 14px;
}
.rer-side-panel {
  overflow: hidden;
}
.rer-panel-heading .rer-refresh {
  color: #8a989e;
  font-size: 14px;
  white-space: nowrap;
}
.rer-conclusion-body {
  padding: 15px 16px 16px;
}
.rer-conclusion-top {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.rer-conclusion-top span {
  color: #6e818b;
  font-size: 14px;
}
.rer-conclusion-top strong {
  color: var(--rer-blue);
  font-size: 28px;
}
.rer-risk-badge {
  margin-left: auto;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
.risk-high {
  color: #fff;
  background: var(--rer-red);
}
.risk-medium {
  color: #9b5d1a;
  background: #fff1db;
}
.risk-low {
  color: var(--rer-green);
  background: #eaf6ee;
}
.rer-conclusion-body > p {
  margin: 11px 0;
  color: #506773;
  font-size: 14px;
  line-height: 1.8;
}
.rer-conclusion-body ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0 0 0 17px;
  color: #516a76;
  font-size: 14px;
  line-height: 1.5;
}
.rer-conclusion-body li::marker {
  color: var(--rer-orange);
}
.rer-conclusion-body li {
  display: list-item;
}
.rer-conclusion-body li b {
  margin-right: 6px;
  color: #2f566c;
}
.rer-recommendation {
  display: grid;
  gap: 3px;
  margin-top: 13px;
  padding: 10px;
  border-left: 3px solid var(--rer-orange);
  background: #fff7ec;
  color: #7b5b2b;
  font-size: 14px;
  line-height: 1.55;
}
.rer-recommendation b {
  color: #a26020;
}
.rer-link-btn {
  padding: 0;
  border: 0;
  color: var(--rer-blue);
  background: transparent;
  font-size: 14px;
  font-weight: 700;
}
.rer-link-btn:hover {
  color: var(--rer-orange);
  text-decoration: underline;
}
.rer-conclusion-body > .rer-link-btn {
  margin-top: 12px;
}
.rer-improvement-list {
  display: grid;
}
.rer-improvement-item {
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr) 13px;
  gap: 9px;
  align-items: start;
  width: 100%;
  min-height: 77px;
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid #e4ebee;
  color: var(--rer-ink);
  background: #fff;
  text-align: left;
}
.rer-improvement-item:hover {
  background: #f6fafb;
}
.rer-improvement-item > div {
  min-width: 0;
}
.rer-improvement-item strong,
.rer-improvement-item span,
.rer-improvement-item small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rer-improvement-item strong {
  color: #304d5d;
  font-size: 14px;
}
.rer-improvement-item span {
  margin-top: 5px;
  color: #71848d;
  font-size: 14px;
}
.rer-improvement-item small {
  margin-top: 4px;
  color: #8a989e;
  font-size: 14px;
}
.rer-improvement-item em {
  color: #8b9aa0;
  font-size: 18px;
  font-style: normal;
}
.rer-improvement-level {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
.level-active {
  background: var(--rer-orange);
}
.level-pending {
  background: #8ca1ac;
}
.level-done {
  background: var(--rer-green);
}
.rer-outline-btn {
  width: calc(100% - 28px);
  min-height: 32px;
  margin: 11px 14px 13px;
  border: 1px solid #b6c9d1;
  border-radius: 7px;
  color: var(--rer-blue);
  background: #fff;
  font-size: 14px;
  font-weight: 700;
}
.rer-outline-btn:hover {
  border-color: var(--rer-blue);
  background: #f1f8fb;
}
.rer-role-list {
  padding: 5px 14px 10px;
}
.rer-role-list button {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 9px;
  width: 100%;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid #e7edef;
  color: #506a76;
  background: transparent;
  text-align: left;
}
.rer-role-list button:last-child {
  border-bottom: 0;
}
.rer-role-list button:hover {
  color: var(--rer-blue);
}
.rer-role-list span {
  grid-column: 1;
  color: #6d828c;
  font-size: 14px;
}
.rer-role-list b {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: #304f60;
  font-size: 14px;
}
.rer-role-list small {
  grid-column: 1;
  color: #8a989e;
  font-size: 14px;
}
.rer-role-list em {
  display: none;
}

.rer-action-band {
  overflow: hidden;
}
.rer-section-heading {
  min-height: 64px;
}
.rer-section-heading h2 {
  font-size: 16px;
}
.rer-section-heading p {
  margin: 4px 0 0;
  color: #85949b;
  font-size: 14px;
}
.rer-action-table {
  overflow-x: auto;
  padding: 0 12px 10px;
}
.rer-table-head,
.rer-table-row {
  display: grid;
  grid-template-columns: 42px minmax(220px, 1.8fr) 90px minmax(
      150px,
      1.2fr
    ) 58px 90px 68px 108px;
  gap: 9px;
  align-items: center;
  min-width: 890px;
}
.rer-table-head {
  min-height: 38px;
  border-bottom: 1px solid var(--rer-blue);
  border-top: 2px solid var(--rer-ink);
  color: #71858f;
  font-size: 14px;
  font-weight: 700;
}
.rer-table-row {
  min-height: 46px;
  border-bottom: 1px solid #e2eaed;
  color: #526b76;
  font-size: 14px;
}
.rer-table-row:nth-child(even) {
  background: #f8fafb;
}
.rer-table-row > b {
  padding-left: 8px;
  border-left: 4px solid var(--rer-blue);
  color: #3b657b;
}
.rer-table-row strong {
  color: #385362;
  font-size: 14px;
}
.rer-table-row time {
  color: #647c86;
}
.rer-row-actions {
  display: flex;
  gap: 5px;
}
.rer-row-actions button {
  padding: 3px 7px;
  border: 1px solid #abc1cb;
  border-radius: 5px;
  color: var(--rer-blue);
  background: #fff;
  font-size: 14px;
}
.rer-row-actions button:hover {
  border-color: var(--rer-orange);
  color: var(--rer-orange);
}

.rer-record-panel {
  margin-top: 14px;
  overflow: hidden;
}
.rer-record-panel .rer-section-heading label {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #71858f;
  font-size: 14px;
}
.rer-record-panel select {
  height: 30px;
  padding: 0 8px;
  border: 1px solid #bdcdd4;
  border-radius: 6px;
  color: var(--rer-ink);
  background: #fff;
  font-size: 14px;
}
.rer-record-list {
  max-height: 240px;
  overflow-y: auto;
  padding: 4px 15px 8px;
  scrollbar-gutter: stable;
}
.rer-record-list article {
  display: grid;
  grid-template-columns: 125px 70px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-height: 43px;
  padding: 10px 4px;
  border-bottom: 1px solid #e5ecef;
}
.rer-record-list article:last-child {
  border-bottom: 0;
}
.rer-record-list time {
  color: #758891;
  font-size: 14px;
}
.rer-log-type {
  display: inline-block;
  width: max-content;
  padding: 3px 6px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
}
.type-review {
  background: var(--rer-blue);
}
.type-metric {
  background: #668596;
}
.type-action {
  background: var(--rer-orange);
}
.type-archive {
  background: var(--rer-green);
}
.rer-record-list b {
  color: #466473;
  font-size: 14px;
}
.rer-record-list p {
  margin: 3px 0 0;
  color: #5f747d;
  font-size: 14px;
  line-height: 1.5;
}
.rer-empty {
  margin: 0;
  padding: 25px;
  color: #89999f;
  text-align: center;
}
.rer-page-foot {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 10px;
  padding: 0 4px;
  color: #80919a;
  font-size: 14px;
}

.rer-modal-layer {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(34, 51, 60, 0.42);
}
.rer-modal {
  width: min(680px, calc(100vw - 48px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  border: 1px solid #afc0c8;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(28, 47, 57, 0.3);
}
.rer-modal header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 18px 22px 14px;
  border-bottom: 1px solid #dbe5e8;
}
.rer-modal header span {
  display: block;
  color: #798c95;
  font-size: 14px;
}
.rer-modal header h2 {
  margin: 3px 0 0;
  color: #293f4c;
  font-size: 19px;
}
.rer-modal header button {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border: 0;
  border-radius: 8px;
  color: #5b727f;
  background: #edf3f5;
  font-size: 22px;
}
.rer-modal-body {
  padding: 20px 22px;
}
.rer-modal footer {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding: 13px 22px;
  border-top: 1px solid #dbe5e8;
}
.rer-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.rer-field {
  display: grid;
  gap: 6px;
  color: #526b76;
  font-size: 14px;
  font-weight: 700;
}
.rer-field.full {
  grid-column: 1 / -1;
}
.rer-form input,
.rer-form select,
.rer-form textarea {
  width: 100%;
  min-height: 39px;
  padding: 8px 10px;
  border: 1px solid #c0d0d6;
  border-radius: 7px;
  outline: 0;
  color: var(--rer-ink);
  background: #fff;
  font-size: 14px;
}
.rer-form input:disabled {
  color: #7c8d94;
  background: #f2f6f7;
}
.rer-form textarea {
  min-height: 84px;
  resize: vertical;
  line-height: 1.6;
}
.rer-form-error {
  grid-column: 1 / -1;
  min-height: 18px;
  margin: 0;
  color: var(--rer-red);
  font-size: 14px;
  font-weight: 700;
}
.rer-info {
  color: #506975;
  font-size: 14px;
  line-height: 1.8;
}
.rer-info p {
  margin: 0;
}
.rer-detail-grid {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  margin: 0;
}
.rer-detail-grid dt,
.rer-detail-grid dd {
  margin: 0;
  padding: 9px 0;
  border-bottom: 1px solid #e5ecef;
}
.rer-detail-grid dt {
  color: #7b8c94;
}
.rer-detail-grid dd {
  color: #425e6b;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.rer-mini-table {
  display: grid;
}
.rer-mini-table > div {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr) 60px 90px;
  gap: 8px;
  align-items: center;
  min-height: 39px;
  border-bottom: 1px solid #e5ecef;
  font-size: 14px;
}
.rer-mini-table b {
  color: var(--rer-blue);
}
.rer-mini-table span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rer-mini-table time {
  color: #758891;
}

@media (max-width: 1580px) {
  .rd-efficiency-retrospective-page {
    min-width: 1000px;
    padding-inline: 18px;
  }
  .rer-overview-grid {
    grid-template-columns: minmax(640px, 1fr) 330px;
  }
  .rer-stage-card {
    min-height: 174px;
    padding-inline: 7px;
  }
  .rer-panel-heading {
    padding-inline: 13px;
  }
  .rer-legend {
    gap: 8px;
  }
}
@media (max-width: 1260px) {
  .rer-overview-grid {
    display: block;
  }
  .rer-sidebar {
    grid-template-columns: 1fr 1fr;
    margin-top: 14px;
  }
  .rer-conclusion {
    grid-column: 1 / -1;
  }
  .rer-stage-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .rer-stage-card:nth-child(3) {
    border-right: 0;
  }
  .rer-stage-card:nth-child(n + 4) {
    border-top: 1px solid #d4e0e5;
  }
}
@media (max-width: 1120px) {
  .rd-efficiency-retrospective-page {
    min-width: 960px;
  }
  .rer-page-header {
    display: block;
  }
  .rer-head-actions {
    margin-top: 14px;
  }
  .rer-filterbar {
    align-items: flex-end;
  }
  .rer-sidebar {
    grid-template-columns: 1fr;
  }
  .rer-conclusion {
    grid-column: auto;
  }
}