
.min-h-100 {
    min-height: 100px;
}

.min-h-150 {
    min-height: 150px;
}

.min-h-200 {
    min-height: 200px;
}

.min-h-300 {
    min-height: 300px;
}

.min-h-400 {
    min-height: 400px;
}

.min-h-500 {
    min-height: 500px;
}


.user-profile-banner{
background: linear-gradient(135deg, #4D0B05, 
color-mix(in srgb, #4D0B05 55%, #ffffff)) !important;
}

.property-index-hero, .transfer-index-hero, .sales-index-hero, .ticket-index-hero{
       background: linear-gradient(125deg, #4D0B05 0%, #5f211c 42%, #6b3934 100%) !important;
       color: #F9F2C1;
}

.property-index-hero h2, .transfer-index-hero h2, .sales-index-hero h2, .ticket-index-hero h2 {
      color: #F9F2C1;
}


#propertiesTable thead th, #transfers-table thead th, #sales-table thead th, #ticketsTable thead th{
     background: linear-gradient(180deg, #4D0B05 0%, #6b3934 100%) !important;
     color: #F9F2C1 !important;
}

/* =========================================================
   Tenant theme — burgundy + cream
   Brand gradient: #4D0B05 → #5f211c → #6b3934
   Text: #F9F2C1
   ========================================================= */

:root {
	--tenant-brand-1: #4D0B05;
	--tenant-brand-2: #5f211c;
	--tenant-brand-3: #6b3934;
	--tenant-brand-text: #F9F2C1;
	--tenant-brand-text-muted: rgba(249, 242, 193, 0.75);
	--tenant-brand-gradient: linear-gradient(125deg, #4D0B05 0%, #5f211c 42%, #6b3934 100%);

	/* UBold tokens */
	--ct-bg-topbar-dark: #4D0B05;
	--ct-bg-leftbar: #4D0B05;
	--ct-bg-leftbar-dark: #4D0B05;
	--ct-menu-item: #F9F2C1;
	--ct-menu-item-hover: #ffffff;
	--ct-menu-item-active: #F9F2C1;
	--ct-menu-item-color-dark: #F9F2C1;
	--ct-menu-item-hover-color-dark: #ffffff;
	--ct-menu-item-active-color-dark: #ffffff;
	--ct-menuitem-active-bg: rgba(249, 242, 193, 0.12);

	/* Home area tokens */
	--header-bg: #4D0B05;
	--footer-bg: #4D0B05;
	--primary: #5f211c;
	--primary-dark: #4D0B05;
}

/* ---------- Admin: top menu ---------- */
.navbar-custom {
	background: var(--tenant-brand-gradient) !important;
}

.navbar-custom .topnav-menu .nav-link,
.navbar-custom .button-menu-mobile,
.navbar-custom .nav-user {
	color: var(--tenant-brand-text) !important;
}

.navbar-custom .topnav-menu .nav-link:hover,
.navbar-custom .topnav-menu .nav-link:focus,
.navbar-custom .dropdown .nav-link.show {
	color: #ffffff !important;
	background-color: rgba(249, 242, 193, 0.1) !important;
}

.navbar-custom .app-search .form-control {
	color: var(--tenant-brand-text);
	background-color: rgba(249, 242, 193, 0.12);
	border-color: transparent;
}

.navbar-custom .app-search .form-control::placeholder {
	color: var(--tenant-brand-text-muted);
}

.navbar-custom .app-search .input-group-text,
.navbar-custom .app-search .btn {
	color: var(--tenant-brand-text);
}

/* ---------- Admin: side menu ---------- */
.left-side-menu {
	background: var(--tenant-brand-gradient) !important;
}

.left-side-menu #sidebar-menu > ul > li > a,
.left-side-menu #sidebar-menu .menu-title,
.left-side-menu #sidebar-menu .nav-second-level li a,
.left-side-menu #sidebar-menu .nav-thrid-level li a,
.left-side-menu .user-box .dropdown > a,
.left-side-menu .user-box h5,
.left-side-menu .user-box p {
	color: var(--tenant-brand-text) !important;
}

.left-side-menu #sidebar-menu > ul > li > a:hover,
.left-side-menu #sidebar-menu > ul > li > a:focus,
.left-side-menu #sidebar-menu > ul > li > a:active,
.left-side-menu #sidebar-menu .menuitem-active > a,
.left-side-menu #sidebar-menu .menuitem-active .active,
.left-side-menu #sidebar-menu .nav-second-level li a:hover,
.left-side-menu #sidebar-menu .nav-second-level li a:focus,
.left-side-menu #sidebar-menu .nav-second-level li.active > a {
	color: #ffffff !important;
}

.left-side-menu #sidebar-menu > ul > li > a i,
.left-side-menu #sidebar-menu > ul > li > a svg {
	color: var(--tenant-brand-text) !important;
}

.left-side-menu .menuitem-active > a {
	background-color: rgba(249, 242, 193, 0.12) !important;
}

/* Condensed hover flyout */
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > a,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul,
body[data-leftbar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapsing > ul {
	background: var(--tenant-brand-2) !important;
	color: var(--tenant-brand-text) !important;
}

/* ---------- Index heroes ---------- */
.property-index-hero,
.transfer-index-hero,
.sales-index-hero,
.ticket-index-hero,
.registration-index-hero,
.logbook-index-hero,
.visitor-index-hero {
	background: var(--tenant-brand-gradient) !important;
	color: var(--tenant-brand-text) !important;
	box-shadow: 0 0.5rem 1.25rem rgba(77, 11, 5, 0.28) !important;
}

.property-index-hero h2,
.property-index-hero .lead,
.transfer-index-hero h2,
.transfer-index-hero .lead,
.sales-index-hero h2,
.sales-index-hero .lead,
.ticket-index-hero h2,
.ticket-index-hero .lead,
.registration-index-hero h2,
.registration-index-hero .lead,
.logbook-index-hero h2,
.logbook-index-hero .lead,
.visitor-index-hero h2,
.visitor-index-hero .lead {
	color: var(--tenant-brand-text) !important;
}

/* ---------- Identity / login / TenantSwitcher ---------- */
body.authentication-bg,
body.authentication-bg-pattern {
	background-color: var(--tenant-brand-1) !important;
	background-image: var(--tenant-brand-gradient) !important;
}

body.tenant-switcher-bg.authentication-bg {
	background-color: var(--tenant-brand-1) !important;
	background-image: var(--tenant-brand-gradient) !important;
}

.tenant-switcher-heading,
.tenant-switcher-subheading {
	color: var(--tenant-brand-text) !important;
}

.tenant-switcher-subheading {
	opacity: 0.85;
}

body.tenant-switcher-bg .footer.footer-alt,
.footer.footer-alt {
	color: var(--tenant-brand-text-muted) !important;
}

body.tenant-switcher-bg .footer.footer-alt a,
.footer.footer-alt a {
	color: var(--tenant-brand-text) !important;
}

/* ---------- Home (public) area ---------- */
.navbar-public {
	background: var(--tenant-brand-gradient) !important;
}

.navbar-public .navbar-brand,
.navbar-public .nav-link,
.navbar-public .nav-user-name,
.navbar-public .btn-logout,
.navbar-public .btn-dashboard {
	color: var(--tenant-brand-text) !important;
}

.navbar-public .nav-link:hover,
.navbar-public .nav-link.active,
.navbar-public .btn-dashboard:hover,
.navbar-public .btn-logout:hover {
	color: #ffffff !important;
	background: rgba(249, 242, 193, 0.15) !important;
}

.hero-section {
	background: var(--tenant-brand-gradient) !important;
	color: var(--tenant-brand-text) !important;
}

.hero-section h1,
.hero-section p {
	color: var(--tenant-brand-text) !important;
}

.section-title {
	color: var(--tenant-brand-1) !important;
	border-bottom-color: var(--tenant-brand-2) !important;
}

footer.site-footer {
	background: var(--tenant-brand-gradient) !important;
	color: var(--tenant-brand-text) !important;
}

footer.site-footer a {
	color: var(--tenant-brand-text-muted) !important;
}

footer.site-footer a:hover {
	color: #ffffff !important;
}

.btn-primary {
	background: var(--tenant-brand-2) !important;
	border-color: var(--tenant-brand-1) !important;
	color: var(--tenant-brand-text) !important;
}

.btn-primary:hover,
.btn-primary:focus {
	background: var(--tenant-brand-1) !important;
	border-color: var(--tenant-brand-1) !important;
	color: #ffffff !important;
}





/* ---------- Native select ---------- */
select.form-select,
select.form-control,
.form-select,
.dataTables_wrapper select {
	background-color: #5f211c !important;
	color: #F9F2C1 !important;
	border: 1px solid #2a0606 !important;
}

select.form-select:focus,
select.form-control:focus,
.form-select:focus {
	background-color: #5f211c !important;
	color: #F9F2C1 !important;
	border-color: #4D0B05 !important;
	box-shadow: 0 0 0 0.2rem rgba(77, 11, 5, 0.35) !important;
}

/* Best-effort for native option list (Chrome/Edge allow some of this) */
select.form-select option,
select.form-control option,
.form-select option,
select option {
	background-color: #5f211c !important;
	color: #F9F2C1 !important;
}

select option:checked,
select option:hover {
	background-color: #4D0B05 !important;
	color: #F9F2C1 !important;
}

/* ---------- Select2 closed control ---------- */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
	background-color: #5f211c !important;
	border: 1px solid #2a0606 !important;
	color: #F9F2C1 !important;
	min-height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #F9F2C1 !important;
	line-height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: rgba(249, 242, 193, 0.55) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #F9F2C1 transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #F9F2C1 transparent !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #4D0B05 !important;
	border-color: #2a0606 !important;
	color: #F9F2C1 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #F9F2C1 !important;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple {
	border-color: #4D0B05 !important;
	box-shadow: 0 0 0 0.2rem rgba(77, 11, 5, 0.35);
}

/* ---------- Select2 dropdown / options list ---------- */
.select2-dropdown {
	background-color: #5f211c !important;
	border: 1px solid #2a0606 !important;
	color: #F9F2C1 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: #4D0B05 !important;
	border: 1px solid #2a0606 !important;
	color: #F9F2C1 !important;
}

.select2-container--default .select2-results > .select2-results__options {
	background-color: #5f211c !important;
}

.select2-container--default .select2-results__option {
	background-color: #5f211c !important;
	color: #F9F2C1 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
	background-color: #6b3934 !important;
	color: #F9F2C1 !important;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--selected {
	background-color: #4D0B05 !important;
	color: #F9F2C1 !important;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
	color: rgba(249, 242, 193, 0.4) !important;
}

.select2-results__message {
	color: rgba(249, 242, 193, 0.7) !important;
}

.select2-container--default .select2-search--dropdown {
	background-color: transparent !important;
	background: none !important;
	padding: 0.5rem !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-search__field {
	background-color: #612521 !important;
	background: #612521 !important;
	color: #F9F2C1 !important;
	border: 1px solid #612521 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background: linear-gradient(125deg, #4D0B05 0%, #5f211c 42%, #6b3934 100%) !important;
	background-color: #5f211c !important;
	color: #F9F2C1 !important;
	border-color: transparent !important;
}

.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus,
.nav-pills .show > .nav-link:hover,
.nav-pills .show > .nav-link:focus {
	background: linear-gradient(125deg, #4D0B05 0%, #5f211c 42%, #6b3934 100%) !important;
	color: #F9F2C1 !important;
}