/* ==========================================================================
   Sanimix admin - egységes narancs design (2026-09-11)
   Réteg a meglévő Inspinia/Bootstrap 3 sablon (style.css) fölött - semmit
   nem ír át abban, csak felülcímez. Kizárólag vizuális réteg: szín, forma,
   árnyék, tipográfia, átmenet. Funkciót/JS-t nem érint.
   Csak az !important-tel jelölt szín-jellegű tulajdonságok (background,
   border-color, box-shadow, color) írnak felül szándékosan magas
   specificitású skin-szabályokat - elrendezési tulajdonságot (width,
   padding, display, position) SOHA nem érint !important-tel.
   ========================================================================== */

:root {
	--sm-orange: #F68B1F;
	--sm-orange-dark: #D9740A;
	--sm-orange-darker: #B8620A;
	--sm-orange-tint: #FDEEDC;
	--sm-orange-tint-strong: #FBE0BF;

	--sm-ink: #2b2420;
	--sm-ink-light: #3a322c;
	--sm-ink-lighter: #4a4038;

	--sm-bg: #f7f5f2;
	--sm-card-bg: #ffffff;
	--sm-border: #ece6de;
	--sm-border-strong: #ddd3c6;

	--sm-text: #4c4640;
	--sm-text-muted: #8a8177;
	--sm-heading: #2b2420;

	--sm-shadow-sm: none;
	--sm-shadow: none;
	--sm-shadow-lg: 0 8px 24px rgba(43, 36, 32, 0.14);

	--sm-radius: 0px;
	--sm-radius-sm: 3px;
}

/* --------------------------------------------------------------------
   Alap / tipográfia
   -------------------------------------------------------------------- */

body {
	background: var(--sm-bg) !important;
	color: var(--sm-text);
}

.wrapper-inner {
	background: var(--sm-bg) !important;
	padding: 22px 28px 100px !important;
}

.page-wrapper {
	background: var(--sm-bg) !important;
}

body.skin5 .wrapper-inner h2 {
	color: var(--sm-heading) !important;
	font-weight: 400;
}

/* ==========================================================================
   Oldalfejléc (Page Header), Breadcrumb és Felső Akciógombok
   ========================================================================== */
.breadcrumb.sm-page-header,
.breadcrumb {
	background: transparent !important;
	padding: 0 0 16px 0 !important;
	margin-bottom: 18px !important;
	position: relative !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-end !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	border-bottom: 1px solid var(--sm-border);
}

