/* core.css : 공통 디자인 토큰 + 기본 컴포넌트 */

:root{
  --bg:#eef3f7;
  --panel:#ffffff;
  --border:#cfd6df;
  --muted:#6b7280;
  --text:#111827;

  --radius:14px;
}

*{ box-sizing:border-box; }

html, body{ height:100%; }

body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  color:var(--text);
  background:var(--bg);
}

/* 링크 */
a{ color:inherit; }

/* 공통 유틸 */
.row{ display:flex; align-items:center; }
.gap8{ gap:8px; }
.muted{ color:var(--muted); }

/* 카드 */
.card{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
}

.cardTitle{
  padding:10px 12px;
  font-size:12px;
  font-weight:700;
  border-bottom:1px solid var(--border);
  background:#f8fafc;
}

.cardBody{
  padding:10px 12px;
}

/* 입력 */
.input, .select{
  height:28px;
  border:1px solid var(--border);
  border-radius:10px;
  padding:0 10px;
  background:#fff;
  outline:none;
  font-size:12px;
}

.input{ width:100%; }
.select{ min-width:90px; }

/* 버튼 */
.btn{
  height:28px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#111827;
  color:#fff;
  padding:0 12px;
  font-size:12px;
  cursor:pointer;
}

.btn:disabled{ opacity:.6; cursor:not-allowed; }

.btnMini{
  height:24px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  padding:0 10px;
  font-size:12px;
  cursor:pointer;
}

/* 리스트 */
.list{ margin:0; padding-left:18px; }
.list li{ font-size:12px; margin:6px 0; color:var(--muted); }

/* 로그/채팅 박스 */
.logList, .chatList{
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  padding:8px;
  overflow:auto;
  font-size:12px;
}