/* PC 층: public/shared/user-case.css 위에 얹는 넓은 화면 배치
 * 입력은 위쪽 한 장의 양식(제목 칸 | 값 칸 | 확인), 결과는 그 아래 장부. 결과 없음은 왼쪽 안내 · 오른쪽 같은 법원 물건. */
.pc-main {
  --pc-main-width: 1200px;
}

.case-intro {
  margin-top: 0;
}

.case-form {
  display: grid;
  grid-template-columns: 72px minmax(0, 440px) 180px;
  justify-content: start;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-5);
  border-radius: var(--radius-box);
  background: var(--color-bg-surface);
}

.case-label {
  margin: 0;
}

.case-chips,
.case-other {
  grid-column: 2 / -1;
}

.case-other {
  margin: 0;
}

.case-no {
  grid-column: 2;
}

.case-submit {
  grid-column: 3;
  margin: 0;
}

.case-result {
  margin-top: var(--space-4);
}

/* ---------- 결과 없음 ---------- */
.case--none {
  max-width: 480px;
  margin: 0 auto;
}

.case--none:has(.case-near) {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  grid-template-rows: auto auto auto 1fr;
  column-gap: var(--space-6);
  align-items: start;
  max-width: none;
}

.case--none:has(.case-near) > * {
  grid-column: 1;
}

.case--none > .case-near {
  grid-column: 2;
  grid-row: 1 / -1;
}