/* 아콩AI 스마트스토어 매니저 - 메인 스타일 */

/* ─── 전역 ─────────────────────────────── */
:root {
  --primary: #1a56db;
}

body {
  font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: #f4f6fb;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main { flex: 1; }

/* ─── 네비게이션 ────────────────────────── */
.navbar-brand { font-size: 1.1rem; letter-spacing: -0.3px; }

/* ─── 카드 ─────────────────────────────── */
.card { border-radius: 0.75rem; }
.card-header {
  border-radius: 0.75rem 0.75rem 0 0 !important;
  font-weight: 600;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* ─── 테이블 ────────────────────────────── */
.table > thead > tr > th {
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #6b7280;
  white-space: nowrap;
}
.table > tbody > tr:hover { background-color: rgba(26,86,219,.03); }

/* ─── 버튼 ─────────────────────────────── */
.btn { border-radius: .5rem; font-weight: 500; }
.btn-xs { padding: .15rem .4rem; font-size: .75rem; }

/* ─── 입력창 ────────────────────────────── */
.form-control, .form-select { border-radius: .5rem; }
.form-control:focus, .form-select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 .2rem rgba(26,86,219,.15);
}

/* ─── 배지 ─────────────────────────────── */
.badge { font-weight: 500; font-size: .72rem; padding: .3em .6em; }

/* ─── 알림창 ────────────────────────────── */
.alert { border-radius: .75rem; border: none; }

/* ─── 제안 키워드 배지 ──────────────────── */
.kw-suggest {
  cursor: pointer;
  transition: all .15s;
  font-size: .82rem;
}
.kw-suggest:hover {
  background-color: #dbeafe !important;
  color: var(--primary) !important;
  transform: scale(1.05);
}

/* ─── DataTables ──────────────────────── */
div.dataTables_wrapper div.dataTables_length select { border-radius: .4rem; }

/* ─── 홈 히어로 ─────────────────────────── */
.hero-section { padding: 80px 0; }
.feature-icon {
  width: 64px; height: 64px;
  line-height: 64px;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ─── 반응형 ────────────────────────────── */
@media (max-width: 767px) {
  .container-fluid { padding-left: .75rem; padding-right: .75rem; }
  h4.fw-bold { font-size: 1rem; }
}