/* AMS V3 Header
 * Scope: topbar, global search, header icons, language/theme/notification/logout/menu controls.
 */
.ams-v3-topbar{
	height:var(--ams-v3-topbar);
	padding:16px 28px 10px;
	display:flex;
	align-items:center;
	gap:14px;
	position:sticky;
	top:0;
	z-index:700;
	background:color-mix(in srgb,var(--ams-v3-bg) 86%,transparent);
	backdrop-filter:blur(18px);
	border-bottom:1px solid rgba(37,44,61,.08);
}
html[data-ams-theme="dark"] .ams-v3-topbar,
body.ams-v3-dark .ams-v3-topbar{border-bottom-color:rgba(255,255,255,.055);}

.ams-v3-global-search{
	height:48px;
	max-width:560px;
	flex:1;
	background:var(--ams-v3-field-bg);
	border:1px solid var(--ams-v3-field-border);
	border-radius:999px;
	display:flex;
	align-items:center;
	gap:10px;
	padding:0 16px;
}
.ams-v3-global-search i{color:var(--ams-v3-primary);}
.ams-v3-global-search input{
	width:100%;
	border:0;
	outline:0;
	background:transparent;
	color:var(--ams-v3-field-text);
	font:300 14px var(--ams-v3-font);
}
.ams-v3-topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:10px;}
.ams-v3-icon-button,
.ams-v3-pill-button{
	width:44px;
	min-width:44px;
	height:44px;
	border-radius:50%;
	background:transparent!important;
	border:1px solid rgba(20,33,61,.18)!important;
	box-shadow:none!important;
	color:var(--ams-v3-primary)!important;
	padding:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	font:300 14px var(--ams-v3-font);
	cursor:pointer;
	position:relative;
}
.ams-v3-pill-button{width:auto;min-width:62px;padding:0 12px;border-radius:999px;}
.ams-v3-icon-button i,
.ams-v3-pill-button i,
.ams-v3-pill-button span{color:var(--ams-v3-primary)!important;}
.ams-v3-icon-button:hover,
.ams-v3-pill-button:hover{background:rgba(20,33,61,.055)!important;}
.ams-v3-icon-button em{
	position:absolute;
	inset-block-start:-5px;
	inset-inline-end:-5px;
	min-width:19px;
	height:19px;
	border-radius:999px;
	background:#d85a94;
	color:#fff;
	border:2px solid var(--ams-v3-bg);
	font-style:normal;
	font-size:11px;
	display:grid;
	place-items:center;
}
.ams-v3-topbar-logout i{color:var(--ams-v3-primary)!important;}
.ams-v3-menu-button{display:none;}

