/* kigu42a.css — Hortelisa Design System Components */

.site-header {
	position:sticky;
	top:0;
	z-index:var(--z-header);
	background-color:rgba(255, 255, 255, 0.94);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
	border-bottom:var(--ledger-rule);
	transition:padding var(--duration-normal) var(--ease-ledger), box-shadow var(--duration-normal) var(--ease-ledger);
}

.site-header.is-condensed {
	box-shadow:0 4px 18px rgba(18, 20, 19, 0.04);
}

.site-header__masthead {
	padding-block:var(--space-sm) var(--space-xs);
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}

.brand {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	border-bottom:none;
	padding:var(--space-3xs);
	transition:opacity var(--duration-fast) var(--ease-ledger), transform var(--duration-fast) var(--ease-ledger);

}

.brand:hover {
	opacity:0.88;
}

.brand:active {
	transform:scale(0.98);
}

.brand:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:4px;
}

.brand-logo {
	height:3.2rem;
	width:auto;
	display:block;
}

.site-header.is-condensed .brand-logo {
	height:2.6rem;
	transition:height var(--duration-normal) var(--ease-ledger);
}

.nav-toggle {
	display:none;
	background:transparent;
	border:1px solid var(--line);
	color:var(--ink);
	padding:var(--space-2xs) var(--space-xs);
	font-family:var(--pobo-be4);
	font-size:var(--fs-small);
	cursor:pointer;
	align-items:center;
	gap:var(--space-2xs);
	min-height:44px;
	min-width:44px;
	justify-content:center;
	border-radius:var(--radius-xs);
	transition:background-color var(--duration-fast) var(--ease-ledger), border-color var(--duration-fast) var(--ease-ledger), color var(--duration-fast) var(--ease-ledger);
}

.nav-toggle:hover {
	background-color:var(--surface);
	border-color:var(--line-dark);
	color:var(--accent);
}

.nav-toggle:active {
	background-color:var(--line);
	border-color:var(--ink);
}

.nav-toggle:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:3px;
}

.site-header__nav-bar {
	border-top:var(--ledger-rule);
	padding-block:var(--space-xs);
}

.site-nav {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:var(--space-md);
	list-style:none;
	margin:0;
	padding:0;
	max-width:100%;
}

.site-nav__group {
	display:flex;
	align-items:center;
	gap:var(--space-sm);
	list-style:none;
	margin:0;
	padding:0;
}

.site-nav__divider {
	width:1px;
	height:1.25rem;
	background-color:var(--line-dark);
	flex-shrink:0;
}

.nav-link {
	font-family:var(--pobo-8d2);
	font-size:var(--fs-small);
	font-weight:600;
	letter-spacing:0.08em;
	text-transform:uppercase;
	text-decoration:none;
	color:var(--ink);
	padding:var(--space-2xs) var(--space-xs);
	min-height:44px;
	display:inline-flex;
	align-items:center;
	position:relative;
	white-space:nowrap !important;
	overflow-wrap:normal !important;
	word-break:normal !important;
	transition:color var(--duration-fast) var(--ease-ledger);
}

.nav-link::after {
	content:'';
	position:absolute;
	bottom:4px;
	left:var(--space-xs);
	right:var(--space-xs);
	height:2px;
	background-color:var(--accent);
	transform:scaleX(0);
	transform-origin:center;
	transition:transform var(--duration-normal) var(--ease-ledger);
}

.nav-link:hover {
	color:var(--accent);
}

.nav-link:hover::after,
.nav-link[aria-current="page"]::after {
	transform:scaleX(1);
}

.nav-link:active {
	color:var(--accent-hover);
}

.nav-link[aria-current="page"] {
	color:var(--accent);
}

.nav-link:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:2px;
}

