/* パネル外枠 */
.wptt-panel{
  margin:12px 0;
  border:1px solid #e5e7eb;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}

/* 見出し */
.wptt-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 12px;
  cursor:pointer;
  font-weight:700;
  background:#f8fafc;
  border-bottom:1px solid #e5e7eb;
}
.wptt-header .wptt-caret{
  border:solid #111;
  border-width:0 2px 2px 0;
  display:inline-block;
  padding:4px;
  transform:rotate(45deg);
  transition:transform .2s ease;
}

/* 本体：初期状態で必ず見えるように（重要） */
.wptt-body{
  display:block !important;       /* ← 競合対策 */
  padding:10px 12px 12px;
  background:#fff;
}

/* 折りたたみ時のみ非表示（JSが is-collapsed を付与） */
.wptt-panel.is-collapsed .wptt-body{
  display:none !important;
}
.wptt-panel.is-collapsed .wptt-caret{
  transform:rotate(-135deg);
}

/* テンプレートボタン */
.wptt-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0 0 8px;
  padding:0;
}
.wptt-list li{ margin:0; padding:0; }

.wptt-apply{
  display:inline-block;
  padding:8px 12px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  background:#fff;
  line-height:1.2;
  font-weight:600;
  transition:background .15s ease, border-color .15s ease;
}
.wptt-apply:hover{
  background:#f3f4f6;
  border-color:#cbd5e1;
}

/* 挿入モード */
.wptt-mode{
  margin-top:6px;
  font-size:12px;
  color:#374151;
}
.wptt-mode label{ margin-right:10px; }

/* 空の時のメッセージ */
.wptt-empty{
  color:#64748b;
  font-size:13px;
}