html[data-ams-theme="dark"] .ams-v3-icon-button,
body.ams-v3-dark .ams-v3-icon-button,
html[data-ams-theme="dark"] .ams-v3-pill-button,
body.ams-v3-dark .ams-v3-pill-button{border-color:rgba(255,255,255,.18)!important;color:#fff!important;}
html[data-ams-theme="dark"] .ams-v3-icon-button i,
body.ams-v3-dark .ams-v3-icon-button i,
html[data-ams-theme="dark"] .ams-v3-pill-button i,
body.ams-v3-dark .ams-v3-pill-button i,
html[data-ams-theme="dark"] .ams-v3-pill-button span,
body.ams-v3-dark .ams-v3-pill-button span,
html[data-ams-theme="dark"] .ams-v3-topbar-logout i,
body.ams-v3-dark .ams-v3-topbar-logout i{color:#fff!important;}
html[data-ams-theme="dark"] .ams-v3-icon-button:hover,
body.ams-v3-dark .ams-v3-icon-button:hover,
html[data-ams-theme="dark"] .ams-v3-pill-button:hover,
body.ams-v3-dark .ams-v3-pill-button:hover{background:rgba(255,255,255,.07)!important;}

@media(min-width:901px){.ams-v3-menu-button{display:inline-flex!important;}}
@media(max-width:900px){
	.ams-v3-topbar{height:auto;padding:12px;flex-wrap:wrap;}
	.ams-v3-topbar-actions{gap:8px;}
	.ams-v3-global-search{order:3;flex-basis:100%;max-width:none;}
	.ams-v3-icon-button,.ams-v3-pill-button{width:42px;min-width:42px;height:42px;}
	.ams-v3-pill-button{min-width:58px;}
}



/* Customer support dropdown beside notifications */
.ams-v3-support-menu{
	position:relative;
	display:inline-flex;
}
.ams-v3-support-panel{
	position:absolute;
	inset-block-start:calc(100% + 12px);
	inset-inline-end:0;
	width:220px;
	padding:10px;
	background:#fff;
	border:1px solid #e8edf5;
	border-radius:22px;
	box-shadow:0 22px 55px rgba(15,23,42,.16);
	z-index:960;
}
.ams-v3-support-item{
	display:flex;
	align-items:center;
	gap:10px;
	padding:11px 12px;
	border-radius:16px;
	text-decoration:none;
	color:var(--ams-v3-text);
	font:500 14px var(--ams-v3-font);
}
.ams-v3-support-item:hover{
	background:rgba(20,33,61,.055);
}
.ams-v3-support-item span{
	width:36px;
	min-width:36px;
	height:36px;
	border-radius:14px;
	display:grid;
	place-items:center;
	background:rgba(215,181,101,.16);
	color:var(--ams-v3-gold);
}
.ams-v3-support-item strong{
	font:500 14px var(--ams-v3-font);
	color:var(--ams-v3-text);
}
.ams-v3-support-item.is-disabled{
	opacity:.45;
	pointer-events:none;
}
html[data-ams-theme="dark"] .ams-v3-support-panel,
body.ams-v3-dark .ams-v3-support-panel{
	background:#121a2b;
	border-color:rgba(255,255,255,.10);
	box-shadow:0 22px 60px rgba(0,0,0,.40);
}
html[data-ams-theme="dark"] .ams-v3-support-item:hover,
body.ams-v3-dark .ams-v3-support-item:hover{
	background:rgba(255,255,255,.07);
}
@media(max-width:600px){
	.ams-v3-support-panel{
		inset-inline-end:-10px;
	}
}

/* Language selector dropdown beside header actions */
.ams-v3-language-menu{
	position:relative;
	display:inline-flex;
}
.ams-v3-language-toggle{
	width:44px!important;
	min-width:44px!important;
	padding:0!important;
	border-radius:50%!important;
}
.ams-v3-language-panel{
	position:absolute;
	inset-block-start:calc(100% + 12px);
	inset-inline-end:0;
	width:180px;
	padding:10px;
	background:#fff;
	border:1px solid #e8edf5;
	border-radius:22px;
	box-shadow:0 22px 55px rgba(15,23,42,.16);
	z-index:965;
}
.ams-v3-language-item{
	display:flex;
	align-items:center;
	gap:10px;
	padding:11px 12px;
	border-radius:16px;
	text-decoration:none;
	color:var(--ams-v3-text);
	font:500 14px var(--ams-v3-font);
}
.ams-v3-language-item:hover,
.ams-v3-language-item.is-active{
	background:rgba(215,181,101,.14);
}
.ams-v3-language-item span{
	width:34px;
	min-width:34px;
	height:34px;
	border-radius:13px;
	display:grid;
	place-items:center;
	background:rgba(215,181,101,.16);
	color:var(--ams-v3-gold);
	font:600 12px var(--ams-v3-font);
}
.ams-v3-language-item strong{
	font:500 14px var(--ams-v3-font);
	color:var(--ams-v3-text);
}
html[data-ams-theme="dark"] .ams-v3-language-panel,
body.ams-v3-dark .ams-v3-language-panel{
	background:#121a2b;
	border-color:rgba(255,255,255,.10);
	box-shadow:0 22px 60px rgba(0,0,0,.40);
}
html[data-ams-theme="dark"] .ams-v3-language-item:hover,
body.ams-v3-dark .ams-v3-language-item:hover,
html[data-ams-theme="dark"] .ams-v3-language-item.is-active,
body.ams-v3-dark .ams-v3-language-item.is-active{
	background:rgba(215,181,101,.16);
}
@media(max-width:600px){
	.ams-v3-language-panel{
		inset-inline-end:-10px;
	}
}

/* AMS legacy app header extraction
 * Scope: legacy Moderator/Broker `.ams-topbar` header controls only.
 * app-shell.css remains loaded as fallback for canvas/sidebar state.
 */
.ams-topbar {
	height: 74px;
	padding: 0 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: sticky;
	top: 0;
	z-index: 900;
	border-bottom: 1px solid var(--ams-border);
	background: var(--ams-surface);
	box-shadow: var(--ams-shadow);
}

.ams-topbar-left,
.ams-topbar-right {
	display: flex;
	align-items: center;
	gap: 12px;
}

.ams-search-wrap {
	width: 320px;
	max-width: 28vw;
	position: relative !important;
	border-color: var(--ams-border) !important;
	background: var(--ams-surface-soft) !important;
}

.ams-search-wrap:focus-within {
	border-color: var(--ams-border-strong);
	box-shadow: 0 0 0 3px rgba(99,102,241,0.10);
}

.ams-search-submit {
	position: absolute !important;
	top: 50% !important;
	right: 10px !important;
	z-index: 6 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: var(--ams-text-soft) !important;
	cursor: pointer !important;
}

.ams-search-submit:hover,
.ams-search-submit:focus {
	color: var(--ams-accent-gold) !important;
	background: rgba(199, 171, 104, 0.12) !important;
	outline: none !important;
}

.ams-search-wrap i {
	position: absolute !important;
	top: 50% !important;
	right: 16px !important;
	z-index: 5 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ams-text-soft);
	font-size: 15px !important;
	line-height: 1 !important;
	pointer-events: none !important;
	transform: translateY(-50%) !important;
}

.ams-search-submit i {
	position: static !important;
	transform: none !important;
	pointer-events: none !important;
	font-size: 15px !important;
	color: currentColor !important;
}

html[dir="ltr"] .ams-search-submit {
	right: auto !important;
	left: 10px !important;
}

html[dir="ltr"] .ams-search-wrap i {
	right: auto !important;
	left: 16px !important;
}

.ams-search {
	width: 100%;
	height: 40px;
	padding-right: 56px !important;
	padding-left: 16px !important;
	border: 1px solid rgba(100,116,139,0.22) !important;
	border-radius: 10px !important;
	background: var(--ams-surface-soft);
	color: var(--ams-text);
	font-size: 13px;
	font-weight: 500;
	line-height: 40px !important;
	outline: none;
}

html[dir="ltr"] .ams-search {
	padding-left: 56px !important;
	padding-right: 16px !important;
}

html[dir="rtl"] .ams-search {
	padding-inline-start: 16px;
	padding-inline-end: 46px;
}

.ams-search:focus,
.ams-topbar .ams-search:focus {
	border-color: rgba(100,116,139,0.38) !important;
	box-shadow: 0 0 0 3px rgba(100,116,139,0.10) !important;
}

.ams-search::placeholder {
	color: var(--ams-text-soft);
}

.ams-global-search-dropdown {
	position: absolute;
	top: calc(100% + 10px);
	inset-inline: 0;
	z-index: 1350;
	max-height: min(520px, calc(100vh - 110px));
	padding: 10px;
	border: 1px solid var(--ams-border);
	border-radius: 16px;
	background: color-mix(in srgb, var(--ams-surface) 94%, transparent);
	box-shadow: 0 22px 58px rgba(2, 6, 23, 0.28);
	backdrop-filter: blur(18px);
	overflow-y: auto;
}

.ams-global-search-dropdown[hidden] {
	display: none;
}

.ams-global-search-group {
	display: grid;
	gap: 6px;
	padding: 6px 0;
}

.ams-global-search-group + .ams-global-search-group {
	border-top: 1px solid var(--ams-border);
}

.ams-global-search-group h4 {
	margin: 0;
	padding: 4px 5px;
	color: var(--ams-accent-gold);
	font-size: 11px;
	font-weight: 900;
}

.ams-global-search-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 48px;
	padding: 9px 10px;
	border: 1px solid transparent;
	border-radius: 12px;
	color: var(--ams-text);
	text-decoration: none;
	transition: var(--ams-transition);
}