@media (max-width: 767px) {
	.site-header__masthead {
		justify-content:space-between;
		padding-inline:var(--space-md);
	}

	.nav-toggle {
		display:inline-flex;
	}

	.site-header__nav-bar {
		display:none;
		padding-block:var(--space-md);
		background-color:var(--bg);
	}

	.site-header__nav-bar.is-open {
		display:block;
		border-bottom:var(--ledger-rule-bold);
	}

	.site-nav {
		flex-direction:column;
		align-items:stretch;
		gap:var(--space-sm);
	}

	.site-nav__group {
		flex-direction:column;
		align-items:stretch;
		gap:var(--space-2xs);
	}

	.site-nav__divider {
		width:100%;
		height:1px;
		margin-block:var(--space-2xs);
	}

	.nav-link {
		justify-content:flex-start;
		padding:var(--space-xs) var(--space-sm);
		border-bottom:var(--ledger-rule);
		font-size:var(--fs-body);
	}

	.nav-link::after {
		display:none;
	}
}

.btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:var(--space-2xs);
	padding:var(--space-sm) var(--space-lg);
	min-height:44px;
	font-family:var(--pobo-be4);
	font-size:var(--fs-small);
	font-weight:500;
	letter-spacing:0.04em;
	text-transform:uppercase;
	text-decoration:none;

	border-radius:var(--radius-xs);
	cursor:pointer;
	border:1px solid transparent;
	transition:background-color var(--duration-fast) var(--ease-ledger), border-color var(--duration-fast) var(--ease-ledger), color var(--duration-fast) var(--ease-ledger), transform var(--duration-fast) var(--ease-ledger), box-shadow var(--duration-fast) var(--ease-ledger);
	white-space:normal;
	text-align:center;
}

.btn-primary {
	background-color:var(--accent);
	color:#ffffff;
	border-color:var(--accent);
}

.btn-primary:hover {
	background-color:var(--accent-hover);
	border-color:var(--accent-hover);
	color:#ffffff;
	box-shadow:0 4px 12px rgba(212, 56, 28, 0.22);
}

.btn-primary:active {
	background-color:#98240e;
	border-color:#98240e;
	transform:translateY(1px);
}

.btn-primary:focus-visible {
	outline:2px solid var(--ink);
	outline-offset:3px;
}

.btn-secondary {
	background-color:transparent;
	color:var(--ink);
	border-color:var(--ink);
}

.btn-secondary:hover {
	background-color:var(--ink);
	color:#ffffff;
	border-color:var(--ink);
}

.btn-secondary:active {
	background-color:#2b2e2d;
	border-color:#2b2e2d;
	transform:translateY(1px);
}

.btn-secondary:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:3px;
}

.btn-outline {
	background-color:transparent;
	color:var(--ink);
	border-color:var(--line-dark);
}

.btn-outline:hover {
	border-color:var(--ink);
	background-color:var(--surface);
	color:var(--ink);
}

.btn-outline:active {
	background-color:var(--line);
	transform:translateY(1px);
}

.btn-outline:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:3px;
}

.btn-full {
	width:100%;
}

.text-link-action {
	font-family:var(--pobo-be4);

	font-size:var(--fs-small);
	color:var(--ink);
	display:inline-flex;
	align-items:center;
	gap:var(--space-3xs);
	text-decoration:underline;
	text-underline-offset:4px;
	min-height:44px;
	padding-block:var(--space-2xs);
	transition:color var(--duration-fast) var(--ease-ledger);
}

.text-link-action:hover {
	color:var(--accent);
}

.text-link-action:active {
	color:var(--accent-hover);
}

.text-link-action:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:3px;
}

.ledger-card {
	background-color:var(--surface);
	border:var(--ledger-rule);
	padding:var(--space-lg);
	position:relative;
	transition:border-color var(--duration-fast) var(--ease-ledger), box-shadow var(--duration-fast) var(--ease-ledger);
}

.ledger-card:hover {
	border-color:var(--line-dark);
}

.ledger-card--accented {
	border-top:var(--ledger-rule-accent);
}

