/* ──────────────────────────────────────────────────────────────
   kmf.css — 加工生産管理アプリ (KMF) 専用スタイル
   共通の style.css / polish.css / bootstrap は _shared/head.html で読込済み。
   ここではログイン後トップバーとホーム(準備中)画面の最小スタイルのみ。
   ────────────────────────────────────────────────────────────── */

.kmf-main { min-height: 100vh; box-sizing: border-box; }

/* ── ログイン後トップバー ── */
.kmf-topbar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 12px 20px;
  background: #fff; border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .05);
}
.kmf-topbar-brand {
  display: flex; align-items: center; gap: 10px;
  font-weight: 700; color: #1e293b; font-size: 1.02rem;
}
.kmf-topbar-emoji { font-size: 1.3rem; line-height: 1; }
.kmf-topbar-code {
  font-family: 'Audiowide', 'Orbitron', sans-serif; letter-spacing: .12em;
  font-size: .85rem; color: #fff; background: #1a73e8;
  padding: 2px 9px; border-radius: 6px;
}
.kmf-topbar-right { display: flex; align-items: center; gap: 14px; }
.kmf-topbar-user { font-size: .9rem; color: #475569; }
.kmf-logout-form { margin: 0; }
.kmf-logout {
  background: #f1f5f9; color: #334155; border: 1px solid #e2e8f0;
  padding: 7px 14px; border-radius: 7px; font-size: .85rem;
  cursor: pointer; transition: background .15s, border-color .15s;
}
.kmf-logout:hover { background: #e2e8f0; border-color: #cbd5e1; }

/* ── ホーム(準備中)画面 ── */
.kmf-home {
  display: flex; align-items: center; justify-content: center;
  padding: 48px 24px; min-height: calc(100vh - 120px);
}
.kmf-home-card {
  width: 100%; max-width: 560px; text-align: center;
  background: #fff; border: 1px solid #e5e7eb; border-radius: 16px;
  padding: 48px 40px; box-shadow: 0 10px 36px rgba(15, 23, 42, .08);
}
.kmf-home-emoji { font-size: 64px; line-height: 1; margin-bottom: 16px; }
.kmf-home-title { font-size: 1.5rem; font-weight: 700; color: #1e293b; margin: 0 0 12px; }
.kmf-home-lead { font-size: 1rem; color: #334155; margin: 0 0 18px; }
.kmf-home-note { font-size: .9rem; color: #64748b; line-height: 1.8; margin: 0 0 24px; }
.kmf-home-badge {
  display: inline-block; font-size: .78rem; color: #64748b;
  background: #f1f5f9; border: 1px solid #e2e8f0;
  padding: 5px 12px; border-radius: 999px; letter-spacing: .04em;
}