/* =========================================================
   Agrotree header — stable layout
   Logo left | Branch + Language + User far right
   Tabs + page title in one card
   ========================================================= */

:root {
	--at-green: #2f8f3a;
	--at-green-dark: #1f6b28;
	--at-green-soft: #e8f5ea;
	--at-ink: #1a2332;
	--at-muted: #5b677a;
	--at-line: #e4e9ef;
	--at-surface: #ffffff;
	--at-chip: #f0f3f1;
	--at-shadow: 0 1px 2px rgba(16, 42, 24, 0.05), 0 6px 16px rgba(16, 42, 24, 0.06);
	--at-control-h: 36px;
}

/* Google Translate hide */
.goog-te-banner-frame.skiptranslate,
.goog-te-gadget-icon,
body > .skiptranslate,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover {
	display: none !important;
}
body { top: 0 !important; position: static !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
#google_translate_element {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* ========== HEADER TOP ========== */
.page-header.page-header-modern {
	background: #fff !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	height: auto !important;
	min-height: 0 !important;
}

.page-header-modern .page-header-top {
	position: relative !important;
	float: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 68px !important;
	background: #fff !important;
	border-bottom: 1px solid var(--at-line) !important;
	padding: 10px 0 !important;
	margin: 0 !important;
	z-index: 10;
}

.page-header-modern .header-top-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 20px !important;
	box-sizing: border-box;
	float: none !important;
	clear: both;
}

/* Logo — LEFT */
.page-header-modern .header-brand-block {
	display: flex !important;
	align-items: center !important;
	gap: 14px;
	float: none !important;
	width: auto !important;
	margin: 0 auto 0 0 !important;
	flex: 0 1 auto;
	min-width: 0;
}

.page-header-modern .page-logo {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
	width: auto !important;
	line-height: 1 !important;
}

.page-header-modern .header-brand-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px;
	text-decoration: none !important;
}

.page-header-modern .header-brand-mark img {
	width: 42px;
	height: auto;
	display: block;
}

.page-header-modern .header-brand-wordmark img {
	width: 200px;
	max-width: 28vw;
	height: auto;
	display: block;
}

.page-header-modern .header-contact {
	display: flex;
	align-items: center;
	padding-left: 14px;
	border-left: 1px solid var(--at-line);
}

.page-header-modern .header-contact-badge {
	width: 190px;
	max-width: 22vw;
	height: auto;
	display: block;
}

/* Actions — RIGHT */
.page-header-modern .header-actions-wrap,
.page-header-modern .top-menu.header-actions-wrap {
	float: none !important;
	margin: 0 0 0 auto !important;
	padding: 0 !important;
	position: relative !important;
	flex: 0 0 auto;
}

.page-header-modern .header-actions {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 8px !important;
	float: none !important;
	margin: 0 !important;
	padding: 5px !important;
	list-style: none !important;
	background: #fff;
	border: 1px solid var(--at-line);
	border-radius: 12px;
	box-shadow: var(--at-shadow);
}

.page-header-modern .header-actions > li,
.page-header-modern .header-actions > li.dropdown,
.page-header-modern .header-actions > li.header-action {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
	position: relative !important;
}

/* Chips */
.page-header-modern .header-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	height: var(--at-control-h) !important;
	padding: 0 12px !important;
	margin: 0 !important;
	border-radius: 8px !important;
	background: var(--at-chip) !important;
	color: var(--at-ink) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	border: 1px solid transparent !important;
}

.page-header-modern .header-chip:hover,
.page-header-modern .open > .header-chip {
	background: var(--at-green-soft) !important;
	color: var(--at-green-dark) !important;
	text-decoration: none !important;
}

.page-header-modern .header-chip-icon {
	width: var(--at-control-h) !important;
	justify-content: center !important;
	padding: 0 !important;
}

.page-header-modern .header-chip-icon > i {
	font-size: 15px !important;
	margin: 0 !important;
}

/* Branch */
.page-header-modern .header-branch-select,
.dropdown-branch select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	display: block !important;
	height: var(--at-control-h) !important;
	max-width: 240px !important;
	margin: 0 !important;
	padding: 0 30px 0 12px !important;
	border: none !important;
	border-radius: 8px !important;
	background-color: var(--at-green) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1.4 1.4L6 6l4.6-4.6L12 2.8 6 8.8 0 2.8z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 10px 7px !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: var(--at-control-h) !important;
	cursor: pointer !important;
	text-transform: uppercase !important;
}

.page-header-modern .header-branch-select option {
	background: #fff;
	color: var(--at-ink);
	text-transform: none;
}

/* User chip */
.page-header-modern .header-user-avatar,
.page-header-modern .dropdown-user .dropdown-toggle > img {
	width: 26px !important;
	height: 26px !important;
	margin: 0 6px 0 0 !important;
	float: none !important;
	border-radius: 50% !important;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px var(--at-line);
}