.ams-global-search-item:hover,
.ams-global-search-item:focus {
	border-color: rgba(199, 171, 104, 0.28);
	background: var(--ams-hover);
	outline: none;
}

.ams-global-search-main {
	min-width: 0;
}

.ams-global-search-main strong,
.ams-global-search-main small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ams-global-search-main strong {
	font-size: 13px;
	font-weight: 850;
	line-height: 1.45;
}

.ams-global-search-main small {
	margin-top: 3px;
	color: var(--ams-text-soft);
	font-size: 11px;
	font-weight: 650;
}

.ams-global-search-type {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding: 0 9px;
	border: 1px solid rgba(199, 171, 104, 0.28);
	border-radius: 999px;
	background: rgba(199, 171, 104, 0.12);
	color: var(--ams-accent-gold);
	font-size: 11px;
	font-weight: 850;
	white-space: nowrap;
}

.ams-global-search-empty {
	padding: 18px 12px;
	color: var(--ams-text-soft);
	font-size: 13px;
	font-weight: 700;
	text-align: center;
}

.ams-icon-btn,
.ams-mobile-menu,
.ams-topbar .ams-icon-btn,
.ams-topbar .ams-mobile-menu {
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1px solid var(--ams-border) !important;
	border-radius: 14px !important;
	background: var(--ams-surface-soft) !important;
	box-shadow: none !important;
	color: var(--ams-text) !important;
	cursor: pointer;
	transition: all .2s ease;
}

