/* =========================================================
   🐰 UsaNeko AOMA FF14 青魔法チェックリスト 2025
   White Air Light Mint Edition（最新版）
   ---------------------------------------------------------
   ・表デザイン
   ・保存ボタン
   ・フィルター
   ・ロドストアイコン（白枠除去）
   ・保存ポップアップ
   ・no-copy対応
   ========================================================= */

/* 全体ラップ */
.usaneko-aoma-wrap {
  margin: 20px 0;
  padding: 12px;
  background: #fff;
  border: 1px solid #e5efe8;
  border-radius: 14px;
}

/* 保存バー */
.usaneko-aoma-savebar {
  text-align: right;
  margin: 6px 0 10px;
}

.usaneko-aoma-savebtn {
  background: #dff5df;
  border: 1px solid #b6ddb6;
  padding: 6px 14px;
  font-size: 15px;
  border-radius: 8px;
  cursor: pointer;
  color: #3b523b;
}

.usaneko-aoma-savebtn:hover {
  background: #cbefcb;
}

/* フィルターエリア */
.usaneko-aoma-controls {
  margin: 10px 0 14px;
  padding: 8px 12px;
  background: #f6fff6;
  border: 1px solid #e0f0e0;
  border-radius: 10px;
  font-size: 14px;
  color: #3b523b;
}

.usaneko-aoma-controls label {
  margin-right: 12px;
}

/* テーブル共通 */
.usaneko-aoma-table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
  font-size: 15px;
}

.usaneko-aoma-table th {
  background: #e9f8e9;
  color: #3b523b;
  padding: 8px;
  border-bottom: 2px solid #d7ecd7;
  text-align: left;
}

.usaneko-aoma-table td {
  padding: 8px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: top;
}

.usaneko-aoma-monster {
  color: #555;
  font-size: 13px;
}

/* チェックボックス中央寄せ */
.usaneko-aoma-check {
  text-align: center !important;
}

/* -----------------------------------------
   🟩 ロドストアイコン（白い枠を完全削除）
   ----------------------------------------- */

.eorzeadb_icon {
  width: 22px;
  height: 22px;
  vertical-align: -4px;
  margin-left: 4px;

  /* 白背景・白枠を完全に消す */
  background: transparent !important;
  border: none !important;
  padding: 0 !important;

  /* Cocoon の img 共通枠対策 */
  box-shadow: none !important;
  outline: none !important;
}

/* -----------------------------------------
   🟩 保存ポップアップ（モーダル）
   ----------------------------------------- */

.usaneko-aoma-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.usaneko-aoma-modal.show {
  opacity: 1;
}

.usaneko-aoma-modal-content {
  background: #ffffff;
  border-radius: 14px;
  border: 2px solid #ccf1cc;
  padding: 20px 26px;
  min-width: 260px;
  max-width: 350px;
  text-align: center;
  transform: scale(0.8);
  transition: transform .2s ease-out;
}

.usaneko-aoma-modal-content.show {
  transform: scale(1);
}

.usaneko-aoma-modal-title {
  font-size: 17px;
  font-weight: 600;
  color: #3b523b;
  margin-bottom: 8px;
}

.usaneko-aoma-modal-msg {
  font-size: 15px;
  color: #3b523b;
  margin-bottom: 16px;
}

.usaneko-aoma-modal-btn {
  padding: 6px 20px;
  background: #dff5df;
  border: 1px solid #b6ddb6;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  color: #3b523b;
}

.usaneko-aoma-modal-btn:hover {
  background: #cbefcb;
}

/* -----------------------------------------
   🛡 no-copy 追加（選択禁止）
   ----------------------------------------- */

#no-copy, #no-copy * {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}