/* Dragon Support front-end — rides the helpsite theme's CSS variables
   (--bg, --input-bg, --accent, --line, --muted, --text) for light/dark. */

.sd-support-form, .sd-ticket { max-width: 720px; }

.sd-support-form label, .sd-reply-form label { font-weight: 600; }
.sd-support-form input[type=text],
.sd-support-form input[type=email],
.sd-support-form textarea,
.sd-reply-form textarea {
	width: 100%;
	background: var(--input-bg, #fff);
	color: var(--text, inherit);
	border: 1px solid var(--line, #ccd3dd);
	border-radius: 8px;
	padding: 10px 12px;
	font: inherit;
	box-sizing: border-box;
}

.sd-btn {
	background: var(--accent, #3b5cc4);
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 10px 18px;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
.sd-btn:hover { background: var(--accent-strong, #2e49a3); }
.sd-btn:disabled { opacity: .6; cursor: default; }

/* Honeypot: visually gone, still in the DOM for bots. */
.sd-hp { position: absolute !important; left: -9999px !important; height: 0; overflow: hidden; }

.sd-form-result { font-weight: 600; }

.sd-confirmed-banner {
	border: 1px solid var(--accent, #3b5cc4);
	background: var(--accent-soft, rgba(59,92,196,.1));
	border-radius: 10px;
	padding: 12px 14px;
	margin-bottom: 16px;
	font-weight: 600;
}

.sd-ticket-head h2 { margin-bottom: 4px; }
.sd-meta { color: var(--muted, #667); }
.sd-ref { font-weight: 700; margin-right: 8px; }
.sd-status { border-radius: 10px; padding: 2px 10px; font-size: 13px; background: var(--accent-soft, rgba(59,92,196,.1)); }
.sd-status-sd-closed { opacity: .7; }

.sd-thread { margin: 18px 0; }
.sd-msg {
	border: 1px solid var(--line, #ccd3dd);
	border-radius: 10px;
	padding: 12px 14px;
	margin: 0 0 12px;
	background: var(--input-bg, #fff);
}
.sd-msg-agent { border-color: var(--accent, #3b5cc4); }
.sd-msg-system { opacity: .75; font-size: 14px; }
.sd-msg-author { font-weight: 700; margin-bottom: 6px; }
.sd-msg-date { color: var(--muted, #667); font-weight: 400; font-size: 13px; margin-left: 8px; }
.sd-msg-body { white-space: normal; }

.sd-closed-note, .sd-expired p { color: var(--muted, #667); }