/**
 * WebIRC Chat - Stylesheet
 *
 * @package   WebIRC_Chat
 * @copyright Copyright (c) 2025, JT. G.
 * @license   GPL-2.0-or-later
 * @since     0.1.0
 */

.chat-webirc {
	--chat-webirc-radius: 12px;
	--chat-webirc-pad: 10px;
}

.irc-wrap {
	border: 1px solid #dadce0;
	border-radius: var(--chat-webirc-radius);
	overflow: hidden;
}

.irc-header {
	display: flex;
	gap: 8px;
	align-items: center;
	padding: var(--chat-webirc-pad);
	background: #f6f8fa;
	font:
		14px/1.4 system-ui,
		-apple-system,
		Segoe UI,
		Roboto,
		Ubuntu,
		Cantarell,
		"Helvetica Neue",
		Arial;
}

.irc-nick {
	background: #e1f5fe;
	color: #0277bd;
	padding: 2px 6px;
	border-radius: 4px;
	font-weight: 500;
	font-size: 12px;
}

.irc-nick:before {
	content: "@";
}

.irc-log {
	height: 50vh;
	overflow: auto;
	padding: var(--chat-webirc-pad);
	background: #fff;
	font:
		13px/1.45 ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		"Courier New",
		monospace;
}

.irc-form {
	border-top: 1px solid #eee;
	padding: var(--chat-webirc-pad);
}

.irc-input-container {
	display: flex;
	gap: 8px;
	align-items: center;
}

.irc-input {
	flex: 1;
	border: 1px solid #dadce0;
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 14px;
	outline: none;
	transition: border-color 0.2s ease;
}

.irc-input:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
}

.irc-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: none;
	border-radius: 8px;
	background: #2563eb;
	color: white;
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.irc-submit:hover {
	background: #1d4ed8;
	transform: translateY(-1px);
}

.irc-submit:active {
	transform: translateY(0);
}

.irc-submit svg {
	transition: transform 0.2s ease;
}

.irc-submit:active svg {
	transform: translateX(2px);
}

.irc-submit:disabled {
	background: #9ca3af;
	cursor: not-allowed;
	transform: none;
}

.sys {
	color: #666;
	font-style: italic;
}

.notice {
	color: #8a6d3b;
}

.self {
	color: #2563eb;
}

.err {
	color: #dc2626;
}

.irc-timestamp {
	color: #888;
	font-size: 11px;
	font-weight: normal;
	margin-right: 4px;
}

.action {
	color: #7c3aed;
	font-style: italic;
}