/* Brand alignment override — matches app.tenacitly.com's design system.
   Loaded after the legacy theme's own CSS so these rules win without
   needing to touch the underlying Bootstrap markup/behavior. */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

body {
	background: #EEF1F9 !important;
	font-family: 'Outfit', 'Inter', sans-serif !important;
	color: #475569;
}

a {
	color: #0F172A;
}
a:hover {
	color: #4669FA;
}

/* Header */
.navbar-default {
	background: #fff !important;
	border-bottom: 1px solid #E5E7EB;
	padding: 14px 0;
}
.navbar-default .navbar-brand img {
	max-height: 34px;
	width: auto;
}

/* Page title */
h1, h2, h3, h4, h5 {
	font-family: 'Outfit', 'Inter', sans-serif;
	color: #0F172A;
	font-weight: 600;
}

/* Search bar + Clear button */
.form-control {
	border: 1px solid #E2E8F0 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-family: 'Inter', sans-serif;
}
.form-control:focus {
	border-color: #4669FA !important;
	box-shadow: none !important;
}
button.form-control[style*="background"] {
	background: #0F172A !important;
	border-color: #0F172A !important;
	border-radius: 8px !important;
}
.btn-danger {
	background: #fff !important;
	border: 1px solid #E2E8F0 !important;
	color: #475569 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}
.btn-danger:hover {
	border-color: #dc3545 !important;
	color: #dc3545 !important;
}

/* Article cards */
.card, .panel, .panel-default {
	background: #fff;
	border: 1px solid #E5E7EB !important;
	border-radius: 6px !important;
	box-shadow: 0 3px 22px -2px rgba(0,0,0,0.06) !important;
}
.card-header, .panel-heading {
	background: #fff !important;
	border-bottom: 1px solid #E5E7EB !important;
	border-radius: 6px 6px 0 0 !important;
}
.card-header a, .panel-heading a {
	color: #0F172A;
	font-weight: 500;
}
.kb-badge-type.badge {
	background: #DEE4FC !important;
	color: #2563EB !important;
	border-radius: 50px !important;
	font-weight: 500;
	padding: 4px 12px;
}

/* Footer */
.kb-brand-footer {
	margin-top: 40px;
	padding: 20px 0;
	border-top: 1px solid #E5E7EB;
	text-align: center;
	color: #94A3B8;
	font-size: 12px;
	font-family: 'Inter', sans-serif;
}