/* 管理画面共通スタイル */
body { background-color: #f5f6f8; }

/* ナビ：アクティブ項目を強調 */
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
  background-color: #0d6efd;
  border-radius: 5px;
  font-weight: 600;
}
.navbar-dark .navbar-nav .nav-link.active:hover {
  color: #fff;
  background-color: #0b5ed7;
}

.login-wrap {
  max-width: 380px;
  margin: 8vh auto;
}

/* アップロード ドロップゾーン */
.dropzone {
  border: 2px dashed #adb5bd;
  border-radius: 10px;
  background: #fff;
  padding: 3rem 1.5rem;
  text-align: center;
  color: #6c757d;
  transition: border-color .15s, background .15s;
  cursor: pointer;
}
.dropzone.dragover {
  border-color: #0d6efd;
  background: #eef4ff;
  color: #0d6efd;
}
.dropzone .fa-folder-open { font-size: 2.5rem; margin-bottom: .5rem; }

/* サムネイルプレビュー */
.thumb-card { background:#fff; border:1px solid #e9ecef; border-radius:8px; overflow:hidden; }
.thumb-card img { width:100%; display:block; background:#e9ecef; }
.thumb-card .thumb-label { font-size:.78rem; color:#6c757d; padding:.35rem .5rem; border-top:1px solid #f1f3f5; }

/* 管理テンプレ一覧のサムネ */
.admin-thumb { width:120px; height:75px; object-fit:cover; object-position:top center; border-radius:4px; background:#e9ecef; }

/* キーワード候補チップ（編集ページ） */
.kw-suggest { display:flex; flex-wrap:wrap; gap:6px; margin-top:.5rem; }
.kw-suggest .chip {
  display:inline-flex; align-items:center; padding:3px 11px; border-radius:20px;
  border:1px solid #ced4da; background:#fff; font-size:.82rem; color:#495057;
  cursor:pointer; user-select:none;
}
.kw-suggest .chip:hover { background:#f1f3f5; border-color:#adb5bd; }
.kw-suggest .chip.added { background:#343a40; border-color:#343a40; color:#fff; }