.sm-header-titles {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.breadcrumb h2 {
	font-weight: 600 !important;
	font-size: 24px !important;
	color: var(--sm-heading) !important;
	margin: 0 !important;
	letter-spacing: -0.015em;
	line-height: 1.2;
}

.sm-breadcrumb-trail,
.breadcrumb {
	font-size: 12px;
	color: var(--sm-text-muted);
}

.breadcrumb a:not(.btn) {
	color: var(--sm-orange-dark);
	text-decoration: none;
	transition: color 0.15s ease;
}

.breadcrumb a:not(.btn):hover {
	color: var(--sm-orange);
	text-decoration: underline;
}

.sm-breadcrumb-trail i,
.breadcrumb > i {
	color: #b0a597;
	margin: 0 5px;
	font-size: 11px;
}

/* --- Jobb felső funkciógombok (sm-header-actions / kategoria-outer) --- */
.sm-header-actions.kategoria-outer,
.kategoria-outer {
	position: static !important;
	top: auto !important;
	right: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 9px !important;
	z-index: 100 !important;
}

/* 1. Export CSV Gomb (Elegáns, tiszta segédgomb kék letöltés ikonnal) */
.sm-header-actions .sm-btn-export,
.kategoria-outer a.btn-info {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	height: 36px !important;
	padding: 0 14px !important;
	font-size: 12.5px !important;
	font-weight: 500 !important;
	font-family: inherit !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	border: 1px solid #d4cdc3 !important;
	color: #383028 !important;
	text-decoration: none !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
	transition: all 0.15s ease-in-out !important;
	white-space: nowrap !important;
	line-height: normal !important;
}

.sm-header-actions .sm-btn-export i,
.kategoria-outer a.btn-info i {
	color: #0284c7 !important;
	font-size: 13px !important;
	transition: transform 0.15s ease !important;
}

.sm-header-actions .sm-btn-export:hover,
.kategoria-outer a.btn-info:hover {
	background: #faf7f2 !important;
	border-color: #bfb5a6 !important;
	color: #1a1510 !important;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08) !important;
	transform: translateY(-1px);
}

.sm-header-actions .sm-btn-export:hover i,
.kategoria-outer a.btn-info:hover i {
	transform: translateY(1px);
}

.sm-header-actions .sm-btn-export:active,
.kategoria-outer a.btn-info:active {
	transform: translateY(0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

/* 2. Új termék Gomb (Pozitív smaragd/zöld Call-To-Action) */
.sm-header-actions .sm-btn-create,
.kategoria-outer .btn-success {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	height: 36px !important;
	padding: 0 15px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	font-family: inherit !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #16a34a 0%, #15803d 100%) !important;
	border: 1px solid #15803d !important;
	color: #ffffff !important;
	box-shadow: 0 1px 3px rgba(22, 163, 74, 0.28), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
	transition: all 0.15s ease-in-out !important;
	white-space: nowrap !important;
	line-height: normal !important;
	cursor: pointer;
}

.sm-header-actions .sm-btn-create i,
.kategoria-outer .btn-success i {
	color: #ffffff !important;
	font-size: 13px !important;
}

.sm-header-actions .sm-btn-create:hover,
.kategoria-outer .btn-success:hover {
	background: linear-gradient(180deg, #15803d 0%, #166534 100%) !important;
	border-color: #166534 !important;
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(22, 163, 74, 0.4) !important;
	transform: translateY(-1px);
}

.sm-header-actions .sm-btn-create:active,
.kategoria-outer .btn-success:active {
	transform: translateY(0);
	box-shadow: 0 1px 2px rgba(22, 163, 74, 0.2) !important;
}

/* 3. Kategória szűrő Gomb (Sanimix Signature Orange) */
.sm-header-actions .sm-btn-filter,
.kategoria-outer .btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	height: 36px !important;
	padding: 0 14px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	font-family: inherit !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, var(--sm-orange) 0%, var(--sm-orange-dark) 100%) !important;
	border: 1px solid var(--sm-orange-dark) !important;
	color: #ffffff !important;
	box-shadow: 0 1px 3px rgba(232, 93, 4, 0.28), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
	transition: all 0.15s ease-in-out !important;
	white-space: nowrap !important;
	line-height: normal !important;
	cursor: pointer;
}

.sm-header-actions .sm-btn-filter i,
.kategoria-outer .btn-primary i {
	color: #ffffff !important;
	font-size: 12px !important;
}

.sm-filter-chevron {
	font-size: 10px !important;
	color: rgba(255, 255, 255, 0.85) !important;
	margin-left: 2px;
	transition: transform 0.2s ease;
}

.sm-header-actions .sm-btn-filter:hover,
.kategoria-outer .btn-primary:hover {
	background: linear-gradient(180deg, var(--sm-orange-dark) 0%, #a23800 100%) !important;
	border-color: #a23800 !important;
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(232, 93, 4, 0.4) !important;
	transform: translateY(-1px);
}

.sm-header-actions .sm-btn-filter:active,
.kategoria-outer .btn-primary:active {
	transform: translateY(0);
	box-shadow: 0 1px 2px rgba(232, 93, 4, 0.2) !important;
}

.sm-btn-filter-active {
	background: linear-gradient(180deg, #c2410c 0%, #9a3412 100%) !important;
	border-color: #7c2d12 !important;
	box-shadow: 0 0 0 2px rgba(232, 93, 4, 0.35), 0 2px 6px rgba(0,0,0,0.15) !important;
}

/* --- Kategória szűrő lenyíló oldalsáv (.t_kat_outer & .t_kat_box) --- */
.t_kat_outer {
	position: fixed !important;
	top: calc(var(--sm-header-height) + 16px) !important;
	right: -333px;
	width: 320px;
	z-index: 10005 !important;
	box-shadow: -6px 10px 30px rgba(0, 0, 0, 0.16) !important;
	border-radius: 12px 0 0 12px !important;
	overflow: hidden;
}

.t_kat_outer .t_kat_box {
	background: #ffffff !important;
	border: 1px solid #dfd7cc !important;
	border-right: none !important;
	border-radius: 12px 0 0 12px !important;
	max-height: calc(100vh - 130px) !important;
	overflow-y: auto !important;
	padding: 8px 6px 12px 6px !important;
	box-shadow: none !important;
	color: #383027 !important;
}

.t_kat_box_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 10px 10px 10px;
	border-bottom: 1px solid #e8e2d8;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #231c16;
}

.t_kat_box_header i {
	color: var(--sm-orange);
	margin-right: 4px;
}

.t_kat_close {
	border: none;
	background: transparent;
	cursor: pointer;
	color: #8c8175;
	font-size: 13px;
	padding: 3px 7px;
	border-radius: 4px;
	transition: all 0.15s ease;
}

.t_kat_close:hover {
	background: #f5f0eb;
	color: #231c16;
}

.t_kat_outer .t_kat_box .t_kat_item a {
	color: #383027 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 8px 10px !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	transition: all 0.12s ease-in-out !important;
	line-height: 1.3 !important;
}

.t_kat_outer .t_kat_box .t_kat_item a i {
	color: #9c9184;
	font-size: 11px;
	width: 14px;
	text-align: center;
	transition: color 0.12s ease;
}

.t_kat_outer .t_kat_box .t_kat_item a:hover {
	background: var(--sm-orange-tint) !important;
	color: var(--sm-orange-dark) !important;
	padding-left: 14px !important;
}

.t_kat_outer .t_kat_box .t_kat_item a:hover i {
	color: var(--sm-orange-dark);
}

.t_kat_outer .t_kat_box .t_kat_item_arch a {
	color: #6b7280 !important;
}

.t_kat_outer .t_kat_box .t_kat_item_arch a:hover {
	background: #f3f4f6 !important;
	color: #111827 !important;
}

::selection {
	background: var(--sm-orange-tint-strong);
}

/* modern, vékony scrollbar - csak webkit alapú böngészőkben (Chrome/Edge) */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-track {
	background: transparent;
}
::-webkit-scrollbar-thumb {
	background: #d8cfc2;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--sm-orange);
}

/* --------------------------------------------------------------------
   Oldalsó navigáció (sidebar) — Sticky + Independent Scroll + Modern Design
   -------------------------------------------------------------------- */

/* Sidebar szélességi és magassági változók */
:root {
    --sm-sidebar-width: 230px;
    --sm-sidebar-min-width: 70px;
    --sm-header-height: 64px;
}

/* A nav wrapper maga: fixed, teljes magasság, saját görgetés */
.navbar-static-left {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: var(--sm-sidebar-width) !important;
    height: 100vh !important;
    z-index: 1000 !important;
    background: var(--sm-ink) !important;
    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.22) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    transition: width .2s ease !important;
}

body.fixed-sidebar .navbar-static-left {
    position: fixed !important;
    width: var(--sm-sidebar-width) !important;
}

/* Min-menu állapot (összecsukott) */
body.min-menu .navbar-static-left {
    width: var(--sm-sidebar-min-width) !important;
}

/* Jobb oldali tartalom: margó a sidebar szélességének megfelelően */
.page-wrapper {
    margin-left: var(--sm-sidebar-width) !important;
    transition: margin-left .2s ease !important;
}

body.min-menu .page-wrapper {
    margin-left: var(--sm-sidebar-min-width) !important;
}

/* ---- Brand logó fejléc a menü tetején (pontos magasság, hogy a jobb felső sávval egy vonalban legyen) ---- */
.sm-sidebar-brand {
    flex-shrink: 0;
    height: var(--sm-header-height) !important;
    min-height: var(--sm-header-height) !important;
    max-height: var(--sm-header-height) !important;
    box-sizing: border-box !important;
    padding: 10px 16px !important;
    border-bottom: 3px solid var(--sm-orange) !important;
    text-align: center;
    background: rgba(0, 0, 0, 0.12);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sm-sidebar-logo {
    max-height: 44px !important;
    max-width: 180px;
    width: auto;
    display: inline-block;
    transition: all .2s ease;
    object-fit: contain;
}

body.min-menu .sm-sidebar-brand {
    padding: 10px 8px !important;
}

body.min-menu .sm-sidebar-logo {
    max-width: 54px;
    max-height: 38px !important;
}

/* ---- Görgetési terület: csak a menülista görget ---- */
.sm-sidebar-scroll {
    flex: 1 1 auto;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    /* Egyedi vékony, sötét scrollbar a sidebaron belül */
}

.sm-sidebar-scroll::-webkit-scrollbar {
    width: 4px;
}

.sm-sidebar-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.sm-sidebar-scroll::-webkit-scrollbar-thumb {
    background: rgba(246, 139, 31, 0.35);
    border-radius: 4px;
}

.sm-sidebar-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(246, 139, 31, 0.7);
}

/* ---- Felhasználói profil doboz ---- */
.navbar-static-left .userbox {
    background-image: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    padding: 20px 14px 18px !important;
    text-align: center !important;
    position: relative !important;
}

.userbox .userpicture {
    width: 62px !important;
    height: 62px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 3px var(--sm-orange), 0 0 0 5px rgba(246, 139, 31, 0.2) !important;
    margin: 0 auto 10px !important;
    display: block !important;
}

.userbox .usertext h2 {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 0 4px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.userbox .usertext div {
    font-size: 11px !important;
    color: rgba(246, 139, 31, 0.8) !important;
    cursor: pointer !important;
    transition: color .15s ease;
}

.userbox .usertext div:hover {
    color: var(--sm-orange) !important;
}

/* Személyes menü lenyíló ablak — tökéletesen középre igazítva, karcsú, modern kialakítással */
.userbox .user-profile-box {
    position: absolute !important;
    top: calc(100% - 6px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    width: 170px !important;
    min-width: 0 !important;
    max-width: 90% !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
    border-top: 3px solid var(--sm-orange) !important;
    z-index: 100 !important;
    overflow: hidden !important;
    text-align: left !important;
}

.userbox .user-profile-box .item {
    padding: 8px 14px !important;
    border-bottom: 1px solid #f2ede6 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: background-color .15s ease, color .15s ease !important;
}

.userbox .user-profile-box .item:last-child {
    border-bottom: none !important;
}

.userbox .user-profile-box .item:hover {
    background: var(--sm-orange-tint) !important;
}

.userbox .user-profile-box .item i {
    color: var(--sm-orange) !important;
    font-size: 13px !important;
    width: 16px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
}

.userbox .user-profile-box .item a {
    color: var(--sm-text) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
}

.userbox .user-profile-box .item:hover a {
    color: var(--sm-orange-dark) !important;
}

/* ---- Navigációs lista ---- */
.sm-nav {
    padding: 10px 0 24px !important;
    margin: 0 !important;
}

.sm-nav > li {
    position: relative;
    margin: 2px 10px !important;
    border-radius: 10px !important;
    list-style: none;
    overflow: visible;
}

.nav > li > a {
    color: rgba(255, 255, 255, 0.7) !important;
    border-left: none !important;
    border-radius: 10px !important;
    padding: 11px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px;
    font-size: 13.5px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    transition: background-color .15s ease, color .15s ease !important;
}

.nav > li > a > i {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 16px !important;
    width: 20px !important;
    text-align: center !important;
    flex-shrink: 0;
    transition: color .15s ease !important;
}

body.skin5 .nav > li > a:hover,
.nav > li > a:hover {
    background-color: rgba(246, 139, 31, 0.14) !important;
    border-left: none !important;
    color: #fff !important;
}

.nav > li > a:hover > i {
    color: var(--sm-orange) !important;
}

.nav > li.active > a {
    background: linear-gradient(135deg, #F89128 0%, #D97008 100%) !important;
    border-left: none !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(246, 139, 31, 0.35) !important;
}

.nav > li.active > a > i {
    color: #fff !important;
}

/* ---- Almenük ---- */
body.skin5 .nav > li > .almenu,
.nav > li > .almenu {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-left: none !important;
    border-radius: 8px !important;
    margin: 2px 0 4px 0 !important;
    padding: 2px 0 !important;
    overflow: hidden;
}

.nav > li > .almenu a {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 12.5px !important;
    padding: 6px 12px 6px 38px !important;
    display: block;
    transition: color .15s ease, background-color .15s ease, padding-left .15s ease !important;
    border-radius: 0 !important;
    line-height: 1.3 !important;
}

.nav > li > .almenu a:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(246, 139, 31, 0.45);
    margin-right: 8px;
    vertical-align: middle;
    transition: background .15s ease;
}

.nav > li > .almenu a:hover {
    color: #fff !important;
    background-color: rgba(246, 139, 31, 0.1) !important;
    padding-left: 42px !important;
}

.nav > li > .almenu a:hover:before {
    background: var(--sm-orange);
}

/* ---- Min-menu (összecsukott) állapot ---- */
body.min-menu .navbar-static-left .sm-nav > li {
    margin: 2px 6px !important;
}

body.min-menu .navbar-static-left .nav > li > a {
    padding: 12px !important;
    justify-content: center !important;
    border-radius: 10px !important;
}

body.min-menu .navbar-static-left .nav > li > a > i {
    font-size: 20px !important;
    width: auto !important;
}

/* Profil doboz középre igazítva összecsukott módban */
body.min-menu .navbar-static-left .userbox {
    padding: 14px 6px 12px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

body.min-menu .userbox .userpicture {
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Profil szöveg és dropdown elrejtése összecsukott módban */
body.min-menu .navbar-static-left .userbox .usertext {
    display: none !important;
}

body.min-menu .navbar-static-left .nav > li > .almenu {
    position: absolute !important;
    left: var(--sm-sidebar-min-width) !important;
    top: 0 !important;
    width: 180px !important;
    z-index: 2000 !important;
    box-shadow: var(--sm-shadow-lg) !important;
    border-radius: 0 10px 10px 0 !important;
    background: var(--sm-ink-light) !important;
}

/* ---- ÚJ badge ---- */
.nav > li .menu-label {
    background-color: var(--sm-orange) !important;
    border-color: var(--sm-orange) !important;
    border-radius: 20px !important;
    font-size: 9px !important;
    padding: 2px 6px !important;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

/* ---- Hamburger gomb — a logó és profil közötti elválasztó vonalkán ---- */
.navbar-header .menubar {
    position: fixed !important;
    left: var(--sm-sidebar-width) !important;
    top: calc(var(--sm-header-height) - 1.5px) !important;
    transform: translateY(-50%) translateX(-50%) !important;
    z-index: 1100 !important;
    transition: left .2s ease !important;
}

body.min-menu .navbar-header .menubar {
    left: var(--sm-sidebar-min-width) !important;
}

.navbar-header .menubar button {
    background: var(--sm-orange) !important;
    border: 1px solid var(--sm-orange-dark) !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
    transition: background-color .15s ease, transform .15s ease !important;
    cursor: pointer !important;
}

.navbar-header .menubar button:hover {
    background: var(--sm-orange-dark) !important;
    transform: scale(1.1) !important;
}

.navbar-header .menubar button i {
    font-size: 13px !important;
    color: #fff !important;
    line-height: 1 !important;
}


/* --------------------------------------------------------------------
   Felső navbar / fejléc (magasság pontosan egyezik a bal oldali logó sávval)
   -------------------------------------------------------------------- */

.navbar-fixed-top, .navbar-static-top {
	position: sticky !important;
	top: 0 !important;
	left: auto !important;
	right: auto !important;
	height: var(--sm-header-height) !important;
	min-height: var(--sm-header-height) !important;
	max-height: var(--sm-header-height) !important;
	box-sizing: border-box !important;
	line-height: calc(var(--sm-header-height) - 3px) !important;
	background: #ffffff !important;
	border-bottom: 3px solid var(--sm-orange) !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
	margin-bottom: 0 !important;
	z-index: 1030 !important;
}

.navbar-top-links li {
	line-height: calc(var(--sm-header-height) - 3px) !important;
}

.navbar-top-links .wellcome {
	color: var(--sm-text);
}

.navbar-top-links li i {
	color: var(--sm-orange-dark);
}

.border-top {
	border-top: 3px solid var(--sm-orange) !important;
}

/* --------------------------------------------------------------------
   Gombok
   -------------------------------------------------------------------- */

.btn {
	border-radius: var(--sm-radius-sm);
	font-weight: 600;
	transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}

.btn:active {
	transform: translateY(1px);
}

.btn-primary,
body.skin5 .btn-primary,
.login-container .btn-primary,
.remind-password-container .btn-primary {
	background-color: var(--sm-orange) !important;
	border-color: var(--sm-orange) !important;
	color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
	background-color: var(--sm-orange-dark) !important;
	border-color: var(--sm-orange-dark) !important;
}

.btn-primary:active,
.btn-primary.active {
	background-color: var(--sm-orange-darker) !important;
	border-color: var(--sm-orange-darker) !important;
}

.btn-primary:focus,
.btn-primary.focus,
.btn.focus,
.btn:focus {
	box-shadow: 0 0 0 3px var(--sm-orange-tint-strong);
	outline: none;
}

.btn-default {
	background-color: #fff;
	border-color: var(--sm-border-strong);
	color: var(--sm-text);
}

.btn-default:hover {
	background-color: var(--sm-bg);
	border-color: var(--sm-orange);
	color: var(--sm-orange-dark);
}

.btn-success:hover { filter: brightness(0.95); }
.btn-danger:hover { filter: brightness(0.95); }
.btn-info:hover { filter: brightness(0.95); }
.btn-warning:hover { filter: brightness(0.95); }

.listbtn {
	border-radius: var(--sm-radius-sm);
}

.button-box {
	background-color: var(--sm-bg) !important;
	border-top: 1px solid var(--sm-border);
}

/* --------------------------------------------------------------------
   Kártyák / panelek (form-content, szoveg-doboz)
   -------------------------------------------------------------------- */

.form-content {
	background-color: var(--sm-card-bg) !important;
	border: 1px solid var(--sm-border) !important;
	border-top: 3px solid var(--sm-orange) !important;
	border-radius: var(--sm-radius);
	box-shadow: var(--sm-shadow);
	padding: 24px 26px;
	margin-bottom: 22px;
}

/* ha .form-section kártyákat tartalmaz, ő maga csak átlátszó elrendező -
   a kártyák lebegnek az oldal hátterén, nem egy nagy kártyán belül
   (így fest a design canvas referencia: sections a page bg-n, nem egymásban) */
.form-content:has(.form-section) {
	background: transparent !important;
	border: none !important;
	border-top: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin-bottom: 0;
}

.form-group {
	margin-bottom: 18px;
}

.form-group label {
	margin-bottom: 6px;
	font-weight: 600 !important;
}

.tab-title {
	background-color: var(--sm-orange-tint) !important;
	background-image: none !important;
	border-bottom: 1px solid var(--sm-border) !important;
	margin: -24px -26px 20px -26px !important;
	padding: 12px 26px !important;
	font-size: 14px;
	font-weight: 600;
	color: var(--sm-heading);
}

.form-content-button-group {
	background: var(--sm-card-bg);
	padding: 4px;
}

.form-group-title {
	background-color: var(--sm-orange-tint) !important;
	background-image: none !important;
	border-bottom: 1px solid var(--sm-border) !important;
	margin: -24px -26px 20px -26px !important;
	padding: 12px 26px !important;
	font-size: 14px;
	font-weight: 600;
	color: var(--sm-heading);
	letter-spacing: .2px;
}

.form-content .form-group-title:not(:first-child) {
	margin-top: 24px !important;
}

.szoveg-doboz {
	background: var(--sm-card-bg) !important;
	border: 1px solid var(--sm-border) !important;
	border-top: 3px solid var(--sm-orange) !important;
	box-shadow: var(--sm-shadow);
}

.szoveg-doboz .title {
	color: var(--sm-heading);
	border-bottom: 1px solid var(--sm-border);
}

.szoveg-doboz .doboz-content {
	overflow-y: auto;
}

.k_stat_box {
	border: 1px solid var(--sm-border);
	border-radius: var(--sm-radius-sm);
	transition: box-shadow .15s ease, border-color .15s ease;
}

.k_stat_box:hover {
	border-color: var(--sm-orange);
	box-shadow: var(--sm-shadow-sm);
}

/* uj_termek.php és hasonló, sok szekciós oldalak - vizuálisan különálló
   kártyák szekciónként (lásd .form-section wrapper a sablonban) */
.form-section {
	background-color: #ffffff !important;
	border: 1px solid #e7e2da !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 3px rgba(43, 36, 32, 0.04), 0 4px 12px rgba(43, 36, 32, 0.02) !important;
	padding: 20px 22px !important;
	margin-bottom: 24px !important;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.form-section:hover {
	border-color: #ded8ce !important;
	box-shadow: 0 2px 8px rgba(43, 36, 32, 0.06), 0 8px 20px rgba(43, 36, 32, 0.03) !important;
}

.form-section:last-child {
	margin-bottom: 0;
}

.form-section .form-group-title {
	margin: -20px -22px 20px -22px !important;
	padding: 13px 22px !important;
	background-color: #fbf9f6 !important;
	border-bottom: 1px solid #ede7df !important;
	border-radius: 11px 11px 0 0 !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	color: #231c16 !important;
	letter-spacing: -0.01em !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

/* --------------------------------------------------------------------
   Táblázatok / dataTables — Letisztult, ergonomikus prémium design
   -------------------------------------------------------------------- */

.table-responsive {
	border: 1px solid var(--sm-border) !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	box-shadow: 0 2px 10px rgba(43, 36, 32, 0.05) !important;
	overflow: hidden !important;
	margin-bottom: 24px !important;
}

.dataTables_wrapper {
	background: #ffffff !important;
	border-radius: 10px !important;
}

/* Felső eszköztár: egyetlen vékony sorban, balra és jobbra zárva */
.dataTables_wrapper > .row:first-child:before,
.dataTables_wrapper > .row:first-child:after {
	display: none !important;
	content: none !important;
}

.dataTables_wrapper > .row:first-child {
	background: #ffffff !important;
	border-bottom: 1px solid #ede7df !important;
	padding: 8px 16px !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	height: 48px !important;
	min-height: 48px !important;
	box-sizing: border-box !important;
}

/* Bal oldal: tétel/oldal választó balra zárva */
.dataTables_wrapper > .row:first-child > .col-sm-6:first-child,
.dataTables_wrapper .dataTables_length {
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	float: none !important;
	width: auto !important;
	background: transparent !important;
}

.dataTables_wrapper .dataTables_length label {
	color: #6b6055 !important;
	font-size: 12.5px !important;
	font-weight: 500 !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.dataTables_length select {
	height: 30px !important;
	border: 1px solid #dcd4c8 !important;
	border-radius: 6px !important;
	padding: 2px 8px !important;
	background-color: #faf8f5 !important;
	color: var(--sm-heading) !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	outline: none !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
}

.dataTables_length select:hover {
	background-color: #ffffff !important;
	border-color: #c9bfb2 !important;
}

.dataTables_length select:focus {
	background-color: #ffffff !important;
	border-color: var(--sm-orange) !important;
	box-shadow: 0 0 0 2px rgba(246, 139, 31, 0.2) !important;
}

/* Jobb oldal: szűrő kereső jobb oldalra zárva */
.dataTables_wrapper > .row:first-child > .col-sm-6:last-child,
.dataTables_wrapper .dataTables_filter {
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	float: none !important;
	width: auto !important;
	margin-left: auto !important;
	background: transparent !important;
}

.dataTables_wrapper .dataTables_filter label {
	font-size: 0 !important;
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
}

.dataTables_wrapper .dataTables_filter label:before {
	content: "\f002";
	font-family: FontAwesome;
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #a3988b;
	font-size: 12px;
	pointer-events: none;
	z-index: 1;
}

.dataTables_filter input {
	height: 30px !important;
	line-height: 30px !important;
	border: 1px solid #dcd4c8 !important;
	border-radius: 16px !important;
	padding: 2px 14px 2px 32px !important;
	background-color: #faf8f5 !important;
	color: var(--sm-heading) !important;
	font-size: 12px !important;
	margin-left: 0 !important;
	outline: none !important;
	min-width: 240px !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
	transition: all .2s ease !important;
}

.dataTables_filter input:hover {
	background-color: #ffffff !important;
	border-color: #c9bfb2 !important;
}

.dataTables_filter input:focus {
	background-color: #ffffff !important;
	border-color: var(--sm-orange) !important;
	box-shadow: 0 0 0 3px rgba(246, 139, 31, 0.2) !important;
	min-width: 260px !important;
}

.dataTables_filter input::placeholder {
	color: #aba195 !important;
	font-size: 12px !important;
}

/* 1. SOR: Oszlopfejlécek (thead) — Finom, letisztult prémium fejléc */
body.skin5 .dataTables_wrapper thead,
.dataTables_wrapper thead {
	background: #f8f6f2 !important;
	color: var(--sm-heading) !important;
}

.dataTables_wrapper thead th {
	background: #f8f6f2 !important;
	border: none !important;
	border-bottom: 1px solid #e5ded4 !important;
	color: #6b6054 !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 11px !important;
	letter-spacing: .6px !important;
	padding: 12px 14px !important;
	vertical-align: middle !important;
	transition: background-color .15s ease, color .15s ease !important;
}

.dataTables_wrapper thead th:hover {
	background-color: #f0ece5 !important;
	color: var(--sm-heading) !important;
}

/* Rendezési nyilak elegánsabbá tétele */
table.dataTable thead .sorting:after {
	opacity: 0.2 !important;
	color: #8c8175 !important;
	font-size: 11px !important;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
	background-color: #f2ece3 !important;
	color: var(--sm-orange-dark) !important;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
	color: var(--sm-orange) !important;
	opacity: 0.9 !important;
}

/* 2. SOR: Oszlopszűrők sora (tfoot) — Beágyazott, kompakt és diszkrét szűrősáv */
tfoot,
.dataTables_wrapper tfoot {
	background: #faf8f5 !important;
}

.dataTables_wrapper tfoot th {
	background: #faf8f5 !important;
	border: none !important;
	border-bottom: 2px solid #ded6ca !important;
	padding: 5px 6px !important;
	vertical-align: middle !important;
}

/* A duplikált checkbox helye a 2. sorban -> üresen hagyva az elcsúszások elkerülésére */
.dataTables_wrapper tfoot th:first-child input[name="check_all_foot"] {
	display: none !important;
}

.dataTables_wrapper tfoot th:first-child {
	text-align: center !important;
}

.dataTables_wrapper tfoot th:first-child:after {
	content: "" !important;
	display: none !important;
}

/* Kép alatti cella a 2. sorban: teljesen tiszta, üres */
.dataTables_wrapper tfoot th:nth-child(2) {
	font-size: 0 !important;
	color: transparent !important;
}

.dataTables_wrapper tfoot th:nth-child(2):after {
	content: "" !important;
	display: none !important;
}

/* Oszlopkereső input mezők a 2. sorban */
tfoot input,
tfoot select,
.dataTables_wrapper tfoot input,
.dataTables_wrapper tfoot select {
	width: 100% !important;
	height: 28px !important;
	background: #ffffff !important;
	border: 1px solid #dcd4c8 !important;
	border-radius: 6px !important;
	padding: 3px 8px !important;
	font-size: 12px !important;
	color: var(--sm-heading) !important;
	font-weight: normal !important;
	line-height: normal !important;
	box-sizing: border-box !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
	transition: border-color .15s ease, box-shadow .15s ease !important;
}

tfoot input:hover,
tfoot select:hover,
.dataTables_wrapper tfoot input:hover,
.dataTables_wrapper tfoot select:hover {
	border-color: #c4baa8 !important;
}

tfoot input:focus,
tfoot select:focus,
.dataTables_wrapper tfoot input:focus,
.dataTables_wrapper tfoot select:focus {
	background: #ffffff !important;
	border-color: var(--sm-orange) !important;
	box-shadow: 0 0 0 2px rgba(246, 139, 31, 0.2) !important;
	outline: none !important;
}

tfoot input::placeholder {
	color: #b5ada2 !important;
	font-size: 11px !important;
	font-style: normal !important;
}

/* TÁBLÁZAT TESTE (tbody) — Szellős sorok, függőleges rácsvonalak nélkül */
.dataTables_wrapper table.dataTable {
	border-collapse: separate !important;
	border-spacing: 0 !important;
	margin: 0 !important;
}

.dataTables_wrapper td {
	border: none !important;
	border-bottom: 1px solid #f0ebe4 !important;
	padding: 10px 14px !important;
	vertical-align: middle !important;
	font-size: 13px;
	color: var(--sm-text);
}

.dataTables_wrapper .odd:not(.row-disabled):not(.inaktiv):not(.tiltott):not(:has(.tiltott)):not(:has(.label-danger)) {
	background: #ffffff !important;
}

.dataTables_wrapper .even:not(.row-disabled):not(.inaktiv):not(.tiltott):not(:has(.tiltott)):not(:has(.label-danger)) {
	background: #faf8f5 !important;
}

.dataTables_wrapper tr:not(.row-disabled):not(.inaktiv):not(.tiltott):not(:has(.tiltott)):not(:has(.label-danger)):hover td {
	background-color: #fdf6ed !important;
}

/* Termékkép bélyegkép cella */
#mytable tbody td:nth-child(2) img {
	width: 44px !important;
	height: 44px !important;
	object-fit: contain !important;
	border-radius: 6px !important;
	border: 1px solid #e8e0d5 !important;
	background: #ffffff !important;
	padding: 2px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
	display: inline-block !important;
}

/* Termék megnevezés cella */
#mytable tbody td:nth-child(3) {
	font-weight: 600 !important;
	color: #231c16 !important;
	max-width: 280px;
	line-height: 1.35 !important;
}

/* Cikkszám cella */
#mytable tbody td:nth-child(4) {
	font-family: Consolas, 'SFMono-Regular', Menlo, monospace !important;
	font-size: 12px !important;
	color: #696056 !important;
}

/* Gyártó cella */
#mytable tbody td:nth-child(5) {
	color: #736b63 !important;
	font-size: 12.5px !important;
}

/* Kisker ár cella */
#mytable tbody td:nth-child(6) {
	font-weight: 700 !important;
	color: #231c16 !important;
	font-size: 13.5px !important;
	white-space: nowrap !important;
}

/* Státusz badge cella */
#mytable tbody td:nth-child(7) .label {
	border-radius: 12px !important;
	padding: 3px 10px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	display: inline-block !important;
	letter-spacing: .2px !important;
}

#mytable tbody td:nth-child(7) .label-success {
	background-color: #e8f5e9 !important;
	color: #2e7d32 !important;
	border: 1px solid #c8e6c9 !important;
}

#mytable tbody td:nth-child(7) .label-danger {
	background-color: #ffebee !important;
	color: #c62828 !important;
	border: 1px solid #ffcdd2 !important;
}

#mytable tbody td:nth-child(7) .label-default {
	background-color: #f5f5f5 !important;
	color: #616161 !important;
	border: 1px solid #e0e0e0 !important;
}

/* Készlet cella */
#mytable tbody td:nth-child(8) {
	font-weight: 600 !important;
	color: #3b332b !important;
}

/* Műveleti gombok cella */
#mytable tbody td:nth-child(9) {
	white-space: nowrap !important;
}

#mytable tbody td:nth-child(9) .btn {
	border-radius: 6px !important;
	padding: 4px 8px !important;
	margin: 1px 2px !important;
	font-size: 12px !important;
	border: none !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
	transition: transform .12s ease, box-shadow .12s ease !important;
}

#mytable tbody td:nth-child(9) .btn:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.16) !important;
}

/* ALSÓ SÁV: Egy sorban, információ balra, lapozó jobbra zárva */
.dataTables_wrapper > .row:last-child:before,
.dataTables_wrapper > .row:last-child:after {
	display: none !important;
	content: none !important;
}

.dataTables_wrapper > .row:last-child {
	background: #faf8f5 !important;
	border-top: 1px solid var(--sm-border) !important;
	padding: 10px 16px !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	min-height: 46px !important;
	box-sizing: border-box !important;
}

.dataTables_wrapper > .row:last-child > .col-sm-6:first-child,
.dataTables_info {
	color: var(--sm-text-muted) !important;
	font-size: 12px !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	width: auto !important;
	text-align: left !important;
	background: transparent !important;
}

.dataTables_wrapper > .row:last-child > .col-sm-6:last-child,
.dataTables_paginate {
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	width: auto !important;
	margin-left: auto !important; /* Jobbra zárás */
	display: flex !important;
	justify-content: flex-end !important;
	background: transparent !important;
}

.pagination {
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 3px !important;
	float: none !important;
}