.ams-icon-btn:hover,
.ams-mobile-menu:hover,
.ams-topbar .ams-icon-btn:hover,
.ams-topbar .ams-mobile-menu:hover {
	border-color: var(--ams-border-strong) !important;
	background: rgba(255,255,255,0.07) !important;
	transform: translateY(-2px);
}

.ams-mobile-menu,
.ams-topbar .ams-mobile-menu {
	display: none !important;
}

.ams-topbar .ams-icon-btn {
	color: #c7ab68 !important;
}

.ams-topbar .ams-icon-btn i {
	color: inherit;
}

.ams-user-chip {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 12px;
	border: 1px solid var(--ams-border);
	border-radius: 16px;
	background: var(--ams-surface);
	box-shadow: var(--ams-shadow);
}

.ams-user-chip img {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover;
}

.ams-user-meta {
	display: flex;
	flex-direction: column;
}

.ams-user-meta strong {
	color: var(--ams-text);
	font-size: 14px;
	font-weight: 800;
}

.ams-user-meta small {
	color: var(--ams-text-soft);
	font-size: 11px;
	font-weight: 700;
}

.ams-notification-wrap,
.ams-topbar .ams-notification-btn {
	position: relative !important;
	overflow: visible;
}

.ams-topbar .ams-notification-btn .ams-dot {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: #c7ab68;
	box-shadow: 0 0 0 3px rgba(199,171,104,0.14);
	pointer-events: none;
}

.ams-topbar .ams-notification-btn::before,
.ams-topbar .ams-notification-btn::after {
	content: none;
}

.ams-topbar .ams-notification-btn i {
	position: relative;
	z-index: 1;
	background: transparent;
	box-shadow: none;
}

