/**
 * AIへのプロンプトブロック - フロント・近未来的な枠
 * 吹き出しではなく「指示パネル」としての見た目
 */

.wp-block-aisaba-prompt-box {
	--prompt-border: 2px solid var(--aisaba-primary, #4ECDC4);
	--prompt-glow: rgba(78, 205, 196, 0.25);
	--prompt-bg: var(--aisaba-color-bg, #F7F7F7);
	--prompt-text: var(--aisaba-color-text, #2F3E46);
	--prompt-label-bg: var(--aisaba-primary, #4ECDC4);
	--prompt-label-text: #fff;
	--prompt-radius: 6px;
	--prompt-radius-sm: 4px;

	position: relative;
	margin: 1.5rem 0;
	padding: 0;
	background: var(--prompt-bg);
	color: var(--prompt-text);
	border: var(--prompt-border);
	border-radius: var(--prompt-radius);
	box-shadow:
		0 0 0 1px rgba(78, 205, 196, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.6);
	overflow: hidden;
	font-family: var(--aisaba-font-sans, "Quicksand", "Noto Sans JP", sans-serif);
}

/* 左端の「指示ライン」- ターミナル/UI風 */
.wp-block-aisaba-prompt-box::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(
		180deg,
		var(--aisaba-primary, #4ECDC4) 0%,
		rgba(78, 205, 196, 0.6) 100%
	);
	border-radius: var(--prompt-radius-sm) 0 0 var(--prompt-radius-sm);
}

/* ヘッダー: ラベル（PROMPT / AIへの指示） */
.wp-block-aisaba-prompt-box__header {
	display: flex;
	align-items: center;
	padding: 0.4rem 0.75rem 0.4rem 1rem;
	margin-left: 4px; /* 左ライン分 */
	background: rgba(78, 205, 196, 0.12);
	border-bottom: 1px solid rgba(78, 205, 196, 0.25);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--aisaba-primary, #4ECDC4);
}

.wp-block-aisaba-prompt-box__label {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

/* ラベル前に小さな「＞」風アクセント（オプション） */
.wp-block-aisaba-prompt-box__label::before {
	content: "›";
	font-weight: 700;
	opacity: 0.8;
}

/* 本文エリア */
.wp-block-aisaba-prompt-box__content {
	padding: 1rem 1.25rem 1rem 1.35rem;
	margin-left: 4px;
	font-size: 0.9375rem;
	line-height: 1.7;
	white-space: pre-wrap;
	word-break: break-word;
}

.wp-block-aisaba-prompt-box__content p {
	margin: 0 0 0.75em;
}

.wp-block-aisaba-prompt-box__content p:last-child {
	margin-bottom: 0;
}

/* 幅広配置時も最大幅を保つ */
.wp-block-aisaba-prompt-box.alignwide {
	max-width: var(--aisaba-max-width, 1200px);
}

.wp-block-aisaba-prompt-box.alignfull {
	max-width: none;
}