/* 관리 도구 화면(예측·역산·탄소·흙토람·API·계정) — 공용 셸(theme.css) 위에 얹는다.
   메인 셸 안의 뷰이므로 레이아웃·색·컨트롤은 셸과 컴포넌트가 담당하고,
   여기에는 도구 화면 고유 규칙만 둔다. */

/* 2단 레이아웃(입력 | 결과) */
.two-col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 1100px) { .two-col { grid-template-columns: 1fr; } }

/* 콘솔 요청/응답 */
.console-req { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0; }
.console-req input, .console-req select { padding: 9px 11px; }
.console-req input { flex: 1 1 220px; }
.console-resp pre, .md-doc pre {
  background: var(--panel-soft); border: 1px solid var(--line); border-radius: 10px;
  padding: 12px; overflow: auto; font-size: 12px;
}
/* 빠른 호출 — 라우트가 많아 그룹으로 묶는다(어떤 계열의 API인지 한눈에) */
.console-quick { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.quick-group { display: flex; align-items: baseline; gap: 10px; }
.quick-label { flex: none; width: 62px; font-size: 11.5px; font-weight: 700; color: var(--muted);
               text-align: right; }
.quick-row { display: flex; flex-wrap: wrap; gap: 6px; }
@media (max-width: 620px) {
  .quick-group { flex-direction: column; gap: 5px; }
  .quick-label { width: auto; text-align: left; }
}

/* 입력 컨트롤은 공용 컴포넌트(components.css)가 담당한다.
   여기에는 콘솔 폼의 배치 규칙만 둔다. */
.form-group-head {
  grid-column: 1 / -1; font-size: 12px; font-weight: 700; color: var(--brand-strong);
  padding-top: 6px; margin-top: 2px;
}
.preset-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.preset-label { font-size: 12px; color: var(--muted); }
.presets { display: flex; gap: 6px; flex-wrap: wrap; }

/* 프리셋 잠금 상태 — 값이 프리셋과 어긋나지 않게 편집을 막는다 */
.ui-select.locked .ui-select-trigger { background: var(--panel-soft); color: var(--muted); cursor: not-allowed; }

/* 면적 입력 행 — 숫자 + 단위가 한 줄로 */
.area-row { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 120px; gap: 12px; align-items: start; }
@media (max-width: 560px) { .area-row { grid-template-columns: 1fr; } }

/* 계정 관리 — 배치는 안쪽 .ua-row가 맡는다(표 셀을 flex로 만들면 행 높이를 못 채운다) */
.ui-input.sm { padding: 5px 8px; font-size: 12px; width: auto; }
.row-sub { color: var(--muted); font-size: 11.5px; }