.ams-notification-badge {
	position: absolute !important;
	top: -7px !important;
	left: -7px !important;
	right: auto !important;
	z-index: 5 !important;
	min-width: 22px !important;
	height: 22px !important;
	padding: 0 6px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 2px solid var(--ams-card, #fff) !important;
	border-radius: 999px !important;
	background: var(--ams-accent-gold, #c7ad63) !important;
	color: #0f172a !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	transform: none !important;
}

@media (max-width: 1024px) {
	.ams-topbar {
		height: 72px;
		padding: 0 14px;
	}

	.ams-search-wrap {
		display: none;
	}

	.ams-user-meta {
		display: none;
	}

	.ams-topbar .ams-mobile-menu {
		display: inline-flex !important;
	}
}

@media (max-width: 768px) {
	.ams-search-wrap {
		width: 100%;
		max-width: none;
	}

	.ams-global-search-dropdown {
		position: fixed;
		top: 76px;
		inset-inline: 10px;
		width: auto;
		max-height: calc(100vh - 96px);
	}
}

@media (max-width: 640px) {
	.ams-topbar-left,
	.ams-topbar-right {
		gap: 8px;
	}

	.ams-icon-btn,
	.ams-mobile-menu,
	.ams-topbar .ams-icon-btn,
	.ams-topbar .ams-mobile-menu {
		width: 40px !important;
		height: 40px !important;
		border-radius: 12px !important;
	}

	.ams-user-chip img {
		width: 36px;
		height: 36px;
	}
}

@media (max-width: 560px) {
	.ams-notification-badge {
		top: -5px !important;
		left: -5px !important;
	}
}

/* AMS V3 header live global search */
.ams-v3-global-search{
	position:relative;
}
.ams-v3-global-search-submit{
	width:28px;
	min-width:28px;
	height:28px;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
	padding:0!important;
	margin:0!important;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:var(--ams-v3-primary)!important;
	cursor:pointer;
}
.ams-v3-global-search-dropdown{
	position:absolute;
	top:calc(100% + 10px);
	inset-inline:0;
	z-index:1500;
	max-height:min(520px,calc(100vh - 110px));
	padding:10px;
	border:1px solid var(--ams-v3-field-border);
	border-radius:18px;
	background:color-mix(in srgb,var(--ams-v3-card) 96%,transparent);
	box-shadow:0 22px 58px rgba(2,6,23,.28);
	backdrop-filter:blur(18px);
	overflow-y:auto;
}
.ams-v3-global-search-dropdown[hidden]{display:none;}
.ams-v3-global-search-group{display:grid;gap:6px;padding:6px 0;}
.ams-v3-global-search-group + .ams-v3-global-search-group{border-top:1px solid var(--ams-v3-border);}
.ams-v3-global-search-group h4{margin:0;padding:4px 5px;color:var(--ams-v3-gold);font-size:11px;font-weight:500;}
.ams-v3-global-search-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:9px 10px;border:1px solid transparent;border-radius:14px;color:var(--ams-v3-text);text-decoration:none;transition:.18s ease;}
.ams-v3-global-search-item:hover,
.ams-v3-global-search-item:focus{border-color:rgba(199,171,104,.30);background:color-mix(in srgb,var(--ams-v3-gold) 10%,transparent);outline:none;}
.ams-v3-global-search-main{min-width:0;}
.ams-v3-global-search-main strong,
.ams-v3-global-search-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ams-v3-global-search-main strong{font-size:13px;font-weight:500;line-height:1.45;}
.ams-v3-global-search-main small{margin-top:3px;color:var(--ams-v3-muted);font-size:11px;font-weight:300;}
.ams-v3-global-search-type{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border:1px solid rgba(199,171,104,.28);border-radius:999px;background:rgba(199,171,104,.12);color:var(--ams-v3-gold);font-size:11px;font-weight:500;white-space:nowrap;}
.ams-v3-global-search-empty{padding:18px 12px;color:var(--ams-v3-muted);font-size:13px;font-weight:300;text-align:center;}

/* AMS V3 header search dropdown opacity fix */
.ams-v3-global-search-dropdown{
	background:var(--ams-v3-surface,#ffffff)!important;
	border-color:var(--ams-v3-border,rgba(15,23,42,.12))!important;
	box-shadow:0 26px 70px rgba(2,6,23,.34)!important;
	backdrop-filter:none!important;
	-webkit-backdrop-filter:none!important;
	isolation:isolate;
}
html[data-ams-theme="dark"] .ams-v3-global-search-dropdown,
body.ams-v3-dark .ams-v3-global-search-dropdown{
	background:#101b2d!important;
	border-color:rgba(148,163,184,.18)!important;
	box-shadow:0 30px 80px rgba(0,0,0,.48)!important;
}
.ams-v3-global-search-item{
	background:transparent;
}
.ams-v3-global-search-item:hover,
.ams-v3-global-search-item:focus{
	background:rgba(199,171,104,.12)!important;
}
html[data-ams-theme="dark"] .ams-v3-global-search-item:hover,
body.ams-v3-dark .ams-v3-global-search-item:focus,
body.ams-v3-dark .ams-v3-global-search-item:hover,
html[data-ams-theme="dark"] .ams-v3-global-search-item:focus{
	background:rgba(199,171,104,.14)!important;
}