* { font-family: 'Noto Sans JP', 'Inter', sans-serif; }

.nav-btn { color: #B8C2D4; transition: all .15s ease; }
.nav-btn:hover { background: rgba(255,255,255,.06); color: #fff; }
.nav-btn.active-nav { background: #C9A24A; color: #0F1B2B; font-weight: 700; }

.kpi-card { background: #fff; border: 1px solid #E5E1D6; border-radius: 16px; padding: 18px; }

.dropzone {
  border: 1.5px dashed #D8CFB5;
  border-radius: 14px;
  background: #FBFAF5;
  padding: 28px 16px;
  text-align: center;
  cursor: default;
}

.th { text-align: left; padding: 10px 14px; font-weight: 600; white-space: nowrap; }
td.td { padding: 10px 14px; vertical-align: middle; }

.log-time { color: #B08A2E; font-weight: 700; font-size: 11px; min-width: 52px; }

.step-dot {
  background: #C9A24A; color: #0F1B2B; font-weight: 800; font-size: 10px;
  width: 16px; height: 16px; border-radius: 999px; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-top: 1px;
}

.lead-row { display: flex; align-items: center; justify-content: space-between; background: #FBFAF5; border: 1px solid #F0ECDD; border-radius: 10px; padding: 8px 12px; }
.lead-row span { color: #94897A; }

.badge { font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 999px; display: inline-flex; align-items: center; gap: 4px; }
.badge-ok { background: #E7F4EC; color: #1E7A42; }
.badge-check { background: #FDF1E0; color: #9A6A12; }

.chat-bubble { max-width: 85%; padding: 8px 12px; border-radius: 14px; font-size: 12px; line-height: 1.5; }
.chat-bot { background: #fff; border: 1px solid #E7E2D3; border-bottom-left-radius: 4px; align-self: flex-start; }
.chat-user { background: #0F1B2B; color: #fff; border-bottom-right-radius: 4px; align-self: flex-end; }

.lang-tab { font-size: 11px; padding: 5px 12px; border-radius: 999px; font-weight: 600; color: #94897A; background: #F3F1E9; cursor: default; }
.lang-tab.active-lang { background: #0F1B2B; color: #fff; }

.tab-panel { animation: fadeIn .2s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }