/* F07 AI構造化データ提案 */

/* 適用中バッジ */
.rllm-f07-type-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 700;
	background: #f1f5f9;
	color: #475569;
	border: 1px solid #e2e8f0;
	margin: 2px;
}
.rllm-f07-type-applied {
	background: #ecfdf5;
	color: #065f46;
	border-color: #a7f3d0;
}
.rllm-f07-empty-text {
	color: #94a3b8;
	font-size: 12px;
}

/* 詳細展開エリア */
.rllm-f07-detail {
	padding: 16px 0;
}
.rllm-f07-section {
	margin-bottom: 16px;
}
.rllm-f07-section-title {
	font-size: 12px;
	font-weight: 700;
	color: #64748b;
	margin-bottom: 8px;
	padding-bottom: 4px;
	border-bottom: 1px solid #e2e8f0;
}

/* 提案カード */
.rllm-f07-suggestion {
	margin-bottom: 12px;
	padding: 12px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
}
.rllm-f07-suggestion-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
	flex-wrap: wrap;
}
.rllm-f07-reason {
	font-size: 12px;
	color: #64748b;
}
.rllm-f07-code {
	background: #1e293b;
	color: #e2e8f0;
	padding: 10px 12px;
	border-radius: 6px;
	font-size: 11px;
	line-height: 1.6;
	overflow-x: auto;
	max-height: 300px;
	margin: 0;
	white-space: pre;
}

.rllm-f07-empty {
	color: #94a3b8;
	font-size: 13px;
	padding: 8px 0;
}

.rllm-f07-apply-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e2e8f0;
}
.rllm-f07-apply-note {
	margin: 0;
	flex: 1;
	min-width: 200px;
	font-size: 12px;
	color: #64748b;
	line-height: 1.6;
}
.rllm-f07-applied-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 9999px;
	font-size: 11px;
	font-weight: 700;
	background: #ecfdf5;
	color: #065f46;
	border: 1px solid #a7f3d0;
	margin-right: 4px;
}

/* 適用ボタン（淡い青、他ボタンと統一） */
.rllm-f07-apply-row .button.rllm-btn-apply,
.rllm-f07-apply-row .button.rllm-btn-apply.button-primary       { background: #eff6ff !important; color: #2563eb !important; border: 1px solid #bfdbfe !important; font-weight: 600; transition: background 0.15s, border-color 0.15s; text-shadow: none !important; box-shadow: none !important; }
.rllm-f07-apply-row .button.rllm-btn-apply:hover,
.rllm-f07-apply-row .button.rllm-btn-apply.button-primary:hover { background: #dbeafe !important; border-color: #93c5fd !important; color: #1d4ed8 !important; }

/* 操作ボタン */
.rllm-f07-actions {
	display: flex;
	gap: 4px;
	justify-content: center;
}

/* 分析ボタン（常に淡い青） */
.rllm-f07-actions .button.rllm-btn-analyze       { background: #eff6ff !important; color: #2563eb !important; border: 1px solid #bfdbfe !important; font-weight: 600; transition: background 0.15s, border-color 0.15s; text-shadow: none !important; box-shadow: none !important; }
.rllm-f07-actions .button.rllm-btn-analyze:hover { background: #dbeafe !important; border-color: #93c5fd !important; color: #1d4ed8 !important; }

/* 消去ボタン（赤系） */
.rllm-f07-actions .button.delete-analysis      { background: #fff1f2 !important; color: #ef4444 !important; border: 1px solid #fecaca !important; font-weight: 600; transition: background 0.15s, border-color 0.15s; }
.rllm-f07-actions .button.delete-analysis:hover{ background: #fee2e2 !important; border-color: #fca5a5 !important; color: #dc2626 !important; }

/* 詳細ボタン（グレー系） */
.rllm-f07-actions .button.rllm-btn-toggle       { background: #f8fafc !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; font-weight: 600; transition: background 0.15s, border-color 0.15s; }
.rllm-f07-actions .button.rllm-btn-toggle:hover { background: #f1f5f9 !important; border-color: #cbd5e1 !important; color: #334155 !important; }

/* 詳細行 */
.rllm-f07-detail-row td {
	padding: 0 16px 16px !important;
	background: #fff;
}