.ledger-card__header {
	border-bottom:var(--ledger-rule);
	padding-bottom:var(--space-sm);
	margin-bottom:var(--space-md);
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	gap:var(--space-sm);
	flex-wrap:wrap;
}

.ledger-card__title {
	font-family:var(--pobo-8d2);
	font-size:var(--fs-h4);
	font-weight:700;
	margin:0;
}

.ledger-card__price {
	font-family:var(--pobo-be4);
	font-size:var(--fs-small);
	font-weight:600;
	color:var(--accent);
	white-space:nowrap;
}

.ledger-card__body {
	font-size:var(--fs-body);
	line-height:var(--lh-body);
}

/* Tags & Chips */
.chip {
	display:inline-flex;
	align-items:center;
	gap:var(--space-3xs);
	padding:var(--space-3xs) var(--space-2xs);
	font-family:var(--pobo-be4);
	font-size:var(--fs-mono);
	background-color:var(--surface-alt);
	color:var(--ink);
	border:1px solid var(--line);
	border-radius:var(--radius-xs);
	line-height:1.2;
}

.chip--accent {
	background-color:#fff2ee;
	color:#b5280e;
	border-color:#f8b4a6;
}

.table-container {
	width:100%;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	margin-block:var(--space-lg);
	border:var(--ledger-rule);
}

.ledger-table {
	width:100%;
	min-width:580px;
	border-collapse:collapse;
	background-color:var(--bg);
	font-variant-numeric:tabular-nums;
	margin:0;
}

.ledger-table th {
	background-color:var(--surface);
	padding:var(--space-sm) var(--space-md);
	font-family:var(--pobo-8d2);
	font-size:var(--fs-small);
	font-weight:700;
	letter-spacing:0.05em;
	text-transform:uppercase;
	color:var(--ink);
	border-bottom:var(--ledger-rule-bold);
	text-align:left;
}

.ledger-table td {
	padding:var(--space-sm) var(--space-md);
	border-bottom:var(--ledger-rule);
	font-size:var(--fs-body);
	color:var(--ink);
}

.ledger-table tr:hover td {
	background-color:var(--surface);
}

.ledger-table .col-price {
	font-family:var(--pobo-be4);
	font-size:var(--fs-small);
	font-weight:600;
	color:var(--accent);
	white-space:nowrap;
}

.ledger-table .col-code {
	font-family:var(--pobo-be4);
	font-size:var(--fs-mono);
	color:var(--muted);
}

.inquiry-form {
	background-color:var(--surface);
	border:var(--ledger-rule);
	padding:var(--space-md);
	position:relative;
}

@media (min-width: 768px) {
	.inquiry-form {
		padding:var(--space-xl);
	}
}

.form-grid {
	display:grid;
	grid-template-columns:1fr;
	gap:var(--space-md);
	margin-bottom:var(--space-lg);
}

@media (min-width: 768px) {
	.form-grid--two-col {
		grid-template-columns:1fr 1fr;
	}
}

.form-field {
	display:flex;
	flex-direction:column;
	gap:var(--space-2xs);
	min-width:0;
}

.form-label {
	font-family:var(--pobo-8d2);
	font-size:var(--fs-small);
	font-weight:600;
	letter-spacing:0.04em;
	color:var(--ink);
	display:flex;
	justify-content:space-between;
	align-items:baseline;
}

.form-label-optional {
	font-family:var(--pobo-be4);
	font-size:var(--fs-mono);
	color:var(--muted);
	font-weight:400;
}

.form-input,
.form-textarea,
.form-select {
	width:100%;
	min-height:44px;
	padding:var(--space-xs) var(--space-sm);
	background-color:var(--bg);
	border:1px solid var(--line-dark);
	border-radius:var(--radius-xs);
	color:var(--ink);
	font-family:var(--pobo-366);
	font-size:var(--fs-body);
	line-height:1.4;
	transition:border-color var(--duration-fast) var(--ease-ledger), box-shadow var(--duration-fast) var(--ease-ledger);
}

.form-textarea {
	min-height:110px;
	resize:vertical;
}

