/**
 * Code Display & Terminal Styling for Argo CD Toolkit
 */

.ac-code-container {
	position: relative;
	margin: 1.5rem 0;
	border-radius: var(--ac-radius-md, 8px);
	background-color: var(--ac-code-bg, #0f172a);
	border: 1px solid var(--ac-code-border, #334155);
	overflow: hidden;
}

.ac-code-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.5rem 1rem;
	background-color: var(--ac-code-surface, #1e293b);
	border-bottom: 1px solid var(--ac-code-border, #334155);
	font-family: var(--ac-font-mono, monospace);
	font-size: 0.75rem;
	color: var(--ac-code-text-muted, #94a3b8);
}

.ac-code-header-left {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.ac-code-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
}

.ac-code-dot.red { background-color: #ef4444; }
.ac-code-dot.yellow { background-color: #f59e0b; }
.ac-code-dot.green { background-color: #10b981; }

.ac-code-lang-label {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #e2e8f0;
}

.ac-code-actions {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.ac-code-wrap-toggle {
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #94a3b8;
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
	font-size: 0.75rem;
	cursor: pointer;
	transition: all 0.15s ease;
}

.ac-code-wrap-toggle:hover {
	color: #f8fafc;
	border-color: rgba(255, 255, 255, 0.3);
}

.ac-code-block-pre {
	margin: 0;
	padding: 1rem 1.25rem;
	overflow-x: auto;
	font-family: var(--ac-font-mono, monospace);
	font-size: 0.875rem;
	line-height: 1.6;
	color: #f8fafc;
	background-color: transparent;
	tab-size: 2;
}

.ac-code-block-pre.is-wrapped {
	white-space: pre-wrap;
	word-break: break-word;
}

/* Syntax Highlighting Tokens (Deterministic Light & Dark-Terminal Palette) */
.ac-syn-kw { color: #38bdf8; font-weight: 600; }   /* Blue/cyan keyword */
.ac-syn-str { color: #4ade80; }                     /* Green strings */
.ac-syn-prop { color: #f472b6; font-weight: 500; }  /* Pink properties */
.ac-syn-num { color: #facc15; }                     /* Yellow numbers */
.ac-syn-comment { color: #64748b; font-style: italic; } /* Slate comments */
.ac-syn-bool { color: #c084fc; font-weight: 600; }  /* Purple booleans */
.ac-syn-cmd { color: #38bdf8; }                      /* Shell command prefix */
.ac-syn-flag { color: #fb923c; }                     /* Orange CLI flags */