.page-header-modern .header-user-chip .username {
	color: var(--at-ink) !important;
	font-weight: 700 !important;
	font-size: 13px !important;
}

.page-header-modern .header-user-caret,
.page-header-modern .lang-caret {
	font-size: 11px;
	opacity: 0.6;
}

.page-header-modern .lang-code { font-weight: 700; font-size: 12px; }

/* Dropdowns open to the right edge */
.page-header-modern .header-dropdown,
.page-header-modern .lang-switcher .dropdown-menu {
	right: 0 !important;
	left: auto !important;
	min-width: 210px;
	max-height: 320px;
	overflow-y: auto;
	margin-top: 6px !important;
	padding: 6px 0 !important;
	border: 1px solid var(--at-line) !important;
	border-radius: 10px !important;
	box-shadow: 0 10px 28px rgba(16, 42, 24, 0.12) !important;
	background: #fff !important;
	z-index: 9999 !important;
}

.page-header-modern .header-dropdown > li > a,
.page-header-modern .lang-switcher .dropdown-menu > li > a {
	display: flex !important;
	align-items: center;
	gap: 8px;
	padding: 8px 14px !important;
	font-size: 13px !important;
	color: var(--at-ink) !important;
}

.page-header-modern .header-dropdown > li > a:hover,
.page-header-modern .lang-switcher .dropdown-menu > li > a:hover,
.page-header-modern .lang-switcher .dropdown-menu > li.active > a {
	background: var(--at-green-soft) !important;
	color: var(--at-green-dark) !important;
}

.lang-switcher .lang-flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 20px;
	border-radius: 5px;
	background: var(--at-chip);
	font-size: 11px;
	font-weight: 700;
	color: var(--at-muted);
}

/* ========== TABS + TITLE = ONE CARD ========== */
.page-header-modern .page-header-menu {
	position: relative !important;
	float: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	background: #f4f7f5 !important;
	border: none !important;
	margin: 0 !important;
	padding: 12px 20px 16px !important;
	clear: both !important;
	z-index: 9;
}

.page-header-modern .header-nav-shell {
	width: 100%;
	margin: 0;
	padding: 0;
}

.page-header-modern .header-nav-card {
	background: #fff;
	border: 1px solid var(--at-line);
	border-radius: 12px;
	box-shadow: var(--at-shadow);
	overflow: visible;
}

.page-header-modern .header-nav-card .hor-menu {
	float: none !important;
	margin: 0 !important;
	padding: 0 6px !important;
	border-bottom: 1px solid var(--at-line);
}

.page-header-modern .header-nav-card .hor-menu > .navbar-nav {
	float: none !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 4px 0 !important;
}

.page-header-modern .header-nav-card .hor-menu > .navbar-nav > li {
	float: none !important;
}

.page-header-modern .header-nav-card .hor-menu > .navbar-nav > li > a {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--at-muted) !important;
	padding: 11px 13px !important;
	border-radius: 8px !important;
	margin: 2px 0 !important;
}

.page-header-modern .header-nav-card .hor-menu > .navbar-nav > li > a:hover,
.page-header-modern .header-nav-card .hor-menu > .navbar-nav > li:hover > a,
.page-header-modern .header-nav-card .hor-menu > .navbar-nav > li.open > a {
	color: var(--at-green-dark) !important;
	background: var(--at-green-soft) !important;
}

.page-header-modern .header-page-title {
	padding: 12px 18px 14px;
	background: #fff;
	border-radius: 0 0 12px 12px;
}

.page-header-modern .header-page-title h1 {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: var(--at-ink) !important;
}

/* Content under header */
.page-header-menu-fixed .page-container,
body.page-header-menu-fixed .page-container {
	margin-top: 0 !important;
}

.page-head { display: none !important; }

/* Login language */
.lang-switcher-login {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 100;
}
.lang-switcher-login .lang-toggle {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	height: 36px;
	padding: 0 12px !important;
	border-radius: 8px;
	background: #fff;
	box-shadow: var(--at-shadow);
	color: var(--at-ink) !important;
	font-weight: 600;
	text-decoration: none !important;
}
.lang-switcher-login .dropdown-menu {
	right: 0;
	left: auto;
	border-radius: 10px;
	border: 1px solid var(--at-line);
	margin-top: 6px;
}

@media (max-width: 991px) {
	.page-header-modern .header-contact { display: none; }
	.page-header-modern .header-brand-wordmark img { width: 160px; }
	.page-header-modern .header-branch-select { max-width: 160px !important; }
}

@media (max-width: 767px) {
	.page-header-modern .header-top-inner { flex-wrap: wrap; gap: 10px; }
	.page-header-modern .header-actions { flex-wrap: wrap; justify-content: flex-end; }
	.page-header-modern .lang-label { display: none !important; }
}