.form-input:hover,
.form-textarea:hover,
.form-select:hover {
	border-color:var(--ink);
}

.form-input:focus,
.form-textarea:focus,
.form-select:focus {
	border-color:var(--accent);
	outline:2px solid var(--accent);
	outline-offset:1px;
}

.form-field.has-error .form-input,
.form-field.has-error .form-textarea,
.form-field.has-error .form-select {
	border-color:var(--accent);
	background-color:var(--surface-highlight);
}

.form-error {
	display:none;
	font-family:var(--pobo-be4);
	font-size:var(--fs-mono);
	color:var(--accent);
	margin-top:var(--space-3xs);
	line-height:1.3;
}

.form-field.has-error .form-error {
	display:block;
}

.form-checkbox-label {
	display:flex;
	align-items:flex-start;
	gap:var(--space-xs);
	cursor:pointer;
	font-size:var(--fs-small);
	line-height:1.45;
	color:var(--muted);
	min-height:44px;
	padding-block:var(--space-2xs);
}

.form-checkbox-label a {
	color:var(--ink);
}

.form-checkbox {
	width:20px;
	height:20px;
	margin-top:2px;
	accent-color:var(--accent);
	flex-shrink:0;
	cursor:pointer;
}

.form-checkbox:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:2px;
}

.form-status {
	padding:var(--space-md);
	margin-top:var(--space-md);
	border:1px solid var(--line);
	font-family:var(--pobo-be4);
	font-size:var(--fs-small);
	display:none;
}

.form-status.is-success {
	display:block;
	background-color:#f1f8f3;
	border-color:#8cc49e;
	color:#174e2a;
}

.form-status.is-error {
	display:block;
	background-color:#fcf1ee;
	border-color:#ebaaa0;
	color:#8b1b06;
}

.site-footer {
	background-color:var(--surface);
	border-top:var(--ledger-rule-bold);
	padding-block:var(--space-xl) var(--space-md);
	margin-top:var(--space-2xl);
	text-align:center;
}

.footer-column {
	max-width:var(--measure-ledger);
	margin-inline:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--space-sm);
}

.footer-brand {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:var(--space-xs);
	text-decoration:none;
}

.footer-brand:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:4px;
}

.footer-brand-logo {
	height:3.6rem;
	width:auto;
}

.footer-lede {
	font-size:var(--fs-body);
	line-height:var(--lh-body);
	color:var(--muted);
	margin-bottom:0;
}

.footer-facts {
	width:100%;
	border-top:var(--ledger-rule);
	border-bottom:var(--ledger-rule);
	padding-block:var(--space-xs);
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:var(--space-2xs) var(--space-md);
	font-family:var(--pobo-be4);
	font-size:var(--fs-small);
	color:var(--ink);
}

.footer-facts a {
	color:var(--ink);
	text-decoration:underline;
}

.footer-facts a:hover {
	color:var(--accent);
}

.footer-facts a:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:2px;
}

.footer-legal-nav {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:var(--space-sm) var(--space-md);
	list-style:none;
	margin:0;
	padding:0;
}

.footer-legal-nav a {
	font-family:var(--pobo-be4);
	font-size:var(--fs-mono);
	color:var(--muted);
	text-decoration:none;
	min-height:44px;
	display:inline-flex;
	align-items:center;
	padding:var(--space-2xs) var(--space-3xs);
	transition:color var(--duration-fast) var(--ease-ledger);
}

.footer-legal-nav a:hover {
	color:var(--accent);
	text-decoration:underline;
}

.footer-legal-nav a:active {
	color:var(--accent-hover);
}

.footer-legal-nav a:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:2px;
}

.footer-sub {
	font-family:var(--pobo-be4);
	font-size:var(--fs-mono);
	color:var(--muted);
}

