/* =============================================================================
 * M01_EasyCalc_Cond.css — 조건 보고 고치기 창
 * ========================================================================== */

.m01-easycond {
  width: min(760px, calc(100vw - 32px));
}

.m01-easycond__lines {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.m01-easycond__line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 1.6;
}

.m01-easycond__slot {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.m01-easycond__select,
.m01-easycond__num {
  min-height: 36px;
  padding: 4px 8px;
  border: 1px solid var(--color-border, #c9ced6);
  border-radius: 8px;
  background: var(--color-surface, #fff);
  color: inherit;
  font: inherit;
}

.m01-easycond__num {
  width: 7em;
  text-align: right;
}

.m01-easycond__num.is-bad {
  border-color: var(--color-danger, #d64545);
  outline: 2px solid var(--color-danger, #d64545);
}

.m01-easycond__word {
  padding: 4px 8px;
  border-radius: 8px;
  background: var(--color-surface-raised, #eef1f5);
  font-weight: 600;
}

.m01-easycond__chip {
  min-height: 36px;
  padding: 4px 12px;
  border: 1px dashed var(--color-accent, #3a6fd8);
  border-radius: 999px;
  background: transparent;
  color: var(--color-accent, #3a6fd8);
  font: inherit;
  cursor: pointer;
}

.m01-easycond__chip:disabled {
  border-color: var(--color-border, #c9ced6);
  color: inherit;
  cursor: default;
}

.m01-easycond__money {
  margin-top: 16px;
  padding: 12px;
  border-radius: 8px;
  background: var(--color-surface-raised, #eef1f5);
  font-size: 16px;
  font-weight: 600;
}

.m01-easycond__money.is-waiting {
  opacity: 0.5;
}

.m01-easycond__foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.m01-easycond__cannot {
  font-size: 16px;
}