.pagination > li > a,
.pagination > li > span {
	border-radius: 6px !important;
	border: 1px solid #ddd5c9 !important;
	color: var(--sm-heading) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	padding: 5px 10px !important;
	background: #ffffff !important;
	transition: all .15s ease !important;
}

.pagination > li > a:hover {
	background-color: var(--sm-orange-tint) !important;
	border-color: var(--sm-orange) !important;
	color: var(--sm-orange-dark) !important;
}

body.skin5 .pagination > .active > a,
.pagination > .active > a,
.pagination > .active > span {
	background-color: var(--sm-orange) !important;
	border-color: var(--sm-orange) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	box-shadow: 0 2px 6px rgba(246, 139, 31, 0.3) !important;
}

/* egyszerű (nem dataTables) összegző táblázatok, pl. rendeles-reszletek.php */
.table {
	background: var(--sm-card-bg);
}

.table > thead > tr > th {
	background: var(--sm-orange-tint);
	color: var(--sm-heading);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .3px;
	border-bottom: 1px solid var(--sm-border) !important;
	padding: 10px 12px !important;
}

.table > tbody > tr > td,
table[width] > tbody > tr > td,
table[width] tr > td {
	border-top: 1px solid var(--sm-border) !important;
	padding: 9px 12px !important;
}

table[width] {
	width: 100% !important;
	border-collapse: collapse;
}

table[width] tr:first-child th {
	background: var(--sm-orange-tint);
	color: var(--sm-heading);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .3px;
	padding: 10px 12px;
	border-bottom: 1px solid var(--sm-border);
}

table[width] tr:last-child td {
	font-weight: 700;
	border-top: 2px solid var(--sm-orange);
}

.form-table {
	width: 100%;
	border-collapse: collapse;
}

.form-table thead th {
	background: var(--sm-orange-tint);
	color: var(--sm-heading);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .3px;
	padding: 10px 12px;
	text-align: left;
	border-bottom: 1px solid var(--sm-border);
}

.form-table tbody td {
	padding: 8px 12px;
	border-bottom: 1px solid var(--sm-border);
	vertical-align: middle;
}

.form-table tbody tr:hover td {
	background-color: var(--sm-orange-tint);
}

/* --------------------------------------------------------------------
   Fülek (nav-tabs) - pl. sajat_adatok, uj_felhasznalo
   -------------------------------------------------------------------- */

.nav-tabs {
	border-bottom: 2px solid #ede7df !important;
	margin-bottom: 20px !important;
	display: flex !important;
	gap: 6px !important;
}

.nav-tabs > li {
	margin-bottom: -2px !important;
}

.nav-tabs > li > a {
	border-radius: 8px 8px 0 0 !important;
	background: #faf8f5 !important;
	border: 1px solid #ded6ca !important;
	border-bottom: 2px solid #ded6ca !important;
	color: #4a4036 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 9px 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	transition: all .15s ease !important;
	text-decoration: none !important;
}

.nav-tabs > li > a:hover {
	background: #f4eee5 !important;
	border-color: var(--sm-orange, #e85a2a) !important;
	border-bottom-color: var(--sm-orange, #e85a2a) !important;
	color: var(--sm-orange, #e85a2a) !important;
}

body.skin5 .nav-tabs > li.active > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	background-color: var(--sm-orange, #e85a2a) !important;
	border-color: var(--sm-orange, #e85a2a) !important;
	border-bottom-color: var(--sm-orange, #e85a2a) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	box-shadow: 0 2px 6px rgba(232, 90, 42, 0.25) !important;
}

/* Ikonok füleken: inaktív fülön élénk Sanimix narancssárga, azonnal és tisztán látható */
.nav-tabs > li > a i,
.nav-tabs > li > a .fa,
body.skin5 .nav-tabs > li > a i,
body.skin5 .nav-tabs > li > a .fa {
	color: var(--sm-orange, #e85a2a) !important;
	font-size: 14px !important;
	transition: all .15s ease !important;
}

.nav-tabs > li > a i:before,
.nav-tabs > li > a .fa:before,
body.skin5 .nav-tabs > li > a i:before,
body.skin5 .nav-tabs > li > a .fa:before {
	color: var(--sm-orange, #e85a2a) !important;
}

.nav-tabs > li > a:hover i,
.nav-tabs > li > a:hover .fa,
body.skin5 .nav-tabs > li > a:hover i,
body.skin5 .nav-tabs > li > a:hover .fa {
	color: var(--sm-orange-dark, #d9740a) !important;
}

.nav-tabs > li.active > a i,
.nav-tabs > li.active > a .fa,
.nav-tabs > li.active > a i:before,
.nav-tabs > li.active > a .fa:before,
body.skin5 .nav-tabs > li.active > a i,
body.skin5 .nav-tabs > li.active > a .fa,
body.skin5 .nav-tabs > li.active > a i:before,
body.skin5 .nav-tabs > li.active > a .fa:before {
	color: #ffffff !important;
}

/* --------------------------------------------------------------------
   Form mezők
   -------------------------------------------------------------------- */

.form-control {
	border-color: var(--sm-border-strong);
	border-radius: var(--sm-radius-sm);
	transition: border-color .15s ease, box-shadow .15s ease;
}

.form-control:focus {
	border-color: var(--sm-orange) !important;
	box-shadow: 0 0 0 3px var(--sm-orange-tint-strong) !important;
}

.form-group-help {
	color: var(--sm-orange-dark) !important;
}

/* csak-olvasható "címke: érték" sorok (pl. rendelés/vásárló részletező oldalak) */
.form-text {
	border-bottom: 1px solid var(--sm-border) !important;
	padding: 6px 0;
}

.form-text label {
	color: var(--sm-text-muted);
	font-weight: 600 !important;
}

.form-text .form-group-text {
	color: var(--sm-heading);
	font-weight: 500;
}

.form-group label {
	color: var(--sm-heading);
}

/* onoffswitch - modern pill kapcsolóvá alakítva (a régi BE/KI-szöveges
   verzió apró volt és a style.css egyik duplikált szabályában elgépelés is
   volt: "idth: 200%" a "width: 200%" helyett, emiatt élesen összement).
   A DOM/checkbox-logika változatlan, csak a megjelenés cserélve. */
.onoffswitch {
	width: 44px !important;
	height: 24px !important;
}

.onoffswitch-label {
	height: 24px !important;
	border: none !important;
	border-radius: 24px !important;
	background-color: #d8cfc2 !important;
	overflow: hidden;
	position: relative;
	transition: background-color .2s ease;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
	content: "" !important;
	width: 0 !important;
	padding: 0 !important;
}

.onoffswitch-switch {
	top: 3px !important;
	bottom: auto !important;
	left: 3px !important;
	right: auto !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 50% !important;
	background: #fff !important;
	box-shadow: 0 1px 3px rgba(43, 36, 32, 0.35);
	transition: left .2s ease;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
	background-color: var(--sm-orange) !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	left: 23px !important;
}

/* --------------------------------------------------------------------
   Badge / label
   -------------------------------------------------------------------- */

.label-primary {
	background-color: var(--sm-orange) !important;
}

.menu-label {
	box-shadow: var(--sm-shadow-sm);
}

/* --------------------------------------------------------------------
   Bejelentkezés
   -------------------------------------------------------------------- */

.login-container, .remind-password-container {
	background: var(--sm-ink) !important;
	border-radius: var(--sm-radius);
	box-shadow: var(--sm-shadow-lg);
}

.login-logo {
	color: #fff;
}

/* ==========================================================================
   Tömeges Műveletek Eszköztár (#bulk-toolbar)
   ========================================================================== */
#bulk-toolbar.sm-bulk-toolbar,
#bulk-toolbar {
	background: #ffffff !important;
	border: 1px solid #e5dfd5 !important;
	border-radius: 12px !important;
	padding: 12px 18px !important;
	margin-top: 16px !important;
	margin-bottom: 24px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
	position: relative !important;
	z-index: 100 !important;
}

.sm-bulk-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
}

.sm-bulk-left {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.sm-bulk-right {
	display: flex !important;
	align-items: center !important;
}

.sm-bulk-count-box {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #4a4137 !important;
	background: #f8f6f2 !important;
	padding: 6px 12px !important;
	border-radius: 20px !important;
	border: 1px solid #e8e2d8 !important;
}

.sm-bulk-count-box i {
	color: var(--sm-orange) !important;
	font-size: 14px !important;
}

.sm-bulk-badge {
	display: inline-block !important;
	min-width: 22px !important;
	padding: 1px 7px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	background: var(--sm-orange) !important;
	border-radius: 10px !important;
	text-align: center !important;
	line-height: 16px !important;
}

.sm-bulk-actions {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
}

/* Általános bulk gomb stílus */
#bulk-toolbar .btn.sm-bulk-btn,
#bulk-toolbar button.btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	height: 35px !important;
	padding: 0 14px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	font-family: inherit !important;
	border-radius: 8px !important;
	white-space: nowrap !important;
	line-height: normal !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
	transition: all 0.15s ease-in-out !important;
	cursor: pointer !important;
}

#bulk-toolbar .btn.sm-bulk-btn i,
#bulk-toolbar button.btn i {
	font-size: 12.5px !important;
	color: #ffffff !important;
}

/* 1. Archiválás (Modern Amber / Sárga) */
#bulk-toolbar .sm-bulk-btn-archive,
#bulk-toolbar .btn-warning {
	background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%) !important;
	border: 1px solid #b45309 !important;
	color: #ffffff !important;
}
#bulk-toolbar .sm-bulk-btn-archive:hover,
#bulk-toolbar .btn-warning:hover {
	background: linear-gradient(180deg, #d97706 0%, #b45309 100%) !important;
	border-color: #92400e !important;
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(217, 119, 6, 0.35) !important;
	transform: translateY(-1px);
}

/* 2. Aktiválás (Modern Smaragdzöld) */
#bulk-toolbar .sm-bulk-btn-activate,
#bulk-toolbar .btn-success {
	background: linear-gradient(180deg, #16a34a 0%, #15803d 100%) !important;
	border: 1px solid #15803d !important;
	color: #ffffff !important;
}
#bulk-toolbar .sm-bulk-btn-activate:hover,
#bulk-toolbar .btn-success:hover {
	background: linear-gradient(180deg, #15803d 0%, #166534 100%) !important;
	border-color: #166534 !important;
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(22, 163, 74, 0.35) !important;
	transform: translateY(-1px);
}

/* 3. Inaktiválás (Modern Korall / Vörös) */
#bulk-toolbar .sm-bulk-btn-inactivate,
#bulk-toolbar .btn-danger {
	background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%) !important;
	border: 1px solid #b91c1c !important;
	color: #ffffff !important;
}
#bulk-toolbar .sm-bulk-btn-inactivate:hover,
#bulk-toolbar .btn-danger:hover {
	background: linear-gradient(180deg, #dc2626 0%, #b91c1c 100%) !important;
	border-color: #991b1b !important;
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(220, 38, 38, 0.35) !important;
	transform: translateY(-1px);
}

/* 4. Visszaállítás (Archivált nézetben: Óceánkék) */
#bulk-toolbar .sm-bulk-btn-restore {
	background: linear-gradient(180deg, #0284c7 0%, #0369a1 100%) !important;
	border: 1px solid #0284c7 !important;
	color: #ffffff !important;
}
#bulk-toolbar .sm-bulk-btn-restore:hover {
	background: linear-gradient(180deg, #0369a1 0%, #075985 100%) !important;
	border-color: #075985 !important;
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(2, 132, 199, 0.35) !important;
	transform: translateY(-1px);
}

#bulk-toolbar button:active {
	transform: translateY(0) !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

/* ==========================================================================
   Kategória Áthelyezés Vezérlő & Egyedi Dropdown (.sm-cat-select-dropdown)
   ========================================================================== */
.sm-bulk-move-wrap {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important; /* Kért különálló rés a kategóriaváltó és az áthelyezés gomb között */
	position: relative !important;
}

.sm-cat-select-dropdown {
	position: relative;
	display: inline-block;
}

.sm-cat-select-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	height: 35px !important;
	padding: 0 14px !important;
	border-radius: 8px !important;
	border: 1px solid #d4cdc3 !important;
	background: #ffffff !important;
	color: #383028 !important;
	font-size: 12.5px !important;
	font-weight: 500 !important;
	font-family: inherit !important;
	min-width: 220px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
	transition: all 0.15s ease-in-out !important;
	cursor: pointer !important;
	outline: none !important;
}

.sm-cat-select-btn .sm-cat-icon {
	color: var(--sm-orange) !important;
	font-size: 13px !important;
}

.sm-cat-select-btn #sm-bulk-cat-label {
	flex: 1;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sm-cat-select-btn .sm-cat-chevron {
	color: #9c9184 !important;
	font-size: 10px !important;
	transition: transform 0.2s ease !important;
}

.sm-cat-select-dropdown.open .sm-cat-select-btn {
	border-color: var(--sm-orange) !important;
	box-shadow: 0 0 0 3px rgba(246, 139, 31, 0.18) !important;
}

.sm-cat-select-dropdown.open .sm-cat-chevron {
	transform: rotate(180deg);
}

.sm-cat-select-dropdown.has-value .sm-cat-select-btn {
	border-color: #c9bfb2 !important;
	font-weight: 600 !important;
	color: #231c16 !important;
}

/* Lebegő menü: Felfelé nyílik a jobb láthatóság és ergonómia érdekében */
.sm-cat-dropdown-menu {
	display: none;
	position: absolute;
	bottom: calc(100% + 8px);
	right: 0;
	width: 290px;
	max-height: 270px;
	background: #ffffff !important;
	border: 1px solid #dfd7cc !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
	z-index: 10010 !important;
	overflow: hidden;
}

.sm-cat-select-dropdown.open .sm-cat-dropdown-menu {
	display: block !important;
	animation: smFadeSlideUp 0.15s ease-out;
}

@keyframes smFadeSlideUp {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}

.sm-cat-dropdown-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 12px;
	border-bottom: 1px solid #e8e2d8;
	font-size: 12.5px;
	font-weight: 700;
	color: #231c16;
	background: #faf8f5;
}

.sm-cat-dropdown-header i {
	color: var(--sm-orange);
	margin-right: 4px;
}

.sm-cat-dropdown-close {
	border: none;
	background: transparent;
	color: #8c8175;
	font-size: 12px;
	padding: 2px 6px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.15s ease;
}

.sm-cat-dropdown-close:hover {
	background: #eee7de;
	color: #231c16;
}

.sm-cat-dropdown-list {
	max-height: 215px;
	overflow-y: auto;
	padding: 6px;
}

.sm-cat-dropdown-item {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 7px 10px !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #383027 !important;
	cursor: pointer !important;
	transition: all 0.12s ease-in-out !important;
	line-height: 1.3 !important;
}

.sm-cat-dropdown-item i {
	color: #9c9184;
	font-size: 11px;
	width: 14px;
	text-align: center;
	transition: color 0.12s ease;
}

.sm-cat-dropdown-item:hover {
	background: var(--sm-orange-tint) !important;
	color: var(--sm-orange-dark) !important;
	padding-left: 14px !important;
}

.sm-cat-dropdown-item:hover i {
	color: var(--sm-orange-dark);
}

/* Áthelyezés gomb — Különálló, 8px lekerekítéssel */
.sm-bulk-btn-move {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	height: 35px !important;
	padding: 0 15px !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, var(--sm-orange) 0%, var(--sm-orange-dark) 100%) !important;
	border: 1px solid var(--sm-orange-dark) !important;
	color: #ffffff !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	font-family: inherit !important;
	white-space: nowrap !important;
	transition: all 0.15s ease-in-out !important;
	cursor: pointer !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

.sm-bulk-btn-move i {
	color: #ffffff !important;
	font-size: 12px !important;
}

.sm-bulk-btn-move:hover {
	background: linear-gradient(180deg, var(--sm-orange-dark) 0%, #a23800 100%) !important;
	border-color: #a23800 !important;
	color: #ffffff !important;
	box-shadow: 0 3px 8px rgba(232, 93, 4, 0.35) !important;
	transform: translateY(-1px);
}

.sm-bulk-btn-move:active {
	transform: translateY(0) !important;
}

/* ==========================================================================
   Globális Dropdown Menük (.dropdown-menu) Modernizálása
   (Top-right Kategória szűrő elegáns stílusában)
   ========================================================================== */
.dropdown-menu {
	background: #ffffff !important;
	border: 1px solid #dfd7cc !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.06) !important;
	padding: 6px !important;
	min-width: 170px !important;
	margin-top: 6px !important;
}

.dropdown-menu > li > a {
	color: #383027 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 8px 12px !important;
	border-radius: 6px !important;
	transition: all 0.12s ease-in-out !important;
	line-height: 1.3 !important;
}

.dropdown-menu > li > a i {
	color: #9c9184;
	font-size: 11px;
	width: 14px;
	text-align: center;
	transition: color 0.12s ease;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background: var(--sm-orange-tint) !important;
	color: var(--sm-orange-dark) !important;
	padding-left: 15px !important;
}

.dropdown-menu > li > a:hover i,
.dropdown-menu > li > a:focus i {
	color: var(--sm-orange-dark) !important;
}

.dropdown-menu .divider {
	background-color: #eee7de !important;
	margin: 6px 0 !important;
}

/* ==========================================================================
   Modern Kezdőlap (Dashboard) Dizájn
   ========================================================================== */

/* 1. Hero Üdvözlő Sáv - Vékony, ergonomikus és modern */
.sm-dash-hero {
	background: #ffffff !important;
	border: 1px solid #e8e2d8 !important;
	border-left: 4px solid var(--sm-orange) !important;
	border-radius: 12px !important;
	padding: 12px 20px !important;
	margin-bottom: 20px !important;
	box-shadow: 0 2px 8px rgba(43, 36, 32, 0.04) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.sm-dash-hero-content {
	display: flex !important;
	align-items: center !important;
}

.sm-dash-hero-title {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #231c16 !important;
	margin: 0 !important;
	line-height: 1.2 !important;
}

.sm-dash-hero-actions {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
}

/* Egyedi, trendi Dashboard Akciógombok */
.sm-dash-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	height: 33px !important;
	padding: 0 14px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
	line-height: 33px !important;
	border: 1px solid transparent !important;
	box-sizing: border-box !important;
}

.sm-dash-btn-primary {
	background: var(--sm-orange) !important;
	border-color: var(--sm-orange-dark) !important;
	color: #ffffff !important;
	box-shadow: 0 2px 6px rgba(246, 139, 31, 0.25) !important;
}

.sm-dash-btn-primary:hover {
	background: var(--sm-orange-dark) !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(246, 139, 31, 0.35) !important;
	text-decoration: none !important;
}

.sm-dash-btn-secondary {
	background: #fff8f0 !important;
	border-color: #fed7aa !important;
	color: var(--sm-orange-dark) !important;
}

.sm-dash-btn-secondary:hover {
	background: #ffedd5 !important;
	border-color: var(--sm-orange) !important;
	color: var(--sm-orange-darker) !important;
	transform: translateY(-1px) !important;
	text-decoration: none !important;
}

.sm-dash-btn-outline {
	background: #ffffff !important;
	border-color: #dcd4c8 !important;
	color: #574d43 !important;
}

.sm-dash-btn-outline:hover {
	background: #f7f4ef !important;
	border-color: #beb2a2 !important;
	color: #231c16 !important;
	transform: translateY(-1px) !important;
	text-decoration: none !important;
}

.sm-dash-btn i {
	font-size: 12px !important;
}

/* 2. KPI Mutatók Gridje */
.sm-kpi-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 16px !important;
	margin-bottom: 24px !important;
}