.footer-reopen-consent {
	background:transparent;
	border:1px dashed var(--line-dark);
	padding:var(--space-2xs) var(--space-xs);
	font-family:var(--pobo-be4);
	font-size:var(--fs-mono);
	color:var(--muted);
	cursor:pointer;
	min-height:44px;
	display:inline-flex;
	align-items:center;
	border-radius:var(--radius-xs);
	transition:color var(--duration-fast) var(--ease-ledger), border-color var(--duration-fast) var(--ease-ledger);
}

.footer-reopen-consent:hover {
	color:var(--ink);
	border-color:var(--ink);
}

.footer-reopen-consent:active {
	background-color:var(--line);
}

.footer-reopen-consent:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:2px;
}

.consent-bar {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:var(--z-banner);
	background-color:rgba(18, 20, 19, 0.98);
	color:#ffffff;
	border-top:2px solid var(--accent);
	padding:var(--space-sm) var(--space-md);
	box-shadow:0 -4px 20px rgba(0, 0, 0, 0.25);
	display:none;
}

.consent-bar.is-visible {
	display:block;
}

.consent-bar__inner {
	max-width:var(--measure-wide);
	margin-inline:auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:var(--space-md);
	flex-wrap:wrap;
}

.consent-bar__text {
	font-size:var(--fs-small);
	line-height:1.45;
	color:#e4e0d8;
	margin:0;
	max-width:65ch;
	flex:1 1 300px;
}

.consent-bar__text a {
	color:#ffffff;
	text-decoration:underline;
}

.consent-bar__text a:hover {
	color:#ffa392;
}

.consent-bar__text a:focus-visible {
	outline:2px solid #ffffff;
	outline-offset:2px;
}

.consent-bar__actions {
	display:flex;
	align-items:center;
	gap:var(--space-xs);
	flex-wrap:wrap;
}

.consent-btn {
	padding:var(--space-2xs) var(--space-md);
	min-height:44px;
	font-family:var(--pobo-be4);
	font-size:var(--fs-mono);
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.04em;
	border-radius:var(--radius-xs);
	cursor:pointer;
	border:1px solid transparent;
	transition:background-color var(--duration-fast) var(--ease-ledger), color var(--duration-fast) var(--ease-ledger), border-color var(--duration-fast) var(--ease-ledger), transform var(--duration-fast) var(--ease-ledger);
}

.consent-btn--allow {
	background-color:var(--accent);
	color:#ffffff;
	border-color:var(--accent);
}

.consent-btn--allow:hover {
	background-color:var(--accent-hover);
	border-color:var(--accent-hover);
}

.consent-btn--allow:active {
	background-color:#98240e;
	transform:translateY(1px);
}

.consent-btn--allow:focus-visible {
	outline:2px solid #ffffff;
	outline-offset:2px;
}

.consent-btn--deny {
	background-color:transparent;
	color:#e4e0d8;
	border-color:#595c57;
}

.consent-btn--deny:hover {
	background-color:#2b2e2d;
	color:#ffffff;
	border-color:#e4e0d8;
}

.consent-btn--deny:active {
	background-color:#121413;
	transform:translateY(1px);
}

.consent-btn--deny:focus-visible {
	outline:2px solid #ffffff;
	outline-offset:2px;
}

.chat-launcher {
	position:fixed;
	bottom:var(--space-md);
	right:var(--space-md);
	z-index:var(--z-chat);
	width:54px;
	height:54px;
	min-height:44px;
	min-width:44px;
	border-radius:50%;
	background-color:var(--ink);
	color:#ffffff;
	border:2px solid #ffffff;
	box-shadow:0 4px 14px rgba(18, 20, 19, 0.25);
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	transition:transform var(--duration-fast) var(--ease-ledger), background-color var(--duration-fast) var(--ease-ledger), bottom var(--duration-normal) var(--ease-ledger);
}

.chat-launcher:hover {
	background-color:var(--accent);
	transform:scale(1.05);
}

.chat-launcher:active {
	background-color:var(--accent-hover);
	transform:scale(0.95);
}

.chat-launcher:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:3px;
}

