.hm{margin-top:4.2rem !important;}
	@media (width <= 767.98px) {.hm{margin-top:0rem !important;}}
	

	/* ============ Kontúr-stílusú fejléc réteg (.tr-header) ============
			   Csak add-on/felülíró szabályok — semmilyen eredeti class-t vagy
			   id-t nem távolít el, a data-toggle="dropdown" mechanizmust nem
			   érinti, a dropdown nyitás/zárás logikáját az app.bundle.js adja. */
			.tr-header{
				--tr-bg: rgb(8 45 73);
				--tr-bg-solid:#082d49;
				--tr-ink:#faf7f9;
				--tr-ink-soft:rgb(190 189 198 / 75%);
				--tr-accent:#746db1;
				--tr-accent-strong:#082d49;
				--tr-accent-tint:rgb(20 50 72);
				--tr-line:rgb(42 9 31);
				--tr-ease:cubic-bezier(.16,1,.3,1);
				font-family:"serif";
				background:var(--tr-bg) !important;
				backdrop-filter:blur(14px) saturate(1.3);
				-webkit-backdrop-filter:blur(14px) saturate(1.3);
				border-bottom:1px solid var(--tr-line);
				color:var(--tr-ink);
				display:flex;
				align-items:center;
				gap:18px;
				padding:10px 22px;
				transition:padding .3s var(--tr-ease), background .3s var(--tr-ease), box-shadow .3s var(--tr-ease);
				animation:trHeaderIn .5s var(--tr-ease);
			}
			.tr-header.tr-scrolled{
				padding-block:6px;
				background:var(--tr-bg-solid) !important;
				box-shadow:0 14px 32px -18px rgba(0,0,0,.55);
			}
			@keyframes trHeaderIn{ from{ transform:translateY(-100%); opacity:0; } to{ transform:translateY(0); opacity:1; } }
			@media (prefers-reduced-motion:reduce){
				.tr-header{ animation:none; }
			}

			.tr-header .page-logo-link{ transition:transform .4s var(--tr-ease); }
			.tr-header .page-logo-link:hover{ transform:scale(1.04); }
			.tr-header .page-logo-link img{ filter:drop-shadow(0 2px 10px rgba(232,83,111,.35)); }

			.tr-header {
				border:1px solid var(--tr-line) !important;
				background:#792a2a17 !important;
				color:var(--tr-ink) !important;
				transition:border-color .25s, background .25s, transform .25s var(--tr-ease);
			}
			.tr-header {
				border-color:#082d49 !important;
				background:var(--tr-accent-tint) !important;
				transform:translateY(-1px);
			
			}
             .sidebar-toggle{color:var(--tr-ink) !important;}
			.tr-header .header-icon{
				position:relative;
				display:flex;align-items:center;justify-content:center;
				width:40px;height:40px;
				border-radius:50%;
				color:var(--tr-ink-soft);
				transition:color .25s, background .25s, transform .25s var(--tr-ease);
			}
			.tr-header .header-icon:hover{
				color:var(--tr-accent-strong);
				background:var(--tr-accent-tint);
				transform:translateY(-1px);
			}
			.tr-header .header-icon i{ font-size:16.5px; }
			.tr-header .header-icon img.profile-image{
				width:32px;height:32px;object-fit:cover;
			}

			/* Kis pulzáló pont a csengő ikonon, ha van olvasatlan értesítés —
			   a meglévő #not-num tartalmát figyeli, semmilyen más logikát
			   nem érint. */
			.tr-notif-dot{
				position:absolute; top:6px; right:7px;
				width:8px;height:8px;border-radius:50%;
				background:var(--tr-accent-strong);
				box-shadow:0 0 0 2px var(--tr-bg-solid);
				opacity:0; transform:scale(.4);
				transition:opacity .25s, transform .25s var(--tr-ease);
			}
			.tr-notif-dot.show{
				opacity:1; transform:scale(1);
				animation:trPulse 1.8s ease-in-out infinite;
			}
			@keyframes trPulse{
				0%,100%{ box-shadow:0 0 0 2px var(--tr-bg-solid), 0 0 0 0 rgba(232,83,111,.55); }
				50%{ box-shadow:0 0 0 2px var(--tr-bg-solid), 0 0 0 6px rgba(232,83,111,0); }
			}
			@media (prefers-reduced-motion:reduce){
				.tr-notif-dot.show{ animation:none; }
			}

			.tr-header .dropdown-menu-animated{
				border:1px solid #b6cbe1 !important;
				background:#fcfcfc !important;
				color:#091327 !important;
				box-shadow:0 24px 48px -22px rgba(0,0,0,.55) !important;
				overflow:hidden;
			}
			.tr-header .dropdown-header.bg-trans-gradient{
				background:linear-gradient(120deg, var(--tr-accent), var(--tr-accent-strong)) !important;
			}
			.tr-header .dropdown-item{
				display:flex;align-items:center;
				padding:10px 16px;
				font-size:13.5px;font-weight:500;
				color:#242f59;
				transition:background .2s, padding-left .2s var(--tr-ease);
			}
			.tr-header .dropdown-item:hover{
				background:#e0e1e8;
				padding-left:20px;
				color:#06073e;
			}
			.tr-header .dropdown-divider{ border-color:var(--tr-line) !important; }
			.tr-header .bg-faded{ background:rgba(250,247,249,0.04) !important; }
			.tr-header .border-faded{ border-color:var(--tr-line) !important; }

			.tr-header .nav-tabs-clean .nav-link{
				color:var(--tr-ink-soft);position:relative;
			}
			.tr-header .nav-tabs-clean .nav-link::after{
				content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;
				background:var(--tr-accent);transform:scaleX(0);transform-origin:left;
				transition:transform .3s var(--tr-ease);
			}
			.tr-header .nav-tabs-clean .nav-link.active{ color:var(--tr-ink); }
			.tr-header .nav-tabs-clean .nav-link.active::after{ transform:scaleX(1); }

			.tr-header .prof-icon .profile-image{
				border:2px solid transparent;
				transition:border-color .3s, transform .3s var(--tr-ease);
			}
			.tr-header .prof-icon:hover .profile-image{
				border-color:var(--tr-accent);
				transform:scale(1.05);
			}
			.tr-header .info-card-text .fs-lg{
				font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;
			}

			.tr-header .btn{
				border:1px solid var(--tr-line);
				color:var(--tr-ink);
				transition:border-color .25s, background .25s, transform .25s var(--tr-ease);
			}
			.tr-header .btn:hover{
				border-color:var(--tr-accent);
				background:var(--tr-accent-tint);
				transform:translateY(-1px);
				color:var(--tr-ink);
			}

			@media (max-width:900px){
				.tr-header{ padding-inline:16px; gap:10px; }
			}
			@media (max-width:575.98px){
				.tr-header{ padding-inline:12px; gap:6px; }
				.tr-header .header-icon{ width:36px; height:36px; }
			}

			/* ============ Fő navigáció (.tr-main-nav) — a korábbi bal
			   oldali sidebar-menü helyett, a fejlécben ============ */
			.tr-main-nav{ margin-left:4px; }
			.tr-nav-list{ display:flex; align-items:center; gap:2px; list-style:none; margin:0; padding:0; }
			.tr-nav-item{ position:relative; }
			.tr-nav-link{
				display:flex; align-items:center; gap:6px;
				padding:10px 14px;
				font-size:1.0rem; font-weight:600;
				color:#cbd2d7;
				background:none; border:0; cursor:pointer; font-family:inherit;
				position:relative; text-decoration:none; white-space:nowrap;
			}
			.tr-nav-link::after{
				content:""; position:absolute; left:14px; right:14px; bottom:3px; height:2px;
				background:var(--tr-accent);
				transform:scaleX(0); transform-origin:left;
				transition:transform .3s var(--tr-ease);
			}
			.tr-nav-link:hover,
			.tr-nav-item.tr-open .tr-nav-link,
			.tr-nav-link.tr-active{ color:#85d1f7 !important; }
			.tr-nav-link:hover::after,
			.tr-nav-item.tr-open .tr-nav-link::after,
			.tr-nav-link.tr-active::after{ transform:scaleX(1); }
			.tr-chevron{ width:10px; height:10px; transition:transform .3s var(--tr-ease); flex-shrink:0; }
			.tr-nav-item.tr-open .tr-chevron{ transform:rotate(180deg); }

			.tr-submenu{
				position:absolute; top:calc(100% + 10px); left:0;
				min-width:220px;
				background:var(--tr-bg-solid);
				border:1px solid var(--tr-line);
				box-shadow:0 24px 48px -22px rgba(0,0,0,.55);
				padding:8px;
				opacity:0; visibility:hidden; pointer-events:none;
				transform:translateY(-8px);
				transition:opacity .26s var(--tr-ease), transform .26s var(--tr-ease), visibility .26s;
				z-index:200;
			}
			.tr-nav-item.tr-open .tr-submenu{ opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
			.tr-submenu-link{
				display:block; padding:9px 12px; border-radius:2px;
				font-size:13.5px; font-weight:500; color:var(--tr-ink);
				transition:background .2s; text-decoration:none;
			}
			.tr-submenu-link:hover{ background:var(--tr-accent-tint); color:var(--tr-ink); }
			.tr-submenu-link.tr-active{ color:#7fcdd8; font-weight:700; }

			/* A .tr-main-nav ugyanazon a töréspont-logikán rejtőzik/jelenik
			   meg, mint amit a $togle_btn ("s-xl-none") már ma is használ a
			   mobil gombra — ha nálatok az "xl" töréspont nem 1200px-nél
			   van, csak ezt az egy max-width értéket kell módosítani. */
			@media (max-width:1199.98px){
				.tr-main-nav{ display:none; }
			}

			/* Nyitott mobilmenünél a fejléc mobil-gombja kiemelt színt kap */
			.tr-header .sidebar-toggle i{ transition:transform .3s var(--tr-ease); }
			.tr-header .sidebar-toggle[aria-expanded="true"] i{ transform:rotate(90deg); }

			/* ============ Mobil (off-canvas) menü ============ */
			.tr-mobile-overlay{
				position:fixed; inset:0; background:rgb(26 52 71 / 52%);
				opacity:0; visibility:hidden;
				transition:opacity .35s var(--tr-ease), visibility .35s;
				z-index:9998;
			}
			.tr-mobile-overlay.tr-open{ opacity:1; visibility:visible; }

			.tr-mobile-menu{
				border:1px solid #4a516c;
				position:fixed; top:0; left:0; bottom:0;
				width:min(280px,86vw);
				background:#060b1e;
				 background-image: -webkit-gradient(linear,left bottom, left top,from(rgba(80,80,80,.09)),to(transparent));
                  background-image: linear-gradient(to ,rgb(117 165 223 / 15%),#354ca5ba);
				border-left:1px solid var(--tr-line);
				color:#80bfed;
				text-shadow: 1px 1px 3px #000716;
				display:flex; flex-direction:column;
				transform:translateX(-100%);
				transition:transform .42s var(--tr-ease);
				z-index:9999;
				overflow-y:auto;
				font-family:"serif";
			}
			.tr-mobile-menu.tr-open{ transform:translateX(0); }
			.tr-mobile-menu-header{
				display:flex; align-items:center; justify-content:space-between;
				padding:18px 20px; border-bottom:1px solid var(--tr-line);
				font-weight:700; font-size:14px; letter-spacing:.06em;
			}
			.tr-mobile-close{
				width:30px; height:30px; font-size:22px; line-height:1;
				color:var(--tr-ink-soft); background:none; border:0; cursor:pointer;
			}
			.tr-mobile-close:hover{ color:var(--tr-accent-strong); }

			.tr-mobile-nav-list{ list-style:none; margin:0; padding:8px 8px 26px; }
			.tr-mobile-nav-list > li{
				opacity:0; transform:translateX(14px);
				transition:opacity .4s var(--tr-ease), transform .4s var(--tr-ease);
				border: 0.02rem solid #213f50; margin-top:.19rem;
				background:#15303ba3;
			}
.tr-mobile-nav-list > li:hover{
				opacity:0; transform:translateX(14px);
				transition:opacity .4s var(--tr-ease), transform .4s var(--tr-ease);
				border: 0.02rem solid #294b5d; margin-top:.19rem;
				background:#a4e4bb1a;
			}
		
			.tr-mobile-menu.tr-open .tr-mobile-nav-list > li{ opacity:1; transform:translateX(0); }
			.tr-mobile-menu.tr-open .tr-mobile-nav-list > li:nth-child(1){ transition-delay:.08s; }
			.tr-mobile-menu.tr-open .tr-mobile-nav-list > li:nth-child(2){ transition-delay:.13s; }
			.tr-mobile-menu.tr-open .tr-mobile-nav-list > li:nth-child(3){ transition-delay:.18s; }
			.tr-mobile-menu.tr-open .tr-mobile-nav-list > li:nth-child(4){ transition-delay:.23s; }

			.tr-mobile-nav-link{
				display:block; padding:13px 12px; font-size:15.5px; font-weight:600;
				color:var(--tr-ink); border-bottom:1px solid var(--tr-line); text-decoration:none;
			}
			.tr-mobile-nav-link.tr-active{ color:var(--tr-accent-strong); }
			.tr-mobile-accordion{ border-bottom:1px solid var(--tr-line); }
			.tr-mobile-accordion-trigger{
				width:100%; display:flex; align-items:center; justify-content:space-between;
				padding:13px 12px; font-size:15.5px; font-weight:600;
				color:var(--tr-ink); background:none; border:0; cursor:pointer; font-family:inherit;
			}
			.tr-mobile-accordion-trigger[aria-expanded="true"] .tr-chevron{ transform:rotate(180deg); }
			.tr-mobile-accordion-panel{
				display:grid; grid-template-rows:0fr;
				transition:grid-template-rows .38s var(--tr-ease);
			}
			.tr-mobile-accordion-panel-inner{ overflow:hidden; }
			.tr-mobile-accordion-trigger[aria-expanded="true"] + .tr-mobile-accordion-panel{ grid-template-rows:1fr; }
			.tr-mobile-sublink{
				display:block; padding:9px 12px 9px 22px; font-size:14px; color:var(--tr-ink-soft); text-decoration:none;
			}
			.tr-mobile-sublink:hover{ color:var(--tr-accent-strong); }
			.tr-mobile-sublink.tr-active{ color:red !important; font-weight:600; }

			body.tr-nav-locked{ overflow:hidden; }

			@media (prefers-reduced-motion:reduce){
				.tr-submenu, .tr-mobile-menu, .tr-mobile-overlay, .tr-mobile-accordion-panel{ transition:none; }
			}	
			
			
			
			.header-icon:not(.btn) {
		min-width: 3.125rem;
		text-align: center;
		overflow: visible
	}


	.header-icon:not(.btn)>.ni:first-child,.header-icon:not(.btn)>[class*=fa-]:first-child {
		color: #6a7eb5;
		vertical-align: middle
	}


	.header-icon:not(.btn)>[class*=fa-]:first-child {
		font-size: 21px
	}


	.header-icon:not(.btn)>.ni:first-child {
		font-size: 21px
	}
    .header-icon:not(.btn)>.ph:first-child {
		font-size: 23px; color: #b0c1f1;
	}

	.header-icon:not(.btn):hover>.ni,.header-icon:not(.btn):hover>[class*=fa-]:only-child {
		color: #404040;
		padding:.9rem .2rem !important;
	}


	.header-icon:not(.btn)[data-toggle=dropdown][data-toggle=dropdown]:after {
		content: " fdddddf";
		width: 2.33rem !important;
		height: 2.33rem !important;
		position: absolute;
		background: #020a109e!important;
		border-radius: 50%;
		top: 0.1rem !important ;
		z-index: -1;
		left: 0.06rem !important;
		opacity: 0;
		padding:3px !important;
		-webkit-transition: all .1s ease-in;
		transition: all .1s ease-in
	}


	.header-icon:not(.btn)[data-toggle=dropdown][aria-expanded=true] {
		color: #404040;
		position: relative;
		z-index: 1001;
		font-weight: 500
	}


	.header-icon:not(.btn)[data-toggle=dropdown][aria-expanded=true]:after {
		content: " ";
		width: 2.5rem;
		height: 2.5rem;
		top: .8125rem;
		z-index: -1;
		left: .3125rem;
		opacity: 1
	}


	.header-icon:not(.btn)[data-toggle=dropdown][aria-expanded=true]>.ni:first-child,.header-icon:not(.btn)[data-toggle=dropdown][aria-expanded=true]>[class*=fa-]:first-child {
		color: #404040!important;
		-webkit-background-clip: initial;
		-webkit-text-fill-color: initial;
		background: 0 0
	}


	.header-icon:not(.btn)[data-toggle=dropdown]+.dropdown-menu {
		position: absolute;
		border: 0 solid #ccc;
		right: 2rem;
		top: 4.0625rem!important;
		left: auto!important;
		padding: 0;
		margin: 0
	}


	.header-icon:not(.btn) .profile-image {
		width: 2rem;
		height: auto
	}


	/* ======================================================================
	   Fejléc (header)
	   ====================================================================== */

	.header-icon:hover {
		cursor: default;
		color: #404040
	}


	/* ======================================================================
	   Gombok (buttons)
	   ====================================================================== */

	.dropdown-icon-menu>.btn {
		z-index: 1
	}


	/* ======================================================================
	   Lenyíló menük (dropdown)
	   ====================================================================== */

	.dropdown-icon-menu>ul {
		opacity: 0;
		list-style: none;
		margin: 0;
		position: absolute;
		background: #fff;
		height: 2.25rem;
		padding: 2.75rem 4px 5px;
		width: 3.75rem;
		margin-left: 1px;
		margin-top: -2.5rem;
		left: -5px;
		overflow: hidden;
		-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.12),0 0 3px rgba(0,0,0,.24);
		box-shadow: 0 3px 3px rgba(0,0,0,.12),0 0 3px rgba(0,0,0,.24);
		border-radius: .25rem;
		-webkit-transition: all 270ms cubic-bezier(.34,1.25,.3,1);
		transition: all 270ms cubic-bezier(.34,1.25,.3,1)
	}
	
	.header-icon:not(.btn) {
		min-width: 2.025rem !important;
		text-align: center;
		overflow: visible
	}