@media (max-width: 1200px) {
	.sm-kpi-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 600px) {
	.sm-kpi-grid {
		grid-template-columns: 1fr !important;
	}
}

.sm-kpi-card {
	background: #ffffff !important;
	border: 1px solid #eae4dc !important;
	border-radius: 12px !important;
	padding: 16px 18px !important;
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	position: relative !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
	transition: all 0.15s ease-in-out !important;
	cursor: pointer !important;
	text-decoration: none !important;
	color: inherit !important;
}

.sm-kpi-card:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 14px rgba(43, 36, 32, 0.06) !important;
	border-color: #d6cbbe !important;
	text-decoration: none !important;
}

.sm-kpi-icon {
	width: 42px !important;
	height: 42px !important;
	border-radius: 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 18px !important;
	flex-shrink: 0 !important;
}

.sm-kpi-orange { background: #fff5eb !important; color: var(--sm-orange, #e85a2a) !important; }
.sm-kpi-green  { background: #f2fbf5 !important; color: #2e7d32 !important; }
.sm-kpi-blue   { background: #f1f6fd !important; color: #1976d2 !important; }
.sm-kpi-rose   { background: #fdf2f4 !important; color: #c2185b !important; }

.sm-kpi-body {
	flex: 1 !important;
	min-width: 0 !important;
}

.sm-kpi-label {
	display: block !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #8c8175 !important;
	margin-bottom: 2px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
}

.sm-kpi-value {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #231c16 !important;
	line-height: 1.2 !important;
	margin-bottom: 3px !important;
	letter-spacing: -0.02em !important;
}

.sm-kpi-sub {
	font-size: 11.5px !important;
	color: #786f65 !important;
}

.sm-kpi-sub-success {
	color: #166534 !important;
	font-weight: 500 !important;
}

/* 3. Részletes Elemző Dobozok (.sm-dash-card) */
.sm-dash-card {
	background: #ffffff !important;
	border: 1px solid #eae4dc !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
	margin-bottom: 20px !important;
	overflow: hidden !important;
}

.sm-dash-card-header {
	padding: 14px 18px !important;
	border-bottom: 1px solid #f2ede6 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background: #ffffff !important;
}

.sm-dash-card-header-left {
	display: flex !important;
	align-items: center !important;
}

.sm-dash-card-title {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #231c16 !important;
	margin: 0 !important;
	line-height: 1.3 !important;
	letter-spacing: -0.01em !important;
}

.sm-dash-card-subtitle {
	font-size: 12px !important;
	color: #8c8175 !important;
	font-weight: 400 !important;
	margin-top: 2px !important;
	display: block !important;
}

.sm-dash-link {
	font-size: 12px !important;
	font-weight: 500 !important;
	color: #786e63 !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	transition: color 0.15s ease !important;
}

.sm-dash-link:hover {
	color: var(--sm-orange, #e85a2a) !important;
	text-decoration: none !important;
}

.sm-dash-card-body {
	max-height: 440px !important;
	overflow-y: auto !important;
	padding: 4px 0 !important;
}

/* 4. Lista Elemek & Sorok */
.sm-dash-item {
	padding: 10px 18px !important;
	border-bottom: 1px solid #f6f2ec !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	transition: background 0.15s ease !important;
	text-decoration: none !important;
	color: inherit !important;
}

.sm-dash-item:last-child {
	border-bottom: none !important;
}

.sm-dash-item:hover {
	background: #fbf9f6 !important;
	text-decoration: none !important;
}

.sm-dash-item-left {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	min-width: 0 !important;
	flex: 1 !important;
}

.sm-dash-item-right {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 4px !important;
	flex-shrink: 0 !important;
	text-align: right !important;
}

/* Avatar / Monogram */
.sm-dash-avatar {
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-weight: 600 !important;
	font-size: 11.5px !important;
	flex-shrink: 0 !important;
}

.sm-avatar-orange { background: #fff5eb !important; color: #c2410c !important; }
.sm-avatar-blue   { background: #eff6ff !important; color: #1d4ed8 !important; }
.sm-avatar-purple { background: #f5f3ff !important; color: #7c3aed !important; }

/* Rang Jelvények */
.sm-dash-rank {
	width: 22px !important;
	height: 22px !important;
	border-radius: 6px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	flex-shrink: 0 !important;
}

.sm-rank-1 { background: #231c16 !important; color: #ffffff !important; }
.sm-rank-2 { background: #4d443c !important; color: #ffffff !important; }
.sm-rank-3 { background: #786e63 !important; color: #ffffff !important; }
.sm-rank-n { background: #f2eee9 !important; color: #8a7f74 !important; }

/* Tipográfia a sorokban */
.sm-dash-name {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #231c16 !important;
	display: block !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.sm-dash-meta {
	font-size: 11.5px !important;
	color: #8c8175 !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-top: 2px !important;
}

.sm-dash-sku {
	font-size: 11px !important;
	font-family: monospace !important;
	font-weight: 600 !important;
	background: #f3efe9 !important;
	color: #5a5045 !important;
	padding: 1px 6px !important;
	border-radius: 4px !important;
}

.sm-dash-amount {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #231c16 !important;
}

/* Státusz Jelvények */
.sm-dash-badge {
	font-size: 11px !important;
	font-weight: 600 !important;
	padding: 2px 7px !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center !important;
	white-space: nowrap !important;
}

.sm-badge-blue    { background: #eff6ff !important; color: #1e40af !important; border: 1px solid #dbeafe !important; }
.sm-badge-orange  { background: #fff7ed !important; color: #9a3412 !important; border: 1px solid #ffedd5 !important; }
.sm-badge-green   { background: #f0fdf4 !important; color: #166534 !important; border: 1px solid #dcfce7 !important; }
.sm-badge-red     { background: #fef2f2 !important; color: #991b1b !important; border: 1px solid #fee2e2 !important; }
.sm-badge-neutral { background: #f8fafc !important; color: #475569 !important; border: 1px solid #f1f5f9 !important; }

/* Kívánságlista darabszám jelvény (minimalista) */
.sm-dash-count-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 26px !important;
	height: 22px !important;
	padding: 0 7px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #4a4036 !important;
	background: #f2ece4 !important;
	border-radius: 6px !important;
}

/* Legtöbbet eladott tételek jelvénye (letisztult) */
.sm-dash-sold-badge {
	font-size: 11.5px !important;
	font-weight: 500 !important;
	color: #52473c !important;
	background: #f2ece4 !important;
	padding: 2px 7px !important;
	border-radius: 6px !important;
	white-space: nowrap !important;
}

/* Üres állapot komponens */
.sm-dash-empty {
	padding: 30px 20px !important;
	text-align: center !important;
	color: #9c9184 !important;
	font-size: 13px !important;
}

/* ==========================================================================
   Dokumentumtár (Letisztult, ergonomikus lista nézet)
   ========================================================================== */

.sm-lib-wrapper {
	margin-bottom: 40px;
}

/* Felső Vezérlő & Kereső Kártya */
.sm-lib-header-card {
	background: #ffffff !important;
	border: 1px solid #e8e2d8 !important;
	border-radius: 12px !important;
	padding: 14px 20px !important;
	margin-bottom: 18px !important;
	box-shadow: 0 2px 8px rgba(43, 36, 32, 0.04) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
}

.sm-lib-card-left {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.sm-lib-upload-form {
	margin: 0 !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
}

.sm-lib-upload-btn {
	background: var(--sm-orange) !important;
	color: #ffffff !important;
	border: 1px solid var(--sm-orange-dark) !important;
	padding: 0 16px !important;
	height: 38px !important;
	line-height: 36px !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	box-shadow: 0 2px 6px rgba(246, 139, 31, 0.25) !important;
	transition: all .15s ease !important;
	margin: 0 !important;
	white-space: nowrap !important;
}

.sm-lib-upload-btn:hover {
	background: var(--sm-orange-dark) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(246, 139, 31, 0.35) !important;
}

.sm-lib-upload-btn i {
	font-size: 15px !important;
}

.sm-lib-file-input {
	display: none !important;
}

.sm-lib-format-pills {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.sm-fmt-pill {
	font-size: 10.5px !important;
	font-weight: 600 !important;
	padding: 4px 8px !important;
	border-radius: 4px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	line-height: 1 !important;
}

.sm-fmt-pdf { background: #fff1f2 !important; color: #be123c !important; border: 1px solid #fecdd3 !important; }
.sm-fmt-doc { background: #eff6ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; }
.sm-fmt-img { background: #f0fdf4 !important; color: #15803d !important; border: 1px solid #bbf7d0 !important; }

.sm-lib-vdivider {
	width: 1px !important;
	height: 24px !important;
	background: #e2dad0 !important;
	margin: 0 4px !important;
}

.sm-lib-badge-counter {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #6b6054 !important;
	background: #faf8f5 !important;
	border: 1px solid #e0d8cc !important;
	padding: 6px 12px !important;
	border-radius: 16px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	white-space: nowrap !important;
}

.sm-lib-badge-counter i {
	color: #9c9184 !important;
}

.sm-lib-badge-counter strong {
	color: var(--sm-orange-dark) !important;
}

.sm-lib-card-right {
	display: flex !important;
	align-items: center !important;
	flex: 1 !important;
	max-width: 380px !important;
	min-width: 240px !important;
	justify-content: flex-end !important;
}

.sm-lib-search {
	position: relative !important;
	width: 100% !important;
}

.sm-lib-search i.fa-search {
	position: absolute !important;
	left: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: #9c9184 !important;
	font-size: 12px !important;
	pointer-events: none !important;
}

.sm-lib-search input {
	width: 100% !important;
	height: 38px !important;
	line-height: 38px !important;
	padding: 0 32px 0 34px !important;
	background: #faf8f5 !important;
	border: 1px solid #dcd4c8 !important;
	border-radius: 19px !important;
	font-size: 12px !important;
	color: #231c16 !important;
	outline: none !important;
	box-sizing: border-box !important;
	transition: all .15s ease !important;
}

.sm-lib-search input:hover {
	background: #ffffff !important;
	border-color: #c9bfb2 !important;
}

.sm-lib-search input:focus {
	background: #ffffff !important;
	border-color: var(--sm-orange) !important;
	box-shadow: 0 0 0 3px rgba(246, 139, 31, 0.2) !important;
}

.sm-lib-search-clear {
	position: absolute !important;
	right: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background: none !important;
	border: none !important;
	color: #9c9184 !important;
	font-size: 11px !important;
	cursor: pointer !important;
	padding: 4px !important;
}

/* LISTA NÉZET TÁBLÁZAT */
.sm-lib-table-wrap {
	background: #ffffff !important;
	border: 1px solid #e8e2d8 !important;
	border-radius: 10px !important;
	box-shadow: 0 2px 8px rgba(43, 36, 32, 0.04) !important;
	overflow: hidden !important;
}

.sm-lib-table {
	margin: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	width: 100% !important;
}

.sm-lib-table thead th {
	background: #f8f6f2 !important;
	border: none !important;
	border-bottom: 1px solid #ded6ca !important;
	color: #6b6054 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .5px !important;
	padding: 12px 16px !important;
	vertical-align: middle !important;
}

.sm-lib-table tbody td {
	padding: 11px 16px !important;
	vertical-align: middle !important;
	border: none !important;
	border-bottom: 1px solid #f0ebe4 !important;
	font-size: 13px !important;
	color: #231c16 !important;
}

.sm-lib-table tbody tr:last-child td {
	border-bottom: none !important;
}

.sm-lib-table tbody tr:hover td {
	background-color: #fdfaf6 !important;
}

.sm-lib-table-icon {
	font-size: 22px !important;
	vertical-align: middle !important;
	display: inline-block !important;
}

.sm-color-pdf { color: #e11d48 !important; }
.sm-color-doc { color: #2563eb !important; }
.sm-color-img { color: #f59e0b !important; }

.sm-lib-table-title {
	color: #231c16 !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	display: block !important;
	text-decoration: none !important;
	transition: color .15s ease !important;
}

.sm-lib-table-title:hover {
	color: var(--sm-orange-dark) !important;
	text-decoration: underline !important;
}

.sm-lib-table-fn {
	font-family: Consolas, 'SFMono-Regular', Menlo, monospace !important;
	font-size: 11.5px !important;
	color: #8c8175 !important;
}

.sm-lib-table-size {
	font-size: 11.5px !important;
	font-weight: 600 !important;
	color: #574d43 !important;
	background: #f1ede6 !important;
	padding: 2px 7px !important;
	border-radius: 4px !important;
	white-space: nowrap !important;
}

.sm-lib-table-url-box {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	max-width: 420px !important;
}

.sm-lib-table-url-input {
	height: 28px !important;
	line-height: 28px !important;
	font-size: 11px !important;
	font-family: Consolas, monospace !important;
	color: #6b6054 !important;
	background: #faf8f5 !important;
	border: 1px solid #ded6ca !important;
	border-radius: 5px !important;
	padding: 0 8px !important;
	width: 100% !important;
	outline: none !important;
	box-sizing: border-box !important;
	transition: border-color .15s ease !important;
}

.sm-lib-table-url-input:focus {
	border-color: var(--sm-orange) !important;
	background: #ffffff !important;
}

.sm-table-copy-btn {
	height: 28px !important;
	padding: 0 9px !important;
	background: #ffffff !important;
	border: 1px solid #ded6ca !important;
	border-radius: 5px !important;
	color: #574d43 !important;
	font-size: 11.5px !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
	flex-shrink: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.sm-table-copy-btn:hover {
	background: var(--sm-orange) !important;
	color: #ffffff !important;
	border-color: var(--sm-orange-dark) !important;
}

.sm-table-copy-btn.sm-copied {
	background: #dcfce7 !important;
	color: #15803d !important;
	border-color: #86efac !important;
}

.sm-btn-action {
	border-radius: 5px !important;
	padding: 4px 8px !important;
	font-size: 11.5px !important;
	margin-left: 3px !important;
}

/* ==========================================================================
   Statisztika & Analitika (Modern, Minimalista Dashboard)
   ========================================================================== */

.sm-stat-wrapper {
	margin-bottom: 40px;
}

/* Felső szegmentált fülváltó */
.sm-stat-toolbar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
	margin-bottom: 22px !important;
}

.sm-stat-tabs {
	display: inline-flex !important;
	background: #f1ede6 !important;
	border: 1px solid #dfd6c8 !important;
	border-radius: 10px !important;
	padding: 3px !important;
	gap: 4px !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.sm-stat-tab {
	background: transparent !important;
	border: none !important;
	border-radius: 7px !important;
	padding: 8px 18px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #6b6054 !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	outline: none !important;
	white-space: nowrap !important;
}

.sm-stat-tab:hover {
	color: #231c16 !important;
	background: rgba(255, 255, 255, 0.6) !important;
}

.sm-stat-tab.active {
	background: #ffffff !important;
	color: var(--sm-orange-dark) !important;
	box-shadow: 0 2px 6px rgba(43, 36, 32, 0.08) !important;
}

.sm-stat-tab-dot {
	width: 7px !important;
	height: 7px !important;
	border-radius: 50% !important;
	background: #c4baa9 !important;
	display: inline-block !important;
	transition: background .15s ease !important;
}

.sm-stat-tab.active .sm-stat-tab-dot {
	background: var(--sm-orange) !important;
}

/* Minimalista KPI Grid */
.sm-stat-kpi-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
	gap: 14px !important;
	margin-bottom: 20px !important;
}

.sm-stat-kpi-card {
	background: #ffffff !important;
	border: 1px solid #e8e2d8 !important;
	border-radius: 10px !important;
	padding: 16px 20px !important;
	box-shadow: 0 2px 8px rgba(43, 36, 32, 0.03) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	position: relative !important;
	overflow: hidden !important;
	transition: transform .15s ease, box-shadow .15s ease !important;
}

.sm-stat-kpi-card:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 14px rgba(43, 36, 32, 0.06) !important;
}

.sm-stat-kpi-card::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 3px !important;
	background: var(--sm-orange) !important;
	opacity: 0.8 !important;
}

.sm-stat-kpi-label {
	font-size: 11.5px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	color: #8c8175 !important;
}

.sm-stat-kpi-val {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #231c16 !important;
	line-height: 1.2 !important;
}

/* Grafikon Kártya */
.sm-stat-chart-card {
	background: #ffffff !important;
	border: 1px solid #e8e2d8 !important;
	border-radius: 12px !important;
	padding: 22px 24px !important;
	box-shadow: 0 2px 10px rgba(43, 36, 32, 0.04) !important;
	margin-bottom: 22px !important;
	position: relative !important;
}

.sm-stat-chart-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 18px !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

.sm-stat-chart-title {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #231c16 !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.sm-stat-chart-badge {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #786f65 !important;
	background: #f8f6f2 !important;
	border: 1px solid #e0d8cc !important;
	padding: 3px 9px !important;
	border-radius: 12px !important;
}

.sm-stat-canvas-wrap {
	position: relative !important;
	width: 100% !important;
	height: 340px !important;
}

/* Statisztika Táblázat */
.sm-stat-table-card {
	background: #ffffff !important;
	border: 1px solid #e8e2d8 !important;
	border-radius: 12px !important;
	box-shadow: 0 2px 8px rgba(43, 36, 32, 0.04) !important;
	overflow: hidden !important;
}

.sm-stat-table-header {
	padding: 14px 20px !important;
	background: #faf8f5 !important;
	border-bottom: 1px solid #e8e2d8 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

.sm-stat-table-title {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #3b322a !important;
	margin: 0 !important;
}

.sm-stat-table {
	margin: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	width: 100% !important;
}

.sm-stat-table thead th {
	background: #f8f6f2 !important;
	border: none !important;
	border-bottom: 1px solid #ded6ca !important;
	color: #6b6054 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .5px !important;
	padding: 11px 16px !important;
	vertical-align: middle !important;
}

.sm-stat-table tbody td {
	padding: 11px 16px !important;
	vertical-align: middle !important;
	border: none !important;
	border-bottom: 1px solid #f0ebe4 !important;
	font-size: 13px !important;
	color: #231c16 !important;
}

.sm-stat-table tbody tr:last-child td {
	border-bottom: none !important;
}

.sm-stat-table tbody tr:hover td {
	background-color: #fdfaf6 !important;
}

.sm-stat-rank {
	font-weight: 700 !important;
	color: #a89f93 !important;
	font-size: 11.5px !important;
}

.sm-stat-name {
	color: #231c16 !important;
	font-size: 13px !important;
}

.sm-stat-sku {
	font-family: Consolas, 'SFMono-Regular', Menlo, monospace !important;
	font-size: 11.5px !important;
	color: #786f65 !important;
	background: #faf8f5 !important;
	padding: 2px 6px !important;
	border-radius: 4px !important;
	border: 1px solid #e8e2d8 !important;
}

.sm-stat-pill-qty {
	background: #f1ede6 !important;
	color: #4a4036 !important;
	padding: 3px 9px !important;
	border-radius: 12px !important;
	font-weight: 600 !important;
	font-size: 11.5px !important;
	display: inline-block !important;
}

/* Loading Overlay */
.sm-stat-loading {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: rgba(255, 255, 255, 0.75) !important;
	display: none;
	align-items: center !important;
	justify-content: center !important;
	z-index: 10 !important;
	border-radius: 12px !important;
}

.sm-stat-loading.active {
	display: flex !important;
}

.sm-stat-spinner {
	color: var(--sm-orange) !important;
	font-size: 24px !important;
}

/* ==========================================================================
   Csapatunk (Kollégáink) Modern Minimalista Stílusok
   ========================================================================== */

.sm-team-wrapper {
	margin-bottom: 40px;
}

/* Felső Vezérlő Kártya */
.sm-team-header-card {
	background: #ffffff !important;
	border: 1px solid #e8e2d8 !important;
	border-radius: 12px !important;
	padding: 12px 18px !important;
	margin-bottom: 18px !important;
	box-shadow: 0 2px 8px rgba(43, 36, 32, 0.04) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.sm-team-header-left {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.sm-team-header-right {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

/* Szegmentált Státusz Pill Választó */
.sm-team-tabs {
	display: inline-flex !important;
	background: #f4f0eb !important;
	padding: 3px !important;
	border-radius: 8px !important;
	gap: 2px !important;
	border: 1px solid #e5dfd5 !important;
}

.sm-team-tab {
	background: transparent !important;
	border: none !important;
	padding: 6px 14px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #6b6155 !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	line-height: 1.2 !important;
}

.sm-team-tab:hover {
	color: #231c16 !important;
}

.sm-team-tab.active {
	background: #ffffff !important;
	color: #231c16 !important;
	box-shadow: 0 1px 4px rgba(43, 36, 32, 0.1) !important;
}

.sm-team-tab .badge {
	background: #e5dfd5 !important;
	color: #4a4036 !important;
	font-size: 10.5px !important;
	padding: 2px 6px !important;
	border-radius: 10px !important;
	font-weight: 700 !important;
	transition: all .15s ease !important;
}

.sm-team-tab.active .badge {
	background: var(--sm-orange) !important;
	color: #ffffff !important;
}

/* Élő Kereső Mező */
.sm-team-search {
	position: relative !important;
	min-width: 250px !important;
}

.sm-team-search i.fa-search {
	position: absolute !important;
	left: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: #a89f91 !important;
	font-size: 13px !important;
	pointer-events: none !important;
}

.sm-team-search input {
	width: 100% !important;
	height: 36px !important;
	padding: 0 32px 0 34px !important;
	border: 1px solid #e0d8cc !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	color: #231c16 !important;
	background: #faf8f5 !important;
	transition: all .15s ease !important;
}

.sm-team-search input:hover {
	background: #ffffff !important;
	border-color: #cbbeaf !important;
}

.sm-team-search input:focus {
	background: #ffffff !important;
	border-color: var(--sm-orange) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(246, 139, 31, 0.15) !important;
}

.sm-team-search-clear {
	position: absolute !important;
	right: 8px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background: none !important;
	border: none !important;
	color: #a89f91 !important;
	font-size: 14px !important;
	cursor: pointer !important;
	padding: 4px !important;
	display: none;
	line-height: 1 !important;
}

.sm-team-search-clear:hover {
	color: #4a4036 !important;
}

/* Gombok */
.sm-team-btn-add {
	background: linear-gradient(135deg, var(--sm-orange) 0%, var(--sm-orange-dark) 100%) !important;
	color: #ffffff !important;
	border: none !important;
	height: 36px !important;
	padding: 0 16px !important;
	border-radius: 8px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	box-shadow: 0 2px 6px rgba(246, 139, 31, 0.25) !important;
	transition: all .15s ease !important;
	white-space: nowrap !important;
}

.sm-team-btn-add:hover {
	background: linear-gradient(135deg, var(--sm-orange-dark) 0%, #c8680c 100%) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(246, 139, 31, 0.35) !important;
	color: #ffffff !important;
}

.sm-team-btn-public {
	background: #ffffff !important;
	color: #554c42 !important;
	border: 1px solid #dcd4c7 !important;
	height: 36px !important;
	padding: 0 12px !important;
	border-radius: 8px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: all .15s ease !important;
	white-space: nowrap !important;
}

.sm-team-btn-public:hover {
	background: #f7f4ef !important;
	color: #231c16 !important;
	border-color: #c7beaf !important;
	text-decoration: none !important;
}

/* Táblázat Kártya */
.sm-team-table-card {
	background: #ffffff !important;
	border: 1px solid #e8e2d8 !important;
	border-radius: 12px !important;
	box-shadow: 0 2px 8px rgba(43, 36, 32, 0.04) !important;
	overflow: hidden !important;
}

.sm-team-table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	margin: 0 !important;
}

.sm-team-table thead th {
	background: #f9f7f4 !important;
	border-bottom: 1px solid #e8e2d8 !important;
	padding: 12px 16px !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	color: #786f65 !important;
	white-space: nowrap !important;
}

.sm-team-table tbody td {
	padding: 12px 16px !important;
	border-bottom: 1px solid #f0ece5 !important;
	vertical-align: middle !important;
	font-size: 13px !important;
	color: #231c16 !important;
	transition: background .12s ease !important;
}

.sm-team-table tbody tr:last-child td {
	border-bottom: none !important;
}

.sm-team-table tbody tr:hover td {
	background: #fbf9f6 !important;
}

.sm-team-table tbody tr.is-inactive {
	opacity: 0.65 !important;
}

.sm-team-table tbody tr.is-inactive:hover {
	opacity: 0.95 !important;
}

/* Sorrend sorszám */
.sm-team-order-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 6px !important;
	background: #f1ede6 !important;
	color: #4a4036 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	border: 1px solid #e2dad0 !important;
}

/* Munkatárs cella */
.sm-team-member-cell {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
}

.sm-team-avatar-wrap {
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	background: #f4f0ea !important;
	border: 1px solid #e2dcd2 !important;
	box-shadow: 0 1px 3px rgba(43, 36, 32, 0.06) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
}

.sm-team-avatar-wrap img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.sm-team-avatar-wrap .avatar-initials {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #8c8175 !important;
	text-transform: uppercase !important;
}

.sm-team-member-info .name {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #231c16 !important;
	margin-bottom: 2px !important;
}

.sm-team-member-info .role {
	font-size: 12px !important;
	color: #786f65 !important;
	font-weight: 500 !important;
}

/* Kapcsolati cella */
.sm-team-contact-cell {
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
}

.sm-team-contact-cell .contact-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: #554c42 !important;
	text-decoration: none !important;
	font-size: 12.5px !important;
	transition: color .12s ease !important;
}

.sm-team-contact-cell .contact-link:hover {
	color: var(--sm-orange) !important;
	text-decoration: underline !important;
}

.sm-team-contact-cell .contact-link i {
	font-size: 12px !important;
	color: #9c9284 !important;
	width: 14px !important;
	text-align: center !important;
}

/* Státusz pill badge */
.sm-team-status-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 4px 10px !important;
	border-radius: 20px !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
	border: 1px solid transparent !important;
	user-select: none !important;
}

.sm-team-status-badge .status-dot {
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
}

.sm-team-status-badge.active {
	background: #ecfdf5 !important;
	color: #047857 !important;
	border-color: #a7f3d0 !important;
}

.sm-team-status-badge.active .status-dot {
	background: #10b981 !important;
}

.sm-team-status-badge.active:hover {
	background: #d1fae5 !important;
	border-color: #6ee7b7 !important;
}

.sm-team-status-badge.inactive {
	background: #f3f4f6 !important;
	color: #6b7280 !important;
	border-color: #e5e7eb !important;
}

.sm-team-status-badge.inactive .status-dot {
	background: #9ca3af !important;
}

.sm-team-status-badge.inactive:hover {
	background: #e5e7eb !important;
	border-color: #d1d5db !important;
}

/* Akciógombok */
.sm-team-action-btn {
	width: 32px !important;
	height: 32px !important;
	border-radius: 6px !important;
	border: 1px solid #e0d8cc !important;
	background: #ffffff !important;
	color: #554c42 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 13px !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
	margin-left: 4px !important;
	padding: 0 !important;
}

.sm-team-action-btn.edit:hover {
	background: #fff8f0 !important;
	color: var(--sm-orange) !important;
	border-color: var(--sm-orange) !important;
}

.sm-team-action-btn.delete:hover {
	background: #fff1f2 !important;
	color: #e11d48 !important;
	border-color: #fecdd3 !important;
}

/* Modális ablak stílusok */
.sm-team-modal .modal-content {
	border-radius: 12px !important;
	border: 1px solid #e8e2d8 !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
	overflow: hidden !important;
}

.sm-team-modal .modal-header {
	background: #faf8f5 !important;
	border-bottom: 1px solid #e8e2d8 !important;
	padding: 16px 22px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

.sm-team-modal .modal-title {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #231c16 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.sm-team-modal .modal-body {
	padding: 22px !important;
}

.sm-team-modal .modal-footer {
	background: #faf8f5 !important;
	border-top: 1px solid #e8e2d8 !important;
	padding: 14px 22px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
}

.sm-team-modal .form-group label {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #4a4036 !important;
	margin-bottom: 5px !important;
	display: block !important;
}

.sm-team-modal .form-control {
	height: 38px !important;
	border-radius: 8px !important;
	border: 1px solid #dcd4c7 !important;
	background: #ffffff !important;
	font-size: 13px !important;
	color: #231c16 !important;
	padding: 0 12px !important;
	box-shadow: none !important;
	transition: all .15s ease !important;
}

.sm-team-modal .form-control:focus {
	border-color: var(--sm-orange) !important;
	box-shadow: 0 0 0 3px rgba(246, 139, 31, 0.15) !important;
	outline: none !important;
}

/* Fotó feltöltő és előnézeti doboz a modalban */
.sm-team-upload-box {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	background: #fbf9f6 !important;
	border: 1px dashed #dcd4c7 !important;
	border-radius: 10px !important;
	padding: 14px 16px !important;
	margin-top: 6px !important;
}

.sm-team-modal-preview {
	width: 64px !important;
	height: 64px !important;
	min-width: 64px !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	border: 1px solid #e2dad0 !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 1px 4px rgba(43, 36, 32, 0.08) !important;
}

.sm-team-modal-preview img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.sm-team-modal-preview .modal-preview-icon {
	color: #b0a698 !important;
	font-size: 24px !important;
}

.sm-team-upload-controls {
	flex: 1 !important;
}

.sm-team-upload-hint {
	font-size: 11.5px !important;
	color: #8c8175 !important;
	margin-top: 4px !important;
	margin-bottom: 0 !important;
}

/* ==========================================================================
   Slider (Slideshow) Modern Minimalista Stílusok
   ========================================================================== */

.sm-slider-wrapper {
	margin-bottom: 40px;
}

/* Felső Vezérlő Kártya */
.sm-slider-header-card {
	background: #ffffff !important;
	border: 1px solid #e8e2d8 !important;
	border-radius: 12px !important;
	padding: 12px 18px !important;
	margin-bottom: 20px !important;
	box-shadow: 0 2px 8px rgba(43, 36, 32, 0.04) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.sm-slider-header-left {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

.sm-slider-header-right {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

/* Számláló pill-ek */
.sm-slider-counter {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: #f4f0eb !important;
	border: 1px solid #e5dfd5 !important;
	border-radius: 8px !important;
	padding: 5px 12px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #554c42 !important;
}

.sm-slider-counter .badge {
	background: var(--sm-orange) !important;
	color: #ffffff !important;
	font-size: 11px !important;
	padding: 2px 7px !important;
	border-radius: 10px !important;
	font-weight: 700 !important;
}

.sm-slider-counter.active-counter .badge {
	background: #10b981 !important;
}

/* Gombok a fejlécben */
.sm-slider-btn-add {
	background: linear-gradient(135deg, var(--sm-orange) 0%, var(--sm-orange-dark) 100%) !important;
	color: #ffffff !important;
	border: none !important;
	height: 36px !important;
	padding: 0 16px !important;
	border-radius: 8px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	box-shadow: 0 2px 6px rgba(246, 139, 31, 0.25) !important;
	transition: all .15s ease !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.sm-slider-btn-add:hover {
	background: linear-gradient(135deg, var(--sm-orange-dark) 0%, #c8680c 100%) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(246, 139, 31, 0.35) !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

.sm-slider-btn-public {
	background: #ffffff !important;
	color: #554c42 !important;
	border: 1px solid #dcd4c7 !important;
	height: 36px !important;
	padding: 0 12px !important;
	border-radius: 8px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: all .15s ease !important;
	white-space: nowrap !important;
}

.sm-slider-btn-public:hover {
	background: #f7f4ef !important;
	color: #231c16 !important;
	border-color: #c7beaf !important;
	text-decoration: none !important;
}

/* Egyedi Slider Kártya */
.sm-slider-card {
	background: #ffffff !important;
	border: 1px solid #e8e2d8 !important;
	border-radius: 12px !important;
	box-shadow: 0 2px 8px rgba(43, 36, 32, 0.04) !important;
	padding: 18px 20px !important;
	margin-bottom: 18px !important;
	transition: border-color .15s ease, box-shadow .15s ease !important;
	display: flex !important;
	flex-direction: row !important;
	gap: 22px !important;
	align-items: stretch !important;
}

.sm-slider-card:hover {
	border-color: #d6ccbe !important;
	box-shadow: 0 4px 14px rgba(43, 36, 32, 0.07) !important;
}

@media (max-width: 900px) {
	.sm-slider-card {
		flex-direction: column !important;
	}
}

/* Kép szekció */
.sm-slider-media {
	width: 300px !important;
	min-width: 300px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

@media (max-width: 900px) {
	.sm-slider-media {
		width: 100% !important;
		min-width: 100% !important;
	}
}

.sm-slider-img-wrap {
	position: relative !important;
	background: #faf8f5 !important;
	border: 1px solid #e5dfd5 !important;
	border-radius: 10px !important;
	padding: 6px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 180px !important;
	max-height: 200px !important;
	overflow: hidden !important;
}

.sm-slider-img-wrap img {
	max-width: 100% !important;
	max-height: 188px !important;
	object-fit: contain !important;
	border-radius: 6px !important;
	display: block !important;
	transition: transform .2s ease !important;
}

.sm-slider-img-wrap:hover img {
	transform: scale(1.02) !important;
}

.sm-slider-img-overlay {
	position: absolute !important;
	right: 10px !important;
	top: 10px !important;
	background: rgba(35, 28, 22, 0.75) !important;
	color: #ffffff !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 6px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 11px !important;
	opacity: 0 !important;
	transition: opacity .15s ease, background .15s ease !important;
	text-decoration: none !important;
}

.sm-slider-img-wrap:hover .sm-slider-img-overlay {
	opacity: 1 !important;
}

.sm-slider-img-overlay:hover {
	background: var(--sm-orange) !important;
	color: #ffffff !important;
}

.sm-slider-meta-bar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	font-size: 11px !important;
	color: #8c8175 !important;
	gap: 6px !important;
}

.sm-slider-filename {
	font-family: inherit !important;
	font-size: 11px !important;
	color: #554c42 !important;
	background: #f4f0ea !important;
	padding: 2px 7px !important;
	border-radius: 4px !important;
	max-width: 200px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	font-weight: 500 !important;
}

/* Tartalom és űrlap szekció */
.sm-slider-content {
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

.sm-slider-card-top {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 12px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #f0ece5 !important;
}

.sm-slider-card-badges {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.sm-slider-order-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #231c16 !important;
	background: #f1ede6 !important;
	padding: 3px 9px !important;
	border-radius: 6px !important;
	border: 1px solid #e2dad0 !important;
}

.sm-slider-status-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	padding: 3px 8px !important;
	border-radius: 12px !important;
	line-height: 1 !important;
}

.sm-slider-status-pill.active {
	background: #ecfdf5 !important;
	color: #047857 !important;
	border: 1px solid #a7f3d0 !important;
}

.sm-slider-status-pill.active .dot {
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: #10b981 !important;
}

.sm-slider-status-pill.inactive {
	background: #f3f4f6 !important;
	color: #6b7280 !important;
	border: 1px solid #e5e7eb !important;
}

.sm-slider-status-pill.inactive .dot {
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: #9ca3af !important;
}

/* Űrlap rács */
.sm-slider-form-grid {
	display: grid !important;
	grid-template-columns: 1fr 140px !important;
	gap: 10px 14px !important;
	margin-bottom: 12px !important;
}

@media (max-width: 600px) {
	.sm-slider-form-grid {
		grid-template-columns: 1fr !important;
	}
}

.sm-slider-field {
	display: flex !important;
	flex-direction: column !important;
}

.sm-slider-field.full-width {
	grid-column: 1 / -1 !important;
}

.sm-slider-field label {
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
	color: #786f65 !important;
	margin-bottom: 4px !important;
	display: block !important;
}

.sm-slider-field input.form-control,
.sm-slider-field select.form-control {
	height: 36px !important;
	border-radius: 8px !important;
	border: 1px solid #dcd4c7 !important;
	background: #faf8f5 !important;
	font-size: 13px !important;
	color: #231c16 !important;
	padding: 0 12px !important;
	box-shadow: none !important;
	transition: all .15s ease !important;
	width: 100% !important;
}

.sm-slider-field input.form-control:focus,
.sm-slider-field select.form-control:focus {
	background: #ffffff !important;
	border-color: var(--sm-orange) !important;
	box-shadow: 0 0 0 3px rgba(246, 139, 31, 0.15) !important;
	outline: none !important;
}

.sm-slider-field textarea.form-control {
	height: 48px !important;
	min-height: 48px !important;
	border-radius: 8px !important;
	border: 1px solid #dcd4c7 !important;
	background: #faf8f5 !important;
	font-size: 13px !important;
	color: #231c16 !important;
	padding: 8px 12px !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
	transition: all .15s ease !important;
	resize: vertical !important;
	width: 100% !important;
}

.sm-slider-field textarea.form-control:focus {
	background: #ffffff !important;
	border-color: var(--sm-orange) !important;
	box-shadow: 0 0 0 3px rgba(246, 139, 31, 0.15) !important;
	outline: none !important;
}

/* Műveletek sáv */
.sm-slider-card-bottom {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	padding-top: 10px !important;
	border-top: 1px solid #f0ece5 !important;
}

.sm-slider-btn-save {
	background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
	color: #ffffff !important;
	border: none !important;
	height: 34px !important;
	padding: 0 16px !important;
	border-radius: 8px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	cursor: pointer !important;
	box-shadow: 0 2px 5px rgba(22, 163, 74, 0.2) !important;
	transition: all .15s ease !important;
}

.sm-slider-btn-save:hover {
	background: linear-gradient(135deg, #15803d 0%, #166534 100%) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(22, 163, 74, 0.3) !important;
	color: #ffffff !important;
}

.sm-slider-btn-delete {
	background: #ffffff !important;
	color: #dc2626 !important;
	border: 1px solid #fecaca !important;
	height: 34px !important;
	padding: 0 12px !important;
	border-radius: 8px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
}

.sm-slider-btn-delete:hover {
	background: #fef2f2 !important;
	border-color: #f87171 !important;
	color: #b91c1c !important;
}

/* Feltöltő kártya */
.sm-slider-upload-card {
	background: #ffffff !important;
	border: 1px solid #e8e2d8 !important;
	border-radius: 12px !important;
	box-shadow: 0 2px 8px rgba(43, 36, 32, 0.04) !important;
	padding: 22px !important;
	margin-top: 24px !important;
}

.sm-slider-upload-title {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #231c16 !important;
	margin: 0 0 14px 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.sm-slider-dropzone {
	border: 2px dashed #dcd4c7 !important;
	border-radius: 10px !important;
	background: #faf8f5 !important;
	padding: 26px 20px !important;
	text-align: center !important;
	cursor: pointer !important;
	transition: all .15s ease !important;
	display: block !important;
	position: relative !important;
	margin-bottom: 0 !important;
}

.sm-slider-dropzone:hover,
.sm-slider-dropzone.dragover {
	border-color: var(--sm-orange) !important;
	background: #fffaf4 !important;
}

.sm-slider-dropzone i {
	font-size: 32px !important;
	color: var(--sm-orange) !important;
	margin-bottom: 8px !important;
	display: block !important;
}

.sm-slider-dropzone .dropzone-title {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #231c16 !important;
	margin-bottom: 4px !important;
}

.sm-slider-dropzone .dropzone-hint {
	font-size: 11.5px !important;
	color: #786f65 !important;
	margin: 0 !important;
}

/* --------------------------------------------------------------------
   Termékszerkesztő profil (uj_termek.php) — Prémium, minimalista UI
   -------------------------------------------------------------------- */

/* Termék ikonok szekció — Görgethető választó és nagyobb, jól látható ikonok */
.sm-icon-scroll-panel {
	max-height: 380px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding: 14px !important;
	background: #fdfcfb !important;
	border: 1px solid #e8e2d8 !important;
	border-radius: 10px !important;
	box-shadow: inset 0 1px 3px rgba(43, 36, 32, 0.04) !important;
}

/* Finom, elegáns gördítősáv */
.sm-icon-scroll-panel::-webkit-scrollbar {
	width: 6px;
}
.sm-icon-scroll-panel::-webkit-scrollbar-track {
	background: #f2eee8;
	border-radius: 4px;
}
.sm-icon-scroll-panel::-webkit-scrollbar-thumb {
	background: #d4cdc3;
	border-radius: 4px;
}
.sm-icon-scroll-panel::-webkit-scrollbar-thumb:hover {
	background: #b5aaa0;
}

.sm-product-icons-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
	gap: 12px !important;
	margin-top: 0 !important;
}

.sm-icon-card {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px 14px !important;
	background: #ffffff !important;
	border: 1px solid #e2ddd5 !important;
	border-radius: 10px !important;
	cursor: pointer !important;
	margin-bottom: 0 !important;
	font-weight: normal !important;
	transition: all .15s ease-in-out !important;
	user-select: none !important;
	position: relative !important;
}

.sm-icon-card:hover {
	border-color: #c9beaf !important;
	background: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(43, 36, 32, 0.07) !important;
}

.sm-icon-card.is-selected {
	border-color: var(--sm-orange, #e85a2a) !important;
	background: #fffaf5 !important;
	box-shadow: 0 0 0 1.5px var(--sm-orange, #e85a2a), 0 3px 10px rgba(232, 90, 42, 0.1) !important;
}

.sm-icon-card input[type="checkbox"] {
	margin: 0 !important;
	accent-color: var(--sm-orange, #e85a2a) !important;
	width: 18px !important;
	height: 18px !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
}

.sm-icon-card-body {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	min-width: 0 !important;
	flex: 1 !important;
}

/* Látványos, megnövelt ikon előnézeti doboz */
.sm-icon-card-visual {
	width: 54px !important;
	height: 54px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	background: #fbf9f6 !important;
	border: 1px solid #ede7df !important;
	border-radius: 8px !important;
	padding: 4px !important;
	transition: all .15s ease !important;
}

.sm-icon-card:hover .sm-icon-card-visual {
	background: #ffffff !important;
	border-color: #dfd7cc !important;
}

.sm-icon-card.is-selected .sm-icon-card-visual {
	background: #ffffff !important;
	border-color: rgba(232, 90, 42, 0.35) !important;
	box-shadow: 0 2px 6px rgba(232, 90, 42, 0.1) !important;
}

.sm-icon-card-visual img {
	max-width: 48px !important;
	max-height: 48px !important;
	object-fit: contain !important;
}

.sm-icon-card-visual svg,
.sm-icon-card-visual i {
	font-size: 30px !important;
	width: 34px !important;
	height: 34px !important;
	color: #4a4036 !important;
}

.sm-icon-card.is-selected .sm-icon-card-visual svg,
.sm-icon-card.is-selected .sm-icon-card-visual i {
	color: var(--sm-orange, #e85a2a) !important;
}

.sm-icon-card-text {
	min-width: 0 !important;
	flex: 1 !important;
}

.sm-icon-card-title {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #231c16 !important;
	line-height: 1.3 !important;
	word-break: break-word !important;
}

.sm-icon-card-sub {
	font-size: 11.5px !important;
	color: #82786e !important;
	line-height: 1.25 !important;
	margin-top: 2px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Fejléc vezérlők: kijelölési számláló és gyorskereső */
.sm-title-left {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

.sm-selection-badge {
	background: #f0eae1 !important;
	color: #63574c !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	padding: 3px 9px !important;
	border-radius: 20px !important;
	display: inline-block !important;
}

.sm-title-right {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.sm-search-input-wrap {
	position: relative !important;
	width: 210px !important;
}

.sm-search-input-wrap input {
	height: 29px !important;
	padding-left: 28px !important;
	padding-right: 24px !important;
	border-radius: 6px !important;
	font-size: 12px !important;
	border: 1px solid #dcd4c8 !important;
	background: #ffffff !important;
}

.sm-search-icon {
	position: absolute !important;
	left: 9px !important;
	top: 8px !important;
	color: #9c9184 !important;
	font-size: 12px !important;
}

.sm-search-clear {
	position: absolute !important;
	right: 6px !important;
	top: 5px !important;
	background: transparent !important;
	border: none !important;
	color: #9c9184 !important;
	font-size: 12px !important;
	cursor: pointer !important;
	padding: 0 4px !important;
}

.sm-catalog-btn {
	height: 29px !important;
	padding: 4px 10px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

/* Kategóriák multiselectcontainer modernizálás */
.multiselectbox .relative {
	position: static !important;
}

.multiselectcontainer {
	position: static !important;
	pointer-events: auto !important;
	margin-top: 8px !important;
	width: 100% !important;
	max-width: 480px !important;
	border: 1px dashed #dcd4c8 !important;
	border-radius: 8px !important;
	background: #faf8f5 !important;
	padding: 8px 10px !important;
	min-height: 44px !important;
	height: auto !important;
	max-height: 140px !important;
	overflow-y: auto !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

.multiselectcontainer:empty::before {
	content: "Nincs még hozzárendelt kategória. Válasszon a fenti listából!";
	color: #a89f91;
	font-size: 12px;
	font-style: italic;
	display: inline-block;
	padding: 2px 4px;
}

.menuselecttext {
	background: #ffffff !important;
	border: 1px solid #dfd7cc !important;
	border-radius: 6px !important;
	color: #2b2420 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	padding: 4px 8px 4px 10px !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
}

.menuselecttext .fa-times {
	color: #dc2626 !important;
	font-size: 12px !important;
	cursor: pointer !important;
	padding: 2px 4px !important;
	border-radius: 4px !important;
	transition: all .15s ease !important;
}

.menuselecttext .fa-times:hover {
	background: #fee2e2 !important;
	color: #b91c1c !important;
}

/* Árak & Számítások sorai */
.sm-calc-row {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-top: 4px !important;
	flex-wrap: wrap !important;
}

.sm-calc-row .form-control {
	float: none !important;
	height: 36px !important;
}

.sm-calc-sep {
	color: #9c9285 !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	padding: 0 4px !important;
}

/* Termékképek rács modernizálás */
.kep-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)) !important;
	gap: 12px !important;
	margin-top: 12px !important;
	overflow: visible !important;
}

.kep-grid .kep-tile {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 8px !important;
	border: 1px solid #e5e0d8 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: 0 1px 4px rgba(43, 36, 32, 0.04) !important;
	position: relative !important;
	transition: all .15s ease !important;
	/* fileinput.css / style.css ütközés feloldása: a .file-preview-frame class
	   display:table + height:160/180px kombója okozta a képek egymásra lógását */
	display: block !important;
	height: auto !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.kep-grid .kep-tile:hover {
	border-color: #cbbeaf !important;
	box-shadow: 0 3px 10px rgba(43, 36, 32, 0.08) !important;
}

.kep-grid .kep-tile > img.kep-thumb {
	width: 100% !important;
	height: 105px !important;
	background: #faf8f5 !important;
	object-fit: contain !important;
	border-radius: 6px !important;
	margin-bottom: 6px !important;
}

.kep-grid .kep-lab {
	font-size: 11.5px !important;
	font-weight: 500 !important;
	color: #4a4036 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;
	cursor: pointer !important;
	padding: 2px 0 !important;
}

.kep-grid .kep-sorszam {
	position: absolute !important;
	top: 6px !important;
	left: 6px !important;
	background: rgba(35, 28, 22, 0.75) !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	padding: 1px 6px !important;
	border-radius: 10px !important;
}

.kep-grid .kep-torol {
	position: absolute !important;
	top: 6px !important;
	right: 6px !important;
	border-radius: 6px !important;
	padding: 3px 6px !important;
	font-size: 11px !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
}

/* Táblázatok modernizálása a szerkesztőben */
.form-table,
#termek-info-table,
#dok-uj-table,
#dok-meglevo-group table {
	border: 1px solid #ede7df !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	overflow: hidden !important;
}

.form-table thead th,
#termek-info-table thead th,
#dok-uj-table thead th,
#dok-meglevo-group table thead th {
	background: #fbf9f6 !important;
	color: #4a4036 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	border-bottom: 1px solid #ede7df !important;
	border-top: none !important;
	padding: 8px 12px !important;
}

.form-table tbody td,
#termek-info-table tbody td,
#dok-uj-table tbody td,
#dok-meglevo-group table tbody td {
	border-top: 1px solid #f2eee8 !important;
	padding: 8px 12px !important;
	vertical-align: middle !important;
}

/* Akciósáv (Action Bar) & Rögzített alsó mentősáv (Sticky Footer) */
.button-box {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	margin: 14px 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	position: static !important;
	padding: 0 !important;
}

/* Űrlapok alsó rögzített mentősávja */
.form-content + .button-box,
form + .button-box,
form .button-box,
.clear + .button-box {
	position: sticky !important;
	bottom: 0 !important;
	z-index: 990 !important;
	background: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(8px) !important;
	border-top: 1px solid #e7e2da !important;
	padding: 14px 24px !important;
	box-shadow: 0 -4px 16px rgba(43, 36, 32, 0.06) !important;
	border-radius: 0 0 12px 12px !important;
	margin: 20px 0 0 0 !important;
}

.button-box .btn-primary {
	background: linear-gradient(135deg, var(--sm-orange, #e85a2a), #d34c1d) !important;
	border: 1px solid #d34c1d !important;
	border-radius: 8px !important;
	padding: 9px 18px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	box-shadow: 0 2px 6px rgba(232, 90, 42, 0.28) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	transition: all .15s ease !important;
}

.button-box .btn-primary:hover {
	background: linear-gradient(135deg, #d34c1d, #ba3e14) !important;
	border-color: #ba3e14 !important;
	box-shadow: 0 4px 10px rgba(232, 90, 42, 0.38) !important;
	transform: translateY(-1px) !important;
	color: #ffffff !important;
}

.button-box .btn-success {
	background: linear-gradient(135deg, #16a34a, #15803d) !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 10px 24px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	box-shadow: 0 2px 8px rgba(22, 163, 74, 0.25) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	transition: all .15s ease !important;
}

.button-box .btn-success:hover {
	background: linear-gradient(135deg, #15803d, #166534) !important;
	box-shadow: 0 4px 12px rgba(22, 163, 74, 0.35) !important;
	transform: translateY(-1px) !important;
}

.button-box .btn-secondary-custom {
	background: #f4f0eb !important;
	border: 1px solid #e0d8cc !important;
	color: #5a5046 !important;
	border-radius: 8px !important;
	padding: 10px 18px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	transition: all .15s ease !important;
}

.button-box .btn-secondary-custom:hover {
	background: #ebe4da !important;
	color: #231c16 !important;
	border-color: #d1c5b4 !important;
	text-decoration: none !important;
}

/* ---- Termékszerkesztő modern füles elrendezés (Tabs) ---- */
.sm-product-tabs {
	border-bottom: 2px solid var(--sm-orange, #e85a2a) !important;
	margin-top: 15px !important;
	margin-bottom: 22px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	padding-left: 0 !important;
}

.sm-product-tabs > li {
	float: none !important;
	margin-bottom: -2px !important;
}

.sm-product-tabs > li > a,
body.skin5 .sm-product-tabs > li > a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 11px 18px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #52473d !important;
	background: #f8f6f2 !important;
	border: 1px solid #e0d9ce !important;
	border-bottom-color: var(--sm-orange, #e85a2a) !important;
	border-radius: 9px 9px 0 0 !important;
	transition: all .15s ease-in-out !important;
	text-decoration: none !important;
}

.sm-product-tabs > li > a:hover,
body.skin5 .sm-product-tabs > li > a:hover {
	color: #231c16 !important;
	background: #eee8de !important;
	border-color: #d1c6b6 !important;
}

/* Inaktív fülön az ikon élénk narancssárga, azonnal felismerhető */
.sm-product-tabs > li > a i,
body.skin5 .sm-product-tabs > li > a i {
	font-size: 15px !important;
	color: var(--sm-orange, #e85a2a) !important;
	transition: all .15s ease !important;
}

.sm-product-tabs > li > a i:before,
body.skin5 .sm-product-tabs > li > a i:before {
	color: var(--sm-orange, #e85a2a) !important;
}

/* AKTÍV FÜL: ÉLÉNK NARANCSSÁRGA HÁTTÉR, TISZTA FEHÉR SZÖVEG ÉS HÓFEHÉR IKON */
.sm-product-tabs > li.active > a,
.sm-product-tabs > li.active > a:hover,
.sm-product-tabs > li.active > a:focus,
body.skin5 .sm-product-tabs > li.active > a,
body.skin5 .sm-product-tabs > li.active > a:hover,
body.skin5 .sm-product-tabs > li.active > a:focus {
	color: #ffffff !important;
	background: var(--sm-orange, #e85a2a) !important;
	border-color: var(--sm-orange, #e85a2a) !important;
	padding-top: 11px !important;
	box-shadow: 0 -2px 8px rgba(232, 90, 42, 0.28) !important;
}

.sm-product-tabs > li.active > a i,
body.skin5 .sm-product-tabs > li.active > a i,
.sm-product-tabs > li.active > a:hover i,
body.skin5 .sm-product-tabs > li.active > a:hover i,
.sm-product-tabs > li.active > a:focus i,
body.skin5 .sm-product-tabs > li.active > a:focus i {
	color: #ffffff !important;
	font-size: 15px !important;
}

.sm-product-tabs > li.active > a i:before,
body.skin5 .sm-product-tabs > li.active > a i:before,
.sm-product-tabs > li.active > a:hover i:before,
body.skin5 .sm-product-tabs > li.active > a:hover i:before,
.sm-product-tabs > li.active > a:focus i:before,
body.skin5 .sm-product-tabs > li.active > a:focus i:before {
	color: #ffffff !important;
}

/* Badge-ek stílusa */
.sm-product-tabs .badge,
body.skin5 .sm-product-tabs .badge {
	background: #e2dacd !important;
	color: #4a3e33 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 2px 7px !important;
	border-radius: 12px !important;
	margin-left: 4px !important;
	vertical-align: middle !important;
}

.sm-product-tabs > li.active .badge,
body.skin5 .sm-product-tabs > li.active .badge {
	background: rgba(255, 255, 255, 0.28) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.45) !important;
}

.sm-product-tab-content {
	padding: 0 !important;
}

/* Tab navigációs alsó sáv (Next / Prev gombok) */
.sm-tab-footer {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-top: 24px !important;
	padding: 16px 4px 4px 4px !important;
	border-top: 1px dashed #e2ddd5 !important;
}

.sm-tab-footer .sm-footer-left {
	display: flex !important;
	gap: 10px !important;
}

.sm-tab-footer .sm-footer-right {
	display: flex !important;
	gap: 10px !important;
	margin-left: auto !important;
}

.sm-tab-nav-btn {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 8px 16px !important;
	border-radius: 8px !important;
	background: #fbf9f6 !important;
	border: 1px solid #dcd4c8 !important;
	color: #52473d !important;
	transition: all .15s ease !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

.sm-tab-nav-btn:hover {
	background: #f0ebe2 !important;
	border-color: #c9beaf !important;
	color: #231c16 !important;
	transform: translateY(-1px);
	text-decoration: none !important;
}

/* ==========================================================================
   KIS PANELEK FEJLÉC IKONJAI: FEHÉR IKON ÉLÉNK NARANCSSÁRGA DOBOZBAN
   ========================================================================== */
.form-section .form-group-title > span > i,
.form-section .form-group-title > i,
.form-group-title > span > i,
.form-group-title > i,
.form-section .form-group-title .sm-title-left > span > i,
.form-group-title .sm-title-left > span > i,
.form-section .form-group-title .sm-panel-icon,
.form-group-title .sm-panel-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	border-radius: 7px !important;
	background: var(--sm-orange, #e85a2a) !important;
	color: #ffffff !important;
	font-size: 13px !important;
	line-height: 1 !important;
	margin-right: 10px !important;
	box-shadow: 0 2px 6px rgba(232, 90, 42, 0.32) !important;
	vertical-align: middle !important;
	flex-shrink: 0 !important;
}

.form-section .form-group-title > span > i:before,
.form-section .form-group-title > i:before,
.form-group-title > span > i:before,
.form-group-title > i:before,
.form-section .form-group-title .sm-title-left > span > i:before,
.form-group-title .sm-title-left > span > i:before,
.form-section .form-group-title .sm-panel-icon:before,
.form-group-title .sm-panel-icon:before {
	color: #ffffff !important;
}

/* Fejléc jobb oldalán lévő gombok/címkék belső ikonjainak védelme */
.form-group-title .btn i,
.form-group-title .label i,
.form-group-title .sm-search-input-wrap i {
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	margin-right: 0 !important;
	color: inherit !important;
}
.form-group-title .btn i:before,
.form-group-title .label i:before,
.form-group-title .sm-search-input-wrap i:before {
	color: inherit !important;
}

/* ==========================================================================
   ERGONOMIKUS FORM MEZŐK ÉS TISZTA ELEMEK (RÉGI DESIGN KIVEZETÉSE)
   ========================================================================== */
.form-section .form-group {
	margin-bottom: 18px !important;
}

.form-section .form-group:last-child {
	margin-bottom: 0 !important;
}

.form-section .form-group > label {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #383029 !important;
	margin-bottom: 6px !important;
	display: block !important;
	letter-spacing: -0.01em !important;
}

.form-section .form-control {
	border: 1px solid #dcd4c8 !important;
	border-radius: 8px !important;
	height: 38px !important;
	padding: 7px 12px !important;
	font-size: 13px !important;
	color: #231c16 !important;
	background-color: #ffffff !important;
	transition: border-color .15s ease, box-shadow .15s ease !important;
	box-shadow: inset 0 1px 2px rgba(43, 36, 32, 0.02) !important;
}

.form-section .form-control:focus {
	border-color: var(--sm-orange, #e85a2a) !important;
	outline: 0 !important;
	box-shadow: 0 0 0 3px rgba(232, 90, 42, 0.12), inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

.form-section textarea.form-control {
	height: auto !important;
	min-height: 85px !important;
	resize: vertical !important;
	line-height: 1.45 !important;
}

/* .width400 és .width100 reszponzív modernizálás */
.form-section .width400 {
	width: 100% !important;
	max-width: 480px !important;
}

.form-section .width100 {
	width: 120px !important;
}

.form-group-help {
	display: none !important; /* Régi zavaró súgóikonok elrejtése */
}

/* Input csoportok mértékegységekkel */
.sm-unit-input-wrap {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.sm-unit-badge {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #7a6e62 !important;
}

/* ==========================================================================
   ÁRAK ÉS KALKULÁTOR DOBOZOK
   ========================================================================== */
.sm-calc-card {
	background: #faf8f5 !important;
	border: 1px solid #eae3d9 !important;
	border-radius: 10px !important;
	padding: 14px 16px !important;
	margin-bottom: 14px !important;
}

.sm-calc-card-title {
	font-size: 11.5px !important;
	font-weight: 700 !important;
	color: #75675a !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
	margin-bottom: 8px !important;
}

.sm-calc-cols {
	display: flex !important;
	gap: 8px !important;
	align-items: center !important;
}

.sm-calc-cell {
	flex: 1 1 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
}

.sm-calc-cell span {
	font-size: 10.5px !important;
	font-weight: 600 !important;
	color: #8c8074 !important;
	text-align: center !important;
}

.sm-calc-cell .form-control {
	width: 100% !important;
	text-align: right !important;
	font-weight: 600 !important;
}

/* ==========================================================================
   MODERN KÉP TALLÓZÓ DROPZONE
   ========================================================================== */
.sm-dropzone-box {
	border: 2px dashed #dcd4c8 !important;
	border-radius: 12px !important;
	background: #fdfcfb !important;
	padding: 24px 16px !important;
	text-align: center !important;
	cursor: pointer !important;
	transition: all .2s ease-in-out !important;
	margin-bottom: 14px !important;
}

.sm-dropzone-box:hover {
	border-color: var(--sm-orange, #e85a2a) !important;
	background: #fff9f5 !important;
	box-shadow: 0 4px 14px rgba(232, 90, 42, 0.08) !important;
}

.sm-dropzone-icon {
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	background: rgba(232, 90, 42, 0.1) !important;
	color: var(--sm-orange, #e85a2a) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 20px !important;
	margin-bottom: 8px !important;
	transition: transform .2s ease !important;
}

.sm-dropzone-box:hover .sm-dropzone-icon {
	transform: scale(1.08);
	background: var(--sm-orange, #e85a2a) !important;
	color: #ffffff !important;
}

.sm-dropzone-title {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #2b2420 !important;
	margin-bottom: 4px !important;
}

.sm-dropzone-desc {
	font-size: 12px !important;
	color: #82786e !important;
}

/* ==========================================================================
   SUMMERNOTE SZERKESZTŐ MODERNIZÁLÁSA
   ========================================================================== */
.note-editor.note-frame {
	border: 1px solid #dcd4c8 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.note-editor.note-frame .note-toolbar {
	background: #fbf9f6 !important;
	border-bottom: 1px solid #ede7df !important;
	padding: 6px 8px !important;
}

.note-editor.note-frame .note-statusbar {
	background: #fbf9f6 !important;
	border-top: 1px solid #ede7df !important;
}

.note-editor.note-frame.focus {
	border-color: var(--sm-orange, #e85a2a) !important;
	box-shadow: 0 0 0 3px rgba(232, 90, 42, 0.12) !important;
}

/* ==========================================================================
   KAPCSOLT TERMÉKEK LISTA MODERNIZÁLÁSA
   ========================================================================== */
.kapcsolt-termek-box {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	margin-top: 12px !important;
	max-width: 850px !important;
}

.kapcsolt-termek-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background: #ffffff !important;
	border: 1px solid #e2ddd5 !important;
	border-radius: 9px !important;
	padding: 10px 16px !important;
	margin-bottom: 0 !important;
	box-shadow: 0 1px 3px rgba(43, 36, 32, 0.04) !important;
	transition: border-color .15s ease, box-shadow .15s ease !important;
}

.kapcsolt-termek-row:hover {
	border-color: #cbbeaf !important;
	box-shadow: 0 3px 8px rgba(43, 36, 32, 0.08) !important;
	background: #faf8f5 !important;
}

.kapcsolt-termek-row .item1 {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #2b2420 !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	float: none !important;
	line-height: 1.4 !important;
}

.kapcsolt-termek-row .item1 i {
	color: var(--sm-orange, #e85a2a) !important;
	font-size: 14px !important;
	flex-shrink: 0 !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	margin-right: 2px !important;
}

.kapcsolt-termek-row .item2 {
	flex-shrink: 0 !important;
	margin-left: 14px !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	float: none !important;
	display: flex !important;
	align-items: center !important;
}

.kapcsolt-termek-row .item2 .btn {
	border-radius: 6px !important;
	padding: 4px 9px !important;
	font-size: 11px !important;
	transition: all .15s ease !important;
}

.kapcsolt-termek-row .item2 .btn:hover {
	transform: scale(1.05) !important;
}

/* Sávos szállítás modern státusz pill */
.sm-status-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	padding: 4px 12px !important;
	border-radius: 20px !important;
	margin-left: 10px !important;
	vertical-align: middle !important;
	letter-spacing: 0.2px !important;
	line-height: 1.3 !important;
}

.sm-status-pill-success {
	background: #ecfdf5 !important;
	border: 1px solid #a7f3d0 !important;
	color: #065f46 !important;
}

.sm-status-pill-success i {
	color: #10b981 !important;
	font-size: 13px !important;
}

.sm-status-pill-inactive {
	background: #f4f2ee !important;
	border: 1px solid #dfd8cc !important;
	color: #6b5e52 !important;
}

.sm-status-pill-inactive i {
	color: #9c8e80 !important;
	font-size: 12px !important;
}

.sm-status-pill i,
.sm-status-pill i:before {
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	display: inline !important;
}

/* ==========================================================================
   TOVÁBBI ERGONÓMIAI ÉS LETISZTULT DESIGN FEJLESZTÉSEK
   ========================================================================== */

/* Kötelező mezők diszkrét narancs csillaggal */
.form-section .form-group[id="req"] > label::after {
	content: " *";
	color: var(--sm-orange, #e85a2a);
	font-weight: 700;
}

/* Műszaki és dokumentum táblázatok mezőinek modernizálása */
#termek-info-table input.form-control,
#dok-uj-table input.form-control,
#dok-uj-table select.form-control {
	border: 1px solid #dcd4c8 !important;
	border-radius: 6px !important;
	height: 34px !important;
	padding: 6px 10px !important;
	font-size: 12.5px !important;
	background: #ffffff !important;
	transition: border-color .15s ease, box-shadow .15s ease !important;
}

#termek-info-table input.form-control:focus,
#dok-uj-table input.form-control:focus,
#dok-uj-table select.form-control:focus {
	border-color: var(--sm-orange, #e85a2a) !important;
	box-shadow: 0 0 0 2px rgba(232, 90, 42, 0.15) !important;
	outline: none !important;
}

/* Rádió és checkbox gombok finomhangolása */
.form-section .radio-inline,
.form-section .checkbox-inline {
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #383029 !important;
	cursor: pointer !important;
}

.form-section .radio-inline input[type="radio"],
.form-section .checkbox-inline input[type="checkbox"] {
	accent-color: var(--sm-orange, #e85a2a) !important;
	margin-top: 2px !important;
}

/* Bootstrap Select Picker harmonizálása */
.form-section .bootstrap-select.form-control,
.bootstrap-select.form-control {
	border: none !important;
	padding: 0 !important;
	height: auto !important;
	background: transparent !important;
	box-shadow: none !important;
}

.bootstrap-select > .btn.dropdown-toggle {
	border: 1px solid #dcd4c8 !important;
	border-radius: 8px !important;
	background-color: #ffffff !important;
	color: #2b2420 !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	height: 38px !important;
	padding: 8px 36px 8px 12px !important;
	box-shadow: inset 0 1px 2px rgba(43, 36, 32, 0.02) !important;
	outline: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	transition: border-color .15s ease, box-shadow .15s ease !important;
}

.bootstrap-select.open > .btn.dropdown-toggle,
.bootstrap-select > .btn.dropdown-toggle:hover,
.bootstrap-select > .btn.dropdown-toggle:focus {
	border-color: var(--sm-orange, #e85a2a) !important;
	outline: none !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(232, 90, 42, 0.12), inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

.bootstrap-select .btn.dropdown-toggle .filter-option {
	text-align: left !important;
	padding-right: 15px !important;
	font-size: 13px !important;
	color: #2b2420 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.bootstrap-select .bs-caret {
	position: absolute !important;
	right: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.bootstrap-select .bs-caret .caret {
	border-top: 5px solid #8c7f73 !important;
	border-right: 4px solid transparent !important;
	border-left: 4px solid transparent !important;
}

.bootstrap-select.open .bs-caret .caret {
	border-top: none !important;
	border-bottom: 5px solid var(--sm-orange, #e85a2a) !important;
}

.bootstrap-select .dropdown-menu {
	border: 1px solid #dfd7cc !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
	padding: 6px !important;
	margin-top: 4px !important;
}

.bootstrap-select .bs-searchbox {
	padding: 4px 6px 8px 6px !important;
}

.bootstrap-select .bs-searchbox .form-control {
	border: 1px solid #dcd4c8 !important;
	border-radius: 6px !important;
	height: 34px !important;
	padding: 6px 10px !important;
	font-size: 12.5px !important;
	background: #faf8f5 !important;
}

.bootstrap-select .bs-searchbox .form-control:focus {
	border-color: var(--sm-orange, #e85a2a) !important;
	background: #ffffff !important;
	box-shadow: 0 0 0 2px rgba(232, 90, 42, 0.12) !important;
}

.bootstrap-select .dropdown-menu > li > a {
	border-radius: 6px !important;
	padding: 7px 10px !important;
	font-size: 13px !important;
	color: #38302a !important;
	transition: background-color .12s ease !important;
}

.bootstrap-select .dropdown-menu > li > a:hover,
.bootstrap-select .dropdown-menu > li > a:focus {
	background-color: #f7ede8 !important;
	color: var(--sm-orange, #e85a2a) !important;
}

.bootstrap-select .dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu > .active > a:hover,
.bootstrap-select .dropdown-menu > .active > a:focus {
	background-color: var(--sm-orange, #e85a2a) !important;
	color: #ffffff !important;
}

.bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark {
	color: var(--sm-orange, #e85a2a) !important;
}
.bootstrap-select.show-tick .dropdown-menu li.active.selected a span.check-mark {
	color: #ffffff !important;
}

/* ==========================================================================
   GLOBÁLIS TÁBLÁZAT ÉS DATATABLES MODERNIZÁCIÓ (2026 DESIGN SYSTEM)
   ========================================================================== */

/* 1. Kártya konténer táblázatokhoz */
.table-responsive {
	background: #ffffff !important;
	border: 1px solid var(--sm-border, #ece6de) !important;
	border-radius: 10px !important;
	box-shadow: 0 1px 3px rgba(43, 36, 32, 0.04) !important;
	margin-bottom: 24px !important;
	padding: 0 !important;
	overflow-x: auto !important;
}

/* 2. Alap DataTables és Bootstrap táblázatok */
table.dataTable,
table#mytable,
.table {
	width: 100% !important;
	margin: 0 !important;
	background: #ffffff !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
}

/* 3. Fejléc stílusok (thead th) */
table.dataTable thead th,
table#mytable thead th,
.table thead th {
	background: #faf8f5 !important;
	color: #5c5247 !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	border-top: none !important;
	border-bottom: 1px solid #ece6de !important;
	border-left: none !important;
	border-right: none !important;
	padding: 13px 14px !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
	line-height: 1.2 !important;
}

/* Rendezési nyilak finomhangolása */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
	cursor: pointer !important;
	transition: background-color .15s ease !important;
}

table.dataTable thead .sorting:hover,
table.dataTable thead .sorting_asc:hover,
table.dataTable thead .sorting_desc:hover {
	background: #f4efe9 !important;
	color: #2b2420 !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
	font-family: 'FontAwesome' !important;
	font-size: 11px !important;
	opacity: 0.4 !important;
	right: 10px !important;
	bottom: auto !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

table.dataTable thead .sorting:after {
	content: "\f0dc" !important;
}
table.dataTable thead .sorting_asc:after {
	content: "\f0de" !important;
	opacity: 0.9 !important;
	color: var(--sm-orange, #e85a2a) !important;
}
table.dataTable thead .sorting_desc:after {
	content: "\f0dd" !important;
	opacity: 0.9 !important;
	color: var(--sm-orange, #e85a2a) !important;
}

/* 4. Cellák és sorok (tbody td, tr) */
table.dataTable tbody td,
table#mytable tbody td,
.table tbody td {
	padding: 12px 14px !important;
	font-size: 13px !important;
	color: #383028 !important;
	border-top: 1px solid #f3efe9 !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	vertical-align: middle !important;
	transition: background-color .12s ease !important;
}

table.dataTable tbody tr,
table#mytable tbody tr,
.table tbody tr {
	background-color: #ffffff;
	transition: background-color .12s ease !important;
}

table.dataTable tbody tr:not(.inaktiv):not(.tiltott):not(.row-disabled):not(:has(.tiltott)):not(:has(.label-danger)):hover,
table#mytable tbody tr:not(.inaktiv):not(.tiltott):not(.row-disabled):not(:has(.tiltott)):not(:has(.label-danger)):hover,
.table tbody tr:not(.inaktiv):not(.tiltott):not(.row-disabled):not(:has(.tiltott)):not(:has(.label-danger)):hover {
	background-color: #fcfbf9 !important;
}

/* Inaktív / Letiltott sorok kiemelése (halvány piros háttér) */
table.dataTable tbody tr:has(.tiltott),
table#mytable tbody tr:has(.tiltott),
.table tbody tr:has(.tiltott),
table tbody tr:has(.tiltott),
table.dataTable tbody tr:has(.label-danger),
table#mytable tbody tr:has(.label-danger),
.table tbody tr:has(.label-danger),
table tbody tr:has(.label-danger),
table.dataTable tbody tr.row-disabled,
table#mytable tbody tr.row-disabled,
.table tbody tr.row-disabled,
table.dataTable tbody tr.row-inactive,
table.dataTable tbody tr.inaktiv,
table.dataTable tbody tr.tiltott,
.table tbody tr.inaktiv,
.table tbody tr.tiltott,
table tbody tr.inaktiv,
table tbody tr.tiltott,
table tbody tr.danger,
table tbody tr[data-statusz="0"],
table tbody tr[data-status="0"],
table tbody tr[data-statusz="N"],
table tbody tr[data-status="N"] {
	background-color: #fff2f2 !important;
}

table.dataTable tbody tr:has(.tiltott) td,
table#mytable tbody tr:has(.tiltott) td,
.table tbody tr:has(.tiltott) td,
table tbody tr:has(.tiltott) td,
table.dataTable tbody tr:has(.label-danger) td,
table#mytable tbody tr:has(.label-danger) td,
.table tbody tr:has(.label-danger) td,
table tbody tr:has(.label-danger) td,
table.dataTable tbody tr.row-disabled td,
table#mytable tbody tr.row-disabled td,
.table tbody tr.row-disabled td,
table.dataTable tbody tr.row-inactive td,
table.dataTable tbody tr.inaktiv td,
table.dataTable tbody tr.tiltott td,
.table tbody tr.inaktiv td,
.table tbody tr.tiltott td,
table tbody tr.inaktiv td,
table tbody tr.tiltott td,
table tbody tr.danger td,
table tbody tr[data-statusz="0"] td,
table tbody tr[data-status="0"] td,
table tbody tr[data-statusz="N"] td,
table tbody tr[data-status="N"] td {
	background-color: #fff2f2 !important;
}

table.dataTable tbody tr:has(.tiltott):hover,
table.dataTable tbody tr:has(.tiltott):hover td,
table#mytable tbody tr:has(.tiltott):hover,
table#mytable tbody tr:has(.tiltott):hover td,
.table tbody tr:has(.tiltott):hover,
.table tbody tr:has(.tiltott):hover td,
table tbody tr:has(.tiltott):hover,
table tbody tr:has(.tiltott):hover td,
table.dataTable tbody tr:has(.label-danger):hover,
table.dataTable tbody tr:has(.label-danger):hover td,
table.dataTable tbody tr.row-disabled:hover,
table.dataTable tbody tr.row-disabled:hover td,
.table tbody tr.row-disabled:hover,
.table tbody tr.row-disabled:hover td,
table tbody tr.inaktiv:hover,
table tbody tr.inaktiv:hover td,
table tbody tr.tiltott:hover,
table tbody tr.tiltott:hover td {
	background-color: #ffe6e6 !important;
}

/* Igazítások */
table.dataTable td.center,
table#mytable td.center,
.table td.center,
table.dataTable th.center {
	text-align: center !important;
}

table.dataTable td.right,
table#mytable td.right,
.table td.right,
table.dataTable th.right {
	text-align: right !important;
	font-variant-numeric: tabular-nums !important;
}

/* 5. Lábléc (tfoot) — Duplikáció megelőzése:
   Alapértelmezésben a tfoot rejtve marad, hogy soha ne jelenjen meg duplikált fejlécként!
   CSAK akkor jelenik meg fejlécként, ha van benne tényleges keresőmező (input / select). */
tfoot,
table.dataTable tfoot,
table#mytable tfoot,
.table tfoot {
	display: none !important;
}

table.dataTable tfoot:has(input),
table.dataTable tfoot:has(select),
table#mytable tfoot:has(input),
table#mytable tfoot:has(select),
.table tfoot:has(input),
.table tfoot:has(select),
table.dataTable.has-column-search tfoot,
table#mytable.has-column-search tfoot {
	display: table-header-group !important;
}

table.dataTable tfoot th,
table#mytable tfoot th,
.table tfoot th {
	background: #faf8f5 !important;
	border-top: 1px solid #ece6de !important;
	border-bottom: 2px solid #ded6ca !important;
	border-left: none !important;
	border-right: none !important;
	padding: 8px 10px !important;
	vertical-align: middle !important;
}

table.dataTable tfoot input,
table#mytable tfoot input,
table.dataTable tfoot select,
table#mytable tfoot select {
	width: 100% !important;
	height: 32px !important;
	padding: 5px 9px !important;
	border: 1px solid #dcd4c8 !important;
	border-radius: 6px !important;
	font-size: 12px !important;
	background: #ffffff !important;
	color: #383028 !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
	transition: border-color .15s ease, box-shadow .15s ease !important;
	outline: none !important;
}

table.dataTable tfoot input:focus,
table#mytable tfoot input:focus,
table.dataTable tfoot select:focus,
table#mytable tfoot select:focus {
	border-color: var(--sm-orange, #e85a2a) !important;
	box-shadow: 0 0 0 2px rgba(232, 90, 42, 0.12) !important;
}

/* 6. DataTables vezérlő sávok (Hossz, Kereső, Info, Lapozó) — Tágas, modern elrendezés */
div.dataTables_wrapper {
	padding: 0 !important;
	background: #ffffff !important;
	border-radius: 10px !important;
}

div.dataTables_wrapper:before,
div.dataTables_wrapper:after {
	content: "" !important;
	display: table !important;
	clear: both !important;
}

div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper > div.dataTables_length {
	float: left !important;
	margin: 14px 0 12px 16px !important;
	padding: 0 !important;
	font-size: 12.5px !important;
	color: #6b6055 !important;
	font-weight: 500 !important;
	display: inline-flex !important;
	align-items: center !important;
}

div.dataTables_wrapper div.dataTables_length label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 0 !important;
	font-size: 12.5px !important;
	color: #6b6055 !important;
	font-weight: 500 !important;
}

div.dataTables_wrapper div.dataTables_length select {
	height: 32px !important;
	border: 1px solid #dcd4c8 !important;
	border-radius: 6px !important;
	padding: 4px 8px !important;
	background: #ffffff !important;
	font-size: 12px !important;
	color: #383028 !important;
	margin: 0 !important;
	outline: none !important;
	cursor: pointer !important;
	transition: border-color .15s ease !important;
}

div.dataTables_wrapper div.dataTables_length select:focus {
	border-color: var(--sm-orange, #e85a2a) !important;
}

div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper > div.dataTables_filter {
	float: right !important;
	margin: 14px 16px 12px 0 !important;
	padding: 0 !important;
	font-size: 12.5px !important;
	color: #6b6055 !important;
	font-weight: 500 !important;
	display: inline-flex !important;
	align-items: center !important;
}

div.dataTables_wrapper div.dataTables_filter label {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	position: relative !important;
}

div.dataTables_wrapper div.dataTables_filter input {
	height: 34px !important;
	border: 1px solid #dcd4c8 !important;
	border-radius: 8px !important;
	padding: 6px 12px !important;
	background: #faf8f5 !important;
	font-size: 12.5px !important;
	color: #383028 !important;
	margin-left: 8px !important;
	width: 220px !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
	transition: all .15s ease !important;
	outline: none !important;
}

div.dataTables_wrapper div.dataTables_filter input:focus {
	border-color: var(--sm-orange, #e85a2a) !important;
	background: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(232, 90, 42, 0.12) !important;
	width: 250px !important;
}

div.dataTables_wrapper table.dataTable,
div.dataTables_wrapper table#mytable {
	clear: both !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-top: 1px solid #ede7df !important;
	border-bottom: 1px solid #ede7df !important;
}

div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper > div.dataTables_info {
	float: left !important;
	margin: 14px 0 14px 16px !important;
	padding: 0 !important;
	font-size: 12px !important;
	color: #8a8074 !important;
	font-weight: 500 !important;
}

div.dataTables_wrapper div.dataTables_paginate,
div.dataTables_wrapper > div.dataTables_paginate {
	float: right !important;
	margin: 10px 16px 14px 0 !important;
	padding: 0 !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin: 0 !important;
	display: inline-flex !important;
	gap: 4px !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination > li > a,
div.dataTables_wrapper div.dataTables_paginate ul.pagination > li > span {
	border: 1px solid #e2dad0 !important;
	border-radius: 6px !important;
	color: #5c5247 !important;
	background: #ffffff !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	padding: 6px 11px !important;
	transition: all .15s ease !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination > li > a:hover {
	background: #faf7f2 !important;
	border-color: #d1c6b8 !important;
	color: var(--sm-orange, #e85a2a) !important;
	transform: translateY(-1px) !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination > .active > a,
div.dataTables_wrapper div.dataTables_paginate ul.pagination > .active > span,
div.dataTables_wrapper div.dataTables_paginate ul.pagination > .active > a:hover {
	background: var(--sm-orange, #e85a2a) !important;
	border-color: var(--sm-orange, #e85a2a) !important;
	color: #ffffff !important;
	box-shadow: 0 2px 6px rgba(232, 90, 42, 0.3) !important;
	cursor: default !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination > .disabled > a,
div.dataTables_wrapper div.dataTables_paginate ul.pagination > .disabled > span {
	opacity: 0.45 !important;
	cursor: not-allowed !important;
	border-color: #ede7df !important;
	background: #fbf9f6 !important;
	color: #9c9185 !important;
	box-shadow: none !important;
	transform: none !important;
}

/* 7. Műveleti gombok (.listbtn) ergonomikus átalakítása */
.listbtn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	border-radius: 7px !important;
	font-size: 13px !important;
	border: none !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
	margin: 0 2px !important;
	vertical-align: middle !important;
	transition: all .15s ease-in-out !important;
}

.listbtn i {
	font-size: 13px !important;
	line-height: 1 !important;
}

.listbtn:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14) !important;
}

.listbtn:active {
	transform: translateY(0) !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.listbtn:disabled,
.listbtn[disabled] {
	opacity: 0.35 !important;
	cursor: not-allowed !important;
	transform: none !important;
	box-shadow: none !important;
}

/* Gomb típus színek */
.btn-success.listbtn {
	background: #16a34a !important;
	color: #ffffff !important;
}
.btn-success.listbtn:hover {
	background: #15803d !important;
}

.btn-danger.listbtn {
	background: #ef4444 !important;
	color: #ffffff !important;
}
.btn-danger.listbtn:hover {
	background: #dc2626 !important;
}

.btn-info.listbtn {
	background: #0284c7 !important;
	color: #ffffff !important;
}
.btn-info.listbtn:hover {
	background: #0369a1 !important;
}

.btn-warning.listbtn {
	background: #f59e0b !important;
	color: #ffffff !important;
}
.btn-warning.listbtn:hover {
	background: #d97706 !important;
}

/* 8. Interaktív Státusz Kapszulák (.engedelyezett, .tiltott) */
.engedelyezett,
.tiltott {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-width: 102px !important;
	padding: 4px 12px !important;
	border-radius: 20px !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	text-align: center !important;
	cursor: pointer !important;
	transition: all .15s ease-in-out !important;
	user-select: none !important;
	line-height: 1.3 !important;
}

.engedelyezett {
	background: #ecfdf5 !important;
	border: 1px solid #a7f3d0 !important;
	color: #065f46 !important;
}

.engedelyezett::before {
	content: "" !important;
	display: inline-block !important;
	width: 7px !important;
	height: 7px !important;
	border-radius: 50% !important;
	background: #10b981 !important;
	box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2) !important;
}

.engedelyezett:hover {
	background: #d1fae5 !important;
	border-color: #6ee7b7 !important;
	color: #044e39 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 2px 5px rgba(16, 185, 129, 0.18) !important;
}

.tiltott {
	background: #f5f2ed !important;
	border: 1px solid #ddd6cc !important;
	color: #73675c !important;
}

.tiltott::before {
	content: "" !important;
	display: inline-block !important;
	width: 7px !important;
	height: 7px !important;
	border-radius: 50% !important;
	background: #a89f91 !important;
}

.tiltott:hover {
	background: #ebe6df !important;
	border-color: #c9bfb2 !important;
	color: #4a4037 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08) !important;
}

/* 9. Rendelési státuszok (.sm-order-pill) */
.sm-order-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 4px 11px !important;
	border-radius: 18px !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	white-space: nowrap !important;
}

.sm-order-pill::before {
	content: "" !important;
	display: inline-block !important;
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
}

/* Új / Beküldve / Feldolgozásra vár */
.sm-order-pill-new {
	background: #eff6ff !important;
	border: 1px solid #bfdbfe !important;
	color: #1e40af !important;
}
.sm-order-pill-new::before { background: #3b82f6 !important; }

/* Folyamatban / Szállítás alatt */
.sm-order-pill-proc {
	background: #fffbeb !important;
	border: 1px solid #fde68a !important;
	color: #92400e !important;
}
.sm-order-pill-proc::before { background: #f59e0b !important; }

/* Teljesítve / Lezárva */
.sm-order-pill-done {
	background: #ecfdf5 !important;
	border: 1px solid #a7f3d0 !important;
	color: #065f46 !important;
}
.sm-order-pill-done::before { background: #10b981 !important; }

/* Törölve / Sikertelen */
.sm-order-pill-cancel {
	background: #fef2f2 !important;
	border: 1px solid #fecaca !important;
	color: #991b1b !important;
}
.sm-order-pill-cancel::before { background: #ef4444 !important; }

/* Általános / Alapértelmezett */
.sm-order-pill-default {
	background: #f5f2ed !important;
	border: 1px solid #ddd6cc !important;
	color: #6b5f54 !important;
}
.sm-order-pill-default::before { background: #8c8175 !important; }

/* 10. Kategória és hierarchikus fastruktúra sorok */
.sm-tree-parent-row {
	background: #faf7f2 !important;
	font-weight: 600 !important;
}
.sm-tree-parent-row > td {
	border-top: 1px solid #e6dec0 !important;
	border-bottom: 1px solid #e6dec0 !important;
	color: #2b2420 !important;
}
.sm-tree-parent-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #2b2420;
	font-weight: 600;
}
.sm-tree-child-row > td:first-child {
	padding-left: 28px !important;
	position: relative;
}
.sm-tree-child-row > td:first-child::before {
	content: "\f0da";
	font-family: 'FontAwesome';
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: #a89f93;
	font-size: 11px;
}

/* --------------------------------------------------------------------
   11. Árösszehasonlító Export (arosszehasonlito_export.php)
   -------------------------------------------------------------------- */
.sm-export-settings-card {
	margin-bottom: 24px !important;
}

.feed-item-card {
	background: #ffffff;
	border: 1px solid #ede7df;
	border-radius: 10px;
	padding: 18px 20px;
	margin-bottom: 16px;
	box-shadow: 0 1px 4px rgba(43, 36, 32, 0.04);
	transition: all .2s ease;
}

.feed-item-card:hover {
	border-color: #ded4c5;
	box-shadow: 0 4px 12px rgba(43, 36, 32, 0.07);
}

.feed-item-header {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.feed-logo-box {
	width: 140px;
	min-width: 140px;
	height: 54px;
	background: #ffffff;
	border: 1px solid #ede7df;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	box-sizing: border-box;
}

.feed-logo-img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}

.feed-logo-fallback {
	font-weight: 700;
	font-size: 13px;
	color: var(--sm-orange, #e85a2a);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.feed-title-wrap {
	flex: 1 1 320px;
}

.feed-title {
	font-size: 16px;
	font-weight: 700;
	color: #2b2420;
	margin: 0 0 4px 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.feed-url-field {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	max-width: 100%;
}

.feed-url-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #f8f6f2;
	border: 1px solid #e2dad0;
	border-radius: 6px;
	padding: 3px 10px;
	font-family: Consolas, 'SFMono-Regular', Menlo, monospace;
	font-size: 12px;
	color: #4a4036;
	word-break: break-all;
	max-width: 100%;
}

.feed-url-badge a {
	color: #4a4036;
	text-decoration: none;
}

.feed-url-badge a:hover {
	color: var(--sm-orange, #e85a2a);
	text-decoration: underline;
}

.feed-url-prefix {
	font-size: 12px;
	font-weight: 600;
	color: #786d62;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
}

.feed-url-input {
	height: 32px !important;
	font-family: Consolas, 'SFMono-Regular', Menlo, monospace !important;
	font-size: 12px !important;
	color: #383028 !important;
	background: #faf8f5 !important;
	border: 1px solid #ddd3c6 !important;
	border-radius: 6px !important;
	padding: 4px 10px !important;
	width: 440px !important;
	max-width: 100% !important;
	cursor: text;
}

.feed-url-input:focus {
	background: #ffffff !important;
	border-color: var(--sm-orange, #e85a2a) !important;
	box-shadow: 0 0 0 2px rgba(232, 90, 42, 0.15) !important;
}

.feed-url-open-btn {
	height: 32px;
	padding: 4px 10px;
	border-radius: 6px;
	color: #786d62 !important;
	background: #ffffff !important;
	border: 1px solid #ddd3c6 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	transition: all .15s ease !important;
}

.feed-url-open-btn:hover {
	color: var(--sm-orange, #e85a2a) !important;
	border-color: var(--sm-orange, #e85a2a) !important;
	background: #fdf6ed !important;
}

.feed-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.btn-feed-active {
	background: #2e7d32 !important;
	color: #ffffff !important;
	border: 1px solid #276a2b !important;
	border-radius: 7px !important;
	font-weight: 600 !important;
	font-size: 12.5px !important;
	padding: 8px 16px !important;
	box-shadow: 0 1px 3px rgba(46, 125, 50, 0.2) !important;
	transition: all .15s ease !important;
}

.btn-feed-active:hover {
	background: #256628 !important;
	color: #ffffff !important;
	box-shadow: 0 2px 6px rgba(46, 125, 50, 0.3) !important;
}

.btn-feed-inactive {
	background: #c83f17 !important;
	color: #ffffff !important;
	border: 1px solid #b33512 !important;
	border-radius: 7px !important;
	font-weight: 600 !important;
	font-size: 12.5px !important;
	padding: 8px 16px !important;
	box-shadow: 0 1px 3px rgba(200, 63, 23, 0.2) !important;
	transition: all .15s ease !important;
}

.btn-feed-inactive:hover {
	background: #a9320f !important;
	color: #ffffff !important;
	box-shadow: 0 2px 6px rgba(200, 63, 23, 0.3) !important;
}

.feed-item-body {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #f3efe9;
}

.feed-desc {
	font-size: 13px;
	color: #52473d;
	line-height: 1.55;
}

.feed-desc p {
	margin-bottom: 6px;
}

.feed-apikey-box {
	margin-top: 14px;
	padding: 14px 16px;
	background: #faf8f5;
	border: 1px solid #ded6ca;
	border-radius: 8px;
}

.feed-apikey-label {
	font-size: 13px;
	font-weight: 600;
	color: #2b2420;
	margin-bottom: 6px;
	display: block;
}

.feed-apikey-textarea {
	width: 100% !important;
	min-height: 80px;
	font-family: Consolas, 'SFMono-Regular', Menlo, monospace !important;
	font-size: 12px !important;
	background: #ffffff !important;
	border: 1px solid #d4cbbd !important;
	border-radius: 6px !important;
	padding: 8px 10px !important;
	resize: vertical;
}

.feed-apikey-textarea:focus {
	border-color: var(--sm-orange, #e85a2a) !important;
	box-shadow: 0 0 0 2px rgba(232, 90, 42, 0.2) !important;
}