/* ============================================================
   画像・カメラ・動画の添付ボタン 共通スタイル
   form-media-attach skill / 全社内Webアプリ共通
============================================================ */
.media-attach {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
  margin: 4px 0 6px;
}
.media-attach-btn {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 6px 12px; border: 1px solid #dadce0; border-radius: 999px;
  background: #fff; color: #3c4043; font-size: .8rem; cursor: pointer;
  user-select: none; white-space: nowrap;
}
.media-attach-btn:hover { background: #f1f6fb; border-color: #b9d3ee; color: #1a73e8; }
.media-attach-btn:active { transform: scale(.97); }
.media-attach-btn i { font-size: .95rem; }
.media-attach-sm .media-attach-btn { padding: 4px 9px; font-size: .74rem; }

/* スマホ：指で押しやすい大きさを確保する */
@media (max-width: 575.98px) {
  .media-attach-btn { padding: 8px 12px; font-size: .82rem; flex: 1 1 auto; justify-content: center; }
}