/* aieo-faq-admin.css — the FAQ manager panel (DMM tab `faq`). Admin-only. */

.aieo-faq-admin { max-width: none; }
.aieo-faq-card { max-width: 100%; padding: 16px 20px; }

/* ── Groups ───────────────────────────────────────────────── */
/* The group chips, their buttons and the draft badge wear the chrome's chip and badge (admin chrome 0.30.0, D3b). */
.aieo-faq-group-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 14px; }
.aieo-faq-no-groups { margin: 6px 0; }
.aieo-faq-group-name { font-weight: 600; }
.aieo-faq-group-count { color: var(--aieo-muted-fg, #646970); font-size: 12px; }
.aieo-faq-group-add { display: flex; gap: 8px; align-items: center; }

/* ── Sections + entry list ────────────────────────────────── */
.aieo-faq-sections { margin-top: 8px; }
.aieo-faq-section {
	background: var(--aieo-card, #fff); border: 1px solid #e0e0e3; border-radius: 8px;
	margin-bottom: 14px; overflow: hidden;
}
.aieo-faq-section-title {
	display: flex; align-items: baseline; gap: 8px;
	padding: 10px 14px; background: var(--aieo-muted, #f6f7f7); border-bottom: 1px solid #e0e0e3;
	font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: .04em;
}
.aieo-faq-section-count { color: var(--aieo-muted-fg, #646970); font-weight: 400; }
.aieo-faq-list { margin: 0; padding: 0; list-style: none; min-height: 46px; }
.aieo-faq-item {
	display: flex; align-items: center; gap: 12px;
	padding: 10px 14px; border-bottom: 1px solid var(--aieo-border, #f0f0f1); background: var(--aieo-card, #fff);
}
.aieo-faq-item:last-child { border-bottom: 0; }
.aieo-faq-item.is-draft { background: #fffdf5; }
.aieo-faq-handle {
	cursor: grab; color: var(--aieo-tone-muted, #a7aaad); font-size: 15px; letter-spacing: -4px;
	user-select: none; flex: 0 0 auto; padding-right: 4px;
}
.aieo-faq-handle:active { cursor: grabbing; }
.aieo-faq-main { flex: 1 1 auto; min-width: 0; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.aieo-faq-q { font-weight: 600; cursor: text; border-bottom: 1px dashed transparent; }
.aieo-faq-q:hover { border-bottom-color: var(--aieo-input, #c3c4c7); }
.aieo-faq-q-input { font-weight: 600; min-width: 280px; max-width: 100%; }
.aieo-faq-a { color: var(--aieo-muted-fg, #646970); font-size: 13px; overflow: hidden; text-overflow: ellipsis; }
.aieo-faq-actions { display: flex; gap: 14px; white-space: nowrap; flex: 0 0 auto; }
.aieo-faq-actions .button-link { text-decoration: none; }
.aieo-faq-actions .aieo-faq-delete { color: var(--aieo-tone-danger, #b32d2e); cursor: pointer; }

/* sortable placeholder + dragging */
.aieo-faq-placeholder { height: 44px; background: var(--aieo-primary-soft, #f0f6fc); border: 1px dashed var(--aieo-primary, #72aee6); }
.aieo-faq-item.ui-sortable-helper { box-shadow: 0 4px 14px rgba(0,0,0,.14); border-radius: 6px; }

.aieo-faq-status { font-size: 13px; font-weight: 400; }