.page-content {
		padding: 40px;
	}

	.page-content h1 {
		margin-top: 0;
	}

	.support-chat-launcher-wrap {
		position: fixed;
		right: 22px;
		bottom: 22px;
		z-index: 9999;
	}

	.support-chat-launcher {
		position: relative;
		width: 58px;
		height: 58px;
		border-radius: 50%;
		border: none;
		cursor: pointer;
		background: #ef4444;
		color: #fff;
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	.support-chat-launcher:hover {
		background: #dc2626;
	}

	.support-chat-launcher svg {
		width: 26px;
		height: 26px;
		display: block;
	}

	.support-chat-launcher-badge {
		position: absolute;
		top: -4px;
		right: -4px;
		min-width: 20px;
		height: 20px;
		padding: 0 6px;
		border-radius: 999px;
		background: #9ca3af;
		color: #fff;
		font-size: 11px;
		line-height: 20px;
		text-align: center;
		font-weight: bold;
		border: 2px solid #fff;
		display: none;
	}

	.support-chat-launcher-badge.show {
		display: inline-block;
	}

	.support-chat-widget {
		position: fixed;
		right: 22px;
		bottom: 92px;
		width: 370px;
		max-width: calc(100vw - 20px);
		height: 560px;
		max-height: calc(100vh - 120px);
		background: #fff;
		border-radius: 18px;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
		display: none;
		flex-direction: column;
		overflow: hidden;
		z-index: 10000;
		border: 1px solid #e5e7eb;
	}

	.support-chat-widget.open {
		display: flex;
	}

	.support-chat-header {
		background: #ef4444;
		color: #fff;
		padding: 14px 16px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.support-chat-header-title {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.support-chat-header-title strong {
		font-size: 16px;
		font-weight: 700;
	}

	.support-chat-status {
		font-size: 12px;
		opacity: 0.95;
	}

	.support-chat-close {
		background: transparent;
		border: none;
		color: #fff;
		font-size: 24px;
		line-height: 1;
		cursor: pointer;
		padding: 0;
	}

	.support-chat-messages {
		flex: 1;
		padding: 16px;
		overflow-y: auto;
		background: #f9fafb;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.support-chat-empty {
		color: #6b7280;
		font-size: 14px;
		text-align: center;
		margin-top: 40px;
	}

	.support-chat-message {
		max-width: 85%;
		padding: 10px 12px;
		border-radius: 14px;
		word-wrap: break-word;
		white-space: pre-wrap;
		font-size: 14px;
		line-height: 1.4;
	}

	.support-chat-message.user {
		align-self: flex-end;
		background: #ef4444;
		color: #fff;
		border-bottom-right-radius: 4px;
	}

	.support-chat-message.operator {
		align-self: flex-start;
		background: #e5e7eb;
		color: #111827;
		border-bottom-left-radius: 4px;
	}

	.support-chat-message.system {
		align-self: center;
		background: #fff;
		color: #6b7280;
		border: 1px solid #e5e7eb;
		font-size: 12px;
		max-width: 92%;
	}

	.support-chat-message-author {
		display: block;
		font-size: 11px;
		font-weight: 700;
		margin-bottom: 4px;
		opacity: 0.85;
	}

	.support-chat-message.user .support-chat-message-author {
		color: rgba(255,255,255,0.92);
	}

	.support-chat-message.operator .support-chat-message-author {
		color: #374151;
	}

	.support-chat-message-time {
		display: block;
		margin-top: 6px;
		font-size: 11px;
		opacity: 0.75;
	}

	.support-chat-attachments {
		display: flex;
		flex-direction: column;
		gap: 8px;
		margin-top: 8px;
	}

	.support-chat-attachment-image img {
		max-width: 220px;
		max-height: 220px;
		border-radius: 10px;
		display: block;
		background: #fff;
	}

	.support-chat-attachment-file a,
	.support-chat-attachment-image a {
		color: inherit;
		text-decoration: none;
	}

	.support-chat-message.user .support-chat-attachment-file a {
		color: #fff;
		text-decoration: underline;
	}

	.support-chat-message.operator .support-chat-attachment-file a {
		color: #111827;
		text-decoration: underline;
	}

	.support-chat-footer {
		border-top: 1px solid #e5e7eb;
		background: #fff;
		padding: 12px;
	}

	.support-chat-error {
		color: #dc2626;
		font-size: 12px;
		margin-bottom: 8px;
		display: none;
	}

	.support-chat-error.show {
		display: block;
	}

	.support-chat-form {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.support-chat-textarea {
		width: 100%;
		min-height: 74px;
		max-height: 130px;
		resize: vertical;
		border: 1px solid #d1d5db;
		border-radius: 12px;
		padding: 10px 12px;
		font-size: 14px;
		font-family: inherit;
		outline: none;
		background: #fff;
		color: #111827;
	}

	.support-chat-textarea:focus {
		border-color: #ef4444;
	}

	.support-chat-actions {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
		flex-wrap: wrap;
	}

	.support-chat-left-actions {
		display: flex;
		align-items: center;
		gap: 8px;
		min-width: 0;
		flex: 1;
	}

	.support-chat-hint {
		color: #6b7280;
		font-size: 12px;
	}

	.support-chat-file-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 42px;
		height: 38px;
		border: 1px solid #d1d5db;
		border-radius: 10px;
		background: #fff;
		cursor: pointer;
		font-size: 18px;
		color: #111827;
		flex-shrink: 0;
	}

	.support-chat-file-btn:hover {
		border-color: #ef4444;
		color: #ef4444;
	}

	.support-chat-file-input {
		display: none;
	}

	.support-chat-file-name {
		font-size: 12px;
		color: #6b7280;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 150px;
	}

	.support-chat-send {
		min-width: 110px;
		border: none;
		border-radius: 10px;
		padding: 10px 14px;
		background: #ef4444;
		color: #fff;
		cursor: pointer;
		font-size: 14px;
		font-weight: 600;
	}

	.support-chat-send:hover {
		background: #dc2626;
	}

	.support-chat-send:disabled,
	.support-chat-file-btn.disabled {
		opacity: 0.6;
		cursor: not-allowed;
	}

	@media (max-width: 640px) {
		.support-chat-widget {
			right: 10px;
			bottom: 84px;
			width: calc(100vw - 20px);
			height: calc(100vh - 110px);
		}

		.support-chat-launcher-wrap {
			right: 16px;
			bottom: 16px;
		}

		.support-chat-file-name {
			max-width: 100px;
		}
	}