/* 요율 화면 — 「시트 | 리스트」 보기 단추 · 한 번에 하나 (798-1 · 805-1) */
.m01-rate {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  min-width: 0;
}

.m01-rate__sheet[hidden],
.m01-rate__rows[hidden],
.m01-rate__zoom[hidden] {
  display: none;
}

.m01-rate__bar {
  flex: none;
}

.m01-rate__title {
  margin-right: auto;
  color: var(--color-text-muted);
  font-size: var(--text-caption);
}

.m01-rate__zoom {
  display: inline-flex;
  gap: var(--spacing-4);
}

/* 시트 보기 = 화면 높이에 맞춤 (리스트와 같이 있지 않으므로 넓게) */
.m01-rate__sheet {
  flex: none;
  height: clamp(320px, 74vh, 900px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

/* 시트에서 「리스트에서 보기」로 온 줄 — 시트 칠(danger)과 같은 색 */
.m01-rate__rows .m01-master__grid tr.is-focus td {
  background: color-mix(in srgb, var(--color-danger) 14%, var(--color-canvas));
}

.m01-rate__rows .m01-master__grid tr.is-focus td:first-child {
  box-shadow: inset 3px 0 var(--color-danger);
}

/* 어두운 화면 — 엑셀 원본 채움(연분홍 · 연파랑 · 연초록)은 밝은 색 그대로라 그 칸 글자만 어둡게 */
.m01-rate__sheet .aislo-cell[style*="background-color"] {
  color: #1f1f1f;
}