/* ============================================================
   common.css — ジコポチ 共通スタイル
   ============================================================ */

/* ===== リセット & ベース ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  background-color: #F7F5F2;
  min-height: 100vh;
}

/* ===== ヘッダー ===== */
.header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 24px; background: #FFFFFF; gap: 8px;
  position: sticky; top: 0; z-index: 1;
}
.header-left { display: flex; align-items: center; gap: 16px; }
.header-brand {
  display: flex; align-items: center; gap: 6px; text-decoration: none;
}
.header-brand-name {
  font-size: 16px; font-weight: 700; color: #009FA8; line-height: 1;
}
.header-facility {
  font-size: 13px; color: #71717A; font-weight: 400; line-height: 1;
  cursor: pointer;
}
.header-facility:hover { text-decoration: underline; }
.header-right { display: flex; align-items: center; gap: 8px; }

/* ===== キャッシュクリアボタン ===== */
.btn-clear-cache {
  font-size: 11px; color: #0D9488; background: none; border: 1px solid #D1D5DB;
  border-radius: 4px; padding: 2px 8px; cursor: pointer; font-family: inherit; white-space: nowrap;
}
.btn-clear-cache:hover { background: #F0FDFA; border-color: #0D9488; }

/* ===== パンくず ===== */
.breadcrumb-row, .page-header-row {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 16px;
}
.breadcrumb {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 14px; font-weight: 500; line-height: 1;
}
.breadcrumb a { color: #71717A; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb-separator { color: #71717A; height: 20px; width: auto; }
.breadcrumb-current { color: #18181B; }

/* ===== バージョン ===== */
.version-tag {
  font-size: 11px; color: #71717A; padding: 2px 8px;
}

/* ===== モバイル対応 ===== */
@media (max-width: 639px) {
  .header { height: 48px; padding: 0 12px; }
  .header-facility { display: none; }
}