/* 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;
}
/* Logged-in ticket portal header — separate element from .navbar-default */
#navbar.navbar-collapse.header_icon_link {
	background: #fff !important;
	border-bottom: 1px solid #E5E7EB;
	padding: 14px 24px;
}
#navbar .navbar-brand-logo img {
	max-height: 32px;
	width: auto;
}
#navbar .header_top_usericon {
	background: #0F172A !important;
}

/* Ticket dashboard: "Create New Ticket" button + active tab underline —
   both hardcode the theme's old accent blue (rgb(34,60,134)) directly. */
.create-ticket {
	background: #0F172A !important;
	border-color: #0F172A !important;
}
a.active {
	border-bottom-color: #0F172A !important;
}

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

/* Login card + any panel/card surface */
.panel, .panel-filled, .panel-default, .card {
	background: #fff !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 6px !important;
	box-shadow: 0 3px 22px -2px rgba(0,0,0,0.06) !important;
}
.panel-body, .card-body {
	background: #fff !important;
}

/* Inputs */
.form-control {
	border: 1px solid #E2E8F0 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-family: 'Inter', sans-serif;
	background: #fff !important;
}
.form-control:focus {
	border-color: #4669FA !important;
	box-shadow: none !important;
}

/* Buttons */
.btn-accent, .btn-primary, button[type="submit"].btn {
	background: #0F172A !important;
	border-color: #0F172A !important;
	color: #fff !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}
.btn-accent:hover, .btn-primary:hover {
	background: #1E293B !important;
	border-color: #1E293B !important;
}
.btn-danger {
	background: #fff !important;
	border: 1px solid #E2E8F0 !important;
	color: #475569 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}

/* Ticket status badges */
.label, .badge {
	border-radius: 50px !important;
	font-weight: 500;
}

/* 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;
}