/* ============================================
   編集者FAQ管理画面 固有CSS
   ============================================ */

/* FAQ Card */
.faq-card {
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.faq-category-title {
  font-weight: 600;
}

/* FAQ Accordion */
.faq-accordion .accordion-item {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.faq-accordion .accordion-item:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.faq-item-header {
  display: block;
  padding-bottom: 4px;
}

.faq-accordion .accordion-button {
  font-weight: 600;
  padding: 1rem 0;
  background: transparent;
}

.faq-accordion .accordion-button::after {
  content: "+";
  background-image: none;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: #5a5a5a;
  transform: none;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
  content: "−";
}

.faq-accordion .accordion-button:not(.collapsed) {
  color: #1b1b1b;
  box-shadow: none;
}

.faq-accordion .accordion-button:focus {
  box-shadow: none;
}

.faq-accordion .accordion-button::before {
  content: "Q";
  font-weight: 700;
  font-size: 14px;
  color: #1b1b1b;
  margin-right: 12px;
}

.faq-accordion .accordion-body {
  padding-left: 2.5rem;
  color: #666;
}

/* FAQ Item Actions */
.faq-item-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.faq-item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 4px;
  margin-bottom: 6px;
}

.faq-item-status {
  font-size: 12px;
  color: #6c757d;
}

.faq-order {
  display: flex;
  gap: 4px;
}

.faq-item-actions .order-up,
.faq-item-actions .order-down,
.faq-item-actions .faq-drag-handle {
  padding: 4px 6px;
  line-height: 1;
}

.faq-item-actions svg {
  width: 14px;
  height: 14px;
  display: block;
}

/* Drag & Drop */
.faq-drag-handle {
  cursor: grab;
}

.faq-item.is-dragging {
  opacity: 0.6;
}

/* Editor Toast */
.editor-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  background: #1f2328;
  color: #ffffff;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 13px;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 1050;
  pointer-events: none;
}

.editor-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}