.chat-launcher.is-banner-active {
	bottom:calc(var(--space-md) + 70px);
}

.chat-launcher__badge {
	position:absolute;
	top:-4px;
	right:-4px;
	background-color:var(--accent);
	color:#ffffff;
	font-family:var(--pobo-be4);
	font-size:0.7rem;
	font-weight:700;
	width:20px;
	height:20px;
	border-radius:50%;
	border:2px solid #ffffff;
	display:none;
	align-items:center;
	justify-content:center;
}

.chat-panel {
	position:fixed;
	bottom:var(--space-md);
	right:var(--space-md);
	z-index:var(--z-chat);
	width:360px;
	max-width:calc(100vw - 2 * var(--space-md));
	height:520px;
	max-height:calc(100vh - 2 * var(--space-md));
	background-color:var(--bg);
	border:1px solid var(--ink);
	box-shadow:0 10px 30px rgba(18, 20, 19, 0.2);
	display:none;
	flex-direction:column;
	border-radius:var(--radius-sm);
	overflow:hidden;
}

.chat-panel.is-open {
	display:flex;
}

.chat-panel__header {
	background-color:var(--ink);
	color:#ffffff;
	padding:var(--space-sm) var(--space-md);
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-bottom:2px solid var(--accent);
}

.chat-panel__title {
	font-family:var(--pobo-8d2);
	font-size:var(--fs-small);
	letter-spacing:0.05em;
	margin:0;
	color:#ffffff;
}

.chat-panel__close {
	background:transparent;
	border:none;
	color:#ffffff;
	cursor:pointer;
	padding:var(--space-3xs);
	min-height:44px;
	min-width:44px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transition:color var(--duration-fast) var(--ease-ledger);
}

.chat-panel__close:hover {
	color:var(--accent);
}

.chat-panel__close:active {
	transform:scale(0.92);
}

.chat-panel__close:focus-visible {
	outline:2px solid var(--accent);
	outline-offset:2px;
}

.chat-panel__messages {
	flex:1;
	padding:var(--space-sm);
	overflow-y:auto;
	display:flex;
	flex-direction:column;
	gap:var(--space-xs);
	background-color:var(--surface);
}

.chat-bubble {
	max-width:80%;
	padding:var(--space-xs) var(--space-sm);
	border-radius:var(--radius-xs);
	font-size:var(--fs-small);
	line-height:1.4;
	word-break:break-word;
}

.chat-bubble--incoming {
	align-self:flex-start;
	background-color:var(--bg);
	border:var(--ledger-rule);
	color:var(--ink);
}

.chat-bubble--outgoing {
	align-self:flex-end;
	background-color:var(--ink);
	color:#ffffff;
}

.chat-bubble--system {
	align-self:center;
	font-family:var(--pobo-be4);
	font-size:var(--fs-mono);
	color:var(--muted);
	text-align:center;
	max-width:90%;
	margin-block:var(--space-2xs);
}

.chat-panel__input-row {
	padding:var(--space-xs);
	background-color:var(--bg);
	border-top:var(--ledger-rule);
	display:flex;
	gap:var(--space-2xs);
}

.chat-panel__input {
	flex:1;
	min-height:44px;
	padding:var(--space-2xs) var(--space-xs);
	border:1px solid var(--line-dark);
	border-radius:var(--radius-xs);
	font-size:var(--fs-small);
}

.chat-panel__input:focus {
	outline:2px solid var(--accent);
}

.chat-panel__send {
	background-color:var(--accent);
	color:#ffffff;
	border:none;
	min-height:44px;
	min-width:44px;
	padding-inline:var(--space-sm);
	cursor:pointer;
	border-radius:var(--radius-xs);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transition:background-color var(--duration-fast) var(--ease-ledger);
}

.chat-panel__send:hover {
	background-color:var(--accent-hover);
}

.chat-panel__send:active {
	background-color:#98240e;
}

.chat-panel__send:focus-visible {
	outline:2px solid var(--ink);
}