/*# sourceMappingURL=custom.min.css.map */
.auth-card {
    background-color: #243535;
}.select2-container--open,.select2-dropdown{z-index:99999}

/* Primary buttons — brand red */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
  background-color: #b73220 !important;
  border-color: #b73220 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #942818 !important;
  border-color: #942818 !important;
}

/* Warning buttons — amber accent */
.btn-warning,
.btn-warning:not(:disabled):not(.disabled) {
  background-color: #d45242 !important;
  border-color: #d45242 !important;
  color: #15121a !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  background-color: #b73220 !important;
  border-color: #b73220 !important;
  color: #ffffff !important;
}

.btn-outline-warning {
  color: #b73220 !important;
  border-color: #b73220 !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning.active {
  background-color: #b73220 !important;
  border-color: #b73220 !important;
  color: #ffffff !important;
}

.btn-outline-primary {
  color: #f0a89a !important;
  border-color: #b73220 !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: #b73220 !important;
  border-color: #b73220 !important;
  color: #ffffff !important;
}

.btn-outline-danger {
  color: #f0a0a0 !important;
  border-color: #d45242 !important;
  background-color: transparent !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.active {
  background-color: #d45242 !important;
  border-color: #d45242 !important;
  color: #ffffff !important;
}

/* Secondary / info buttons — light gray (theme default secondary is blue) */
.btn-secondary,
.btn-secondary:not(:disabled):not(.disabled),
.btn-info,
.btn-info:not(:disabled):not(.disabled) {
  background-color: #9a9a9a !important;
  border-color: #9a9a9a !important;
  color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  background-color: #b0b0b0 !important;
  border-color: #b0b0b0 !important;
  color: #ffffff !important;
}

.btn-outline-secondary {
  color: #b0b0b0 !important;
  border-color: #8a8a8a !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
  background-color: #9a9a9a !important;
  border-color: #9a9a9a !important;
  color: #ffffff !important;
}

.btn-outline-info {
  color: #b0b0b0 !important;
  border-color: #8a8a8a !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.active {
  background-color: #9a9a9a !important;
  border-color: #9a9a9a !important;
  color: #ffffff !important;
}

.btn-subtle-secondary,
.btn-soft-secondary,
.btn-subtle-info,
.btn-soft-info {
  color: #c8c8c8 !important;
  background-color: rgba(154, 154, 154, 0.2) !important;
  border-color: transparent !important;
}

.btn-subtle-secondary:hover,
.btn-soft-secondary:hover,
.btn-subtle-info:hover,
.btn-soft-info:hover,
.btn-subtle-secondary:focus,
.btn-soft-secondary:focus,
.btn-subtle-info:focus,
.btn-soft-info:focus,
.btn-subtle-secondary:active,
.btn-soft-secondary:active,
.btn-subtle-info:active,
.btn-soft-info:active {
  color: #ffffff !important;
  background-color: #9a9a9a !important;
  border-color: transparent !important;
}

/* Admin dark shell — off-black sidebar, black content, red accents */
:root {
  --pn-black: #272929;
  --pn-off-black: #272929;
  --pn-surface: #313434;
  --pn-surface-2: #2a3030;
  --pn-border: rgba(255, 255, 255, 0.08);
  --pn-text: #f5f5f5;
  --pn-muted: #8a8a8a;
  --pn-accent: #b73220;
  --pn-accent-hover: #942818;
}

/* Sidebar + header — flat off-black */
.app-menu {
  background: var(--pn-off-black) !important;
  background-color: var(--pn-off-black) !important;
  position: relative;
}

.app-menu::before {
  display: none;
}

.app-menu .navbar-nav {
  position: relative;
  z-index: 1;
}

.app-menu {
  display: flex;
  flex-direction: column;
}

.app-menu #scrollbar {
  flex: 1 1 auto;
  min-height: 0;
}

.menu-wrapper,
[data-topbar=dark] .menu-wrapper {
  background: var(--pn-off-black) !important;
  background-color: var(--pn-off-black) !important;
}

#page-topbar,
.navbar-header,
#page-topbar.topbar-shadow,
[data-topbar=dark] #page-topbar,
[data-topbar=dark] .navbar-header {
  background: var(--pn-black) !important;
  background-color: var(--pn-black) !important;
}

/* Beat app.css green sidebar defaults */
[data-sidebar=dark][data-layout=vertical] .app-menu {
  background: var(--pn-off-black) !important;
  background-color: var(--pn-off-black) !important;
}

[data-sidebar=dark][data-layout=vertical] .app-menu::before {
  display: none !important;
}

[data-topbar=dark] .menu-wrapper {
  background: var(--pn-off-black) !important;
}

[data-topbar=dark] #page-topbar,
[data-topbar=dark] .navbar-header,
[data-topbar=dark] #page-topbar.topbar-shadow {
  background: var(--pn-black) !important;
}

#layout-wrapper::before {
  background-color: var(--pn-black) !important;
}

/* Nav links */
.app-menu .navbar-nav .nav-link.menu-link {
  color: var(--pn-muted) !important;
}

.app-menu .navbar-nav .nav-link.menu-link:hover {
  color: #ffffff !important;
}

.app-menu .navbar-nav .nav-link.menu-link.active {
  color: #ffffff !important;
  font-weight: 600;
  text-shadow: none;
}

.app-menu .navbar-nav .menu-title span {
  color: var(--pn-muted) !important;
  font-weight: 500;
}

.sidebar-tagline {
  flex-shrink: 0;
  padding: 12px 16px 16px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--pn-muted) !important;
  font-weight: 500;
  text-align: center;
}

.navbar-menu .navbar-nav .nav-link {
  border-radius: 10px;
  margin: 2px 10px;
}

.navbar-menu .navbar-nav .nav-link:hover {
  background: rgba(255, 255, 255, 0.05);
}

.navbar-menu .navbar-nav .nav-link.active,
.navbar-menu .navbar-nav .nav-link[aria-expanded="true"],
.app-menu .navbar-nav .nav-link.menu-link.active {
  background: var(--pn-accent) !important;
  color: #ffffff !important;
  box-shadow: none;
}

.navbar-menu .navbar-nav .nav-link.active i,
.app-menu .navbar-nav .nav-link.menu-link.active i {
  color: #ffffff !important;
}

/* Button hover and active states */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #942818 !important;
  border-color: #942818 !important;
}

html[data-layout="vertical"] .modal-content .btn-outline-primary {
  color: #f0a89a !important;
  border-color: #b73220 !important;
}

html[data-layout="vertical"] .modal-content .btn-outline-danger {
  color: #f0a0a0 !important;
  border-color: #d45242 !important;
}

/* Header button hovers - index.php style */
.navbar-header .btn-topbar:hover,
.navbar-header .btn:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

.navbar-header .btn-topbar:active,
.navbar-header .btn:active {
  background-color: rgba(255, 255, 255, 0.09) !important;
}

[data-layout=vertical] .app-menu {
  border-right: 1px solid var(--pn-border);
  padding-bottom: 35px;
}

/* Hide tagline when sidebar is collapsed (icon-only) or on mobile overlay */
[data-layout=vertical][data-sidebar-size=sm-hover] .sidebar-tagline {
  display: none !important;
}

@media (max-width: 1025px) {
  [data-layout=vertical] .sidebar-tagline {
    display: none !important;
  }
}

#page-topbar {
  border-bottom: 1px solid var(--pn-border);
}

/* Header dropdowns (profile, vendor switcher): dark menu + readable hover */
html[data-layout="vertical"] .navbar-header .dropdown-menu {
  --tb-dropdown-bg: #1c1c1c;
  --tb-dropdown-color: #f0f0f0;
  --tb-dropdown-link-color: #d0d0d0;
  --tb-dropdown-link-hover-color: #ffffff;
  --tb-dropdown-link-hover-bg: rgba(255, 255, 255, 0.08);
  --tb-dropdown-link-active-color: #ffffff;
  --tb-dropdown-link-active-bg: rgba(183, 50, 32, 0.2);
  --tb-tertiary-bg: rgba(255, 255, 255, 0.08);
  background-color: #1c1c1c;
  border-color: rgba(255, 255, 255, 0.1);
  color: #f0f0f0;
}

html[data-layout="vertical"] .navbar-header .dropdown-menu .dropdown-header {
  color: #8a8a8a;
}

html[data-layout="vertical"] .navbar-header .dropdown-menu .topbar-profile .user-name {
  color: #f5f5f5;
}

html[data-layout="vertical"] .navbar-header .dropdown-menu .dropdown-item:hover,
html[data-layout="vertical"] .navbar-header .dropdown-menu .dropdown-item:focus {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.08);
}

html[data-layout="vertical"] .navbar-header .dropdown-menu .dropdown-item.active {
  color: #ffffff;
  background-color: rgba(183, 50, 32, 0.2);
}

/* Override CSS variables for primary and warning colors */
:root {
  --tb-primary: #b73220 !important;
  --tb-primary-rgb: 183, 50, 32 !important;
  --tb-primary-text-emphasis: #942818 !important;
  --tb-primary-bg-subtle: rgba(183, 50, 32, 0.15) !important;
  --tb-primary-border-subtle: #942818 !important;
  --tb-warning: #d45242 !important;
  --tb-warning-rgb: 212, 82, 66 !important;
  --tb-warning-text-emphasis: #b73220 !important;
  --tb-warning-bg-subtle: rgba(183, 50, 32, 0.15) !important;
  --tb-warning-border-subtle: #b73220 !important;
  --tb-secondary: #9a9a9a !important;
  --tb-secondary-rgb: 154, 154, 154 !important;
  --tb-secondary-text-emphasis: #b0b0b0 !important;
  --tb-secondary-bg-subtle: rgba(154, 154, 154, 0.2) !important;
  --tb-secondary-border-subtle: rgba(154, 154, 154, 0.35) !important;
  --tb-info: #9a9a9a !important;
  --tb-info-rgb: 154, 154, 154 !important;
  --tb-info-text-emphasis: #b0b0b0 !important;
  --tb-info-bg-subtle: rgba(154, 154, 154, 0.2) !important;
  --tb-info-border-subtle: rgba(154, 154, 154, 0.35) !important;
  --tb-pagination-active-bg: #b73220 !important;
  --tb-pagination-active-border-color: #b73220 !important;
  --tb-link-color: #b73220 !important;
  --tb-link-hover-color: #942818 !important;
}

/* DataTables pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #b73220 !important;
  font-weight: 600 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #942818 !important;
  background-color: rgba(183, 50, 32, 0.1) !important;
  border-color: #b73220 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: #b73220 !important;
  border-color: #b73220 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: #878a99 !important;
  background-color: transparent !important;
}

/* Bootstrap pagination */
.pagination .page-link {
  color: #b73220 !important;
  font-weight: 600 !important;
}

.pagination .page-link:hover {
  color: #942818 !important;
  background-color: rgba(183, 50, 32, 0.1) !important;
  border-color: #b73220 !important;
}

.pagination .page-item.active .page-link,
.pagination .page-link.active {
  background-color: #b73220 !important;
  border-color: #b73220 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Auth pages (login, forgot-password, reset-password): footer */
.auth-footer {
  color: #ffffff !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.auth-footer a {
  color: #d45242 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.auth-footer a:hover {
  color: rgba(255, 255, 255, 0.85) !important;
  text-decoration: underline !important;
}

/* Text-primary class links */
.text-primary,
a.text-primary {
  color: #b73220 !important;
}

.text-primary:hover,
a.text-primary:hover {
  color: #942818 !important;
}

/* Bold links with fw-semibold */
.fw-semibold.text-primary,
a.fw-semibold.text-primary {
  color: #b73220 !important;
  font-weight: 600 !important;
}

.fw-semibold.text-primary:hover,
a.fw-semibold.text-primary:hover {
  color: #942818 !important;
}

.bg-primary-subtle2 {
  background:
    repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0, 0, 0, 0.04) 2px, rgba(0, 0, 0, 0.04) 4px),
    radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.06) 1px, transparent 0),
    radial-gradient(circle at 75% 15%, rgba(183, 50, 32, 0.18) 0%, transparent 45%),
    radial-gradient(circle at 20% 80%, rgba(183, 50, 32, 0.10) 0%, transparent 50%),
    linear-gradient(180deg, #2a3030 0%, #243535 50%, #1a2222 100%) !important;
  background-color: inherit;
}

.card {
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
}

/* Main content area — #272929 shell with #313434 cards */
html[data-layout="vertical"] {
  --tb-body-bg: #272929;
  --tb-body-color: #f5f5f5;
  --tb-secondary-bg: #272929;
  --tb-header-bg: #272929;
  --tb-card-bg: #313434;
  --tb-border-color: rgba(255, 255, 255, 0.08);
  --tb-heading-color: #ffffff;
}

html[data-layout="vertical"] body {
  background-color: #272929 !important;
  color: #f5f5f5;
}

html[data-layout="vertical"] .main-content,
html[data-layout="vertical"] .page-content {
  background-color: #272929 !important;
}

html[data-layout="vertical"] .card {
  background-color: #313434 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f5f5f5;
}

html[data-layout="vertical"] .card-body {
  background-color: transparent !important;
  border: 0 !important;
  color: #f5f5f5;
}

html[data-layout="vertical"] .card-header {
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  color: #f5f5f5;
}

html[data-layout="vertical"] .page-title-box h3,
html[data-layout="vertical"] .page-title-box h4,
html[data-layout="vertical"] h4,
html[data-layout="vertical"] h5,
html[data-layout="vertical"] .card-title {
  color: #f5f5f5;
}

html[data-layout="vertical"] .text-muted {
  color: #8a8a8a !important;
}

html[data-layout="vertical"] .breadcrumb-item,
html[data-layout="vertical"] .breadcrumb-item a {
  color: #8a8a8a;
}

html[data-layout="vertical"] .breadcrumb-item.active {
  color: #f5f5f5;
}

html[data-layout="vertical"] .table {
  --bs-table-bg: #2a2a2a;
  --bs-table-color: #f0f0f0;
  --bs-table-border-color: rgba(255, 255, 255, 0.12);
  color: #f0f0f0;
  background-color: #2a2a2a;
}

html[data-layout="vertical"] .dataTables_wrapper table.dataTable,
html[data-layout="vertical"] table.table-bordered,
html[data-layout="vertical"] table.table-striped {
  background-color: #2a2a2a !important;
}

html[data-layout="vertical"] .dataTables_wrapper table.dataTable tbody td,
html[data-layout="vertical"] .dataTables_wrapper table.dataTable tbody th,
html[data-layout="vertical"] table.table-bordered tbody td,
html[data-layout="vertical"] table.table-bordered tbody th {
  background-color: #2a2a2a;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f0f0f0;
}

html[data-layout="vertical"] thead.table-light,
html[data-layout="vertical"] .table-light,
html[data-layout="vertical"] .dataTables_wrapper table.dataTable thead th,
html[data-layout="vertical"] table.table-bordered thead th {
  --bs-table-bg: #353535;
  --bs-table-color: #c8c8c8;
  background-color: #353535 !important;
  color: #c8c8c8 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-layout="vertical"] .table-striped > tbody > tr:nth-of-type(odd) > *,
html[data-layout="vertical"] .dataTables_wrapper table.dataTable.stripe tbody tr.odd,
html[data-layout="vertical"] .dataTables_wrapper table.dataTable.display tbody tr.odd {
  --bs-table-accent-bg: #323232;
  background-color: #323232 !important;
  color: #f0f0f0;
}

html[data-layout="vertical"] .table-striped > tbody > tr:nth-of-type(even) > *,
html[data-layout="vertical"] .dataTables_wrapper table.dataTable.stripe tbody tr.even,
html[data-layout="vertical"] .dataTables_wrapper table.dataTable.display tbody tr.even {
  background-color: #2a2a2a !important;
  color: #f0f0f0;
}

html[data-layout="vertical"] .table-bordered > :not(caption) > * {
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-layout="vertical"] .dataTables_wrapper .dataTables_processing {
  background: rgba(42, 42, 42, 0.95);
  color: #f0f0f0;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

html[data-layout="vertical"] .form-control,
html[data-layout="vertical"] .form-select {
  background-color: #1c1c1c;
  border-color: rgba(255, 255, 255, 0.1);
  color: #f5f5f5;
}

html[data-layout="vertical"] .form-control:focus,
html[data-layout="vertical"] .form-select:focus {
  background-color: #1c1c1c;
  border-color: #b73220;
  color: #f5f5f5;
  box-shadow: 0 0 0 0.2rem rgba(183, 50, 32, 0.15);
}

html[data-layout="vertical"] .form-control::placeholder {
  color: #666;
}

html[data-layout="vertical"] .modal-content {
  background-color: #3a3a3a;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #f5f5f5;
}

html[data-layout="vertical"] .modal-header,
html[data-layout="vertical"] .modal-footer {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: #353535;
}

html[data-layout="vertical"] .modal-body {
  background-color: #3a3a3a;
}

html[data-layout="vertical"] .modal-content .form-control,
html[data-layout="vertical"] .modal-content .form-select,
html[data-layout="vertical"] .modal-content textarea.form-control {
  background-color: #484848;
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

html[data-layout="vertical"] .modal-content .form-control:focus,
html[data-layout="vertical"] .modal-content .form-select:focus,
html[data-layout="vertical"] .modal-content textarea.form-control:focus {
  background-color: #525252;
  border-color: #b73220;
  color: #ffffff;
  box-shadow: 0 0 0 0.2rem rgba(183, 50, 32, 0.2);
}

html[data-layout="vertical"] .modal-content .form-control::placeholder {
  color: #c8c8c8;
}

html[data-layout="vertical"] .modal-content .form-label {
  color: #f0f0f0;
}

html[data-layout="vertical"] .modal-content .text-muted,
html[data-layout="vertical"] .modal-content .form-text {
  color: #c4c4c4 !important;
}

html[data-layout="vertical"] .modal-content .nav-tabs {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

html[data-layout="vertical"] .modal-content .nav-tabs .nav-link {
  color: #d0d0d0;
}

html[data-layout="vertical"] .modal-content .nav-tabs .nav-link.active {
  background-color: #484848;
  border-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

html[data-layout="vertical"] .modal-content .list-group-item {
  background-color: #484848;
  border-color: rgba(255, 255, 255, 0.12);
  color: #f0f0f0;
}

html[data-layout="vertical"] .form-control[type="file"],
html[data-layout="vertical"] .modal-content .form-control[type="file"] {
  color: #e8e8e8;
}

html[data-layout="vertical"] .form-control[type="file"]::-webkit-file-upload-button,
html[data-layout="vertical"] .form-control[type="file"]::file-selector-button,
html[data-layout="vertical"] .modal-content .form-control[type="file"]::-webkit-file-upload-button,
html[data-layout="vertical"] .modal-content .form-control[type="file"]::file-selector-button {
  color: #ffffff !important;
  background-color: #6a6a6a !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.22) !important;
}

html[data-layout="vertical"] .form-control[type="file"]:hover:not(:disabled):not([readonly])::-webkit-file-upload-button,
html[data-layout="vertical"] .form-control[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button,
html[data-layout="vertical"] .modal-content .form-control[type="file"]:hover:not(:disabled):not([readonly])::-webkit-file-upload-button,
html[data-layout="vertical"] .modal-content .form-control[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button {
  color: #ffffff !important;
  background-color: #787878 !important;
}

html[data-layout="vertical"] .footer {
  background-color: #272929;
  color: #8a8a8a;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

html[data-layout="vertical"] .alert-info {
  background-color: rgba(183, 50, 32, 0.12);
  border-color: rgba(183, 50, 32, 0.25);
  color: #f5f5f5;
}

html[data-layout="vertical"] .dataTables_wrapper .dataTables_length,
html[data-layout="vertical"] .dataTables_wrapper .dataTables_filter,
html[data-layout="vertical"] .dataTables_wrapper .dataTables_info {
  color: #8a8a8a;
}

html[data-layout="vertical"] .dataTables_wrapper .dataTables_filter input {
  background-color: #1c1c1c;
  border-color: rgba(255, 255, 255, 0.1);
  color: #f5f5f5;
}

html[data-layout="vertical"] .nav-tabs {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-layout="vertical"] .nav-tabs .nav-link {
  color: #8a8a8a;
}

html[data-layout="vertical"] .nav-tabs .nav-link.active {
  background-color: #161616;
  border-color: rgba(255, 255, 255, 0.08) rgba(255, 255, 255, 0.08) #161616;
  color: #f5f5f5;
}

.card-header:first-child {
  border-radius: 12px 12px 0 0;
}

/* Admin shell: keep sidebar/header visible (layout.js sets opacity after init) */
html[data-layout="vertical"] .app-menu.navbar-menu,
html[data-layout="vertical"] .app-menu .navbar-brand-box,
html[data-layout="vertical"] #header-items {
  opacity: 1 !important;
}

/* Dark sidebar: theme hides .logo-dark — ensure vertical sidebar logo shows */
html[data-layout="vertical"][data-sidebar="dark"] .navbar-brand-box.vertical-logo .logo-light {
  display: block !important;
}

/* Expanded: full wordmark only (do not force .logo-lg when collapsed) */
html[data-layout="vertical"][data-sidebar="dark"]:not([data-sidebar-size="sm-hover"]):not([data-sidebar-size="sm"]) .navbar-brand-box.vertical-logo .logo-light .logo-lg {
  display: inline-block !important;
}
html[data-layout="vertical"][data-sidebar="dark"]:not([data-sidebar-size="sm-hover"]):not([data-sidebar-size="sm"]) .navbar-brand-box.vertical-logo .logo-light .logo-sm {
  display: none !important;
}

/* Collapsed icon rail: hide wordmark, show icon sized to fit */
html[data-layout="vertical"][data-sidebar-size="sm-hover"] .navbar-brand-box.vertical-logo .logo-lg,
html[data-layout="vertical"][data-sidebar-size="sm"] .navbar-brand-box.vertical-logo .logo-lg {
  display: none !important;
}
html[data-layout="vertical"][data-sidebar-size="sm-hover"] .navbar-brand-box.vertical-logo .logo-sm,
html[data-layout="vertical"][data-sidebar-size="sm"] .navbar-brand-box.vertical-logo .logo-sm {
  display: inline-block !important;
}
html[data-layout="vertical"][data-sidebar-size="sm-hover"] .navbar-brand-box.vertical-logo,
html[data-layout="vertical"][data-sidebar-size="sm"] .navbar-brand-box.vertical-logo {
  overflow: hidden;
  text-align: center;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
html[data-layout="vertical"][data-sidebar-size="sm-hover"] .navbar-brand-box.vertical-logo .logo-sm img,
html[data-layout="vertical"][data-sidebar-size="sm"] .navbar-brand-box.vertical-logo .logo-sm img {
  height: 28px !important;
  width: auto;
  max-width: 36px;
}

/* Collapsed + hover expand: restore wordmark like the theme */
html[data-layout="vertical"][data-sidebar-size="sm-hover"] .navbar-menu:hover .navbar-brand-box.vertical-logo .logo-lg {
  display: inline-block !important;
}
html[data-layout="vertical"][data-sidebar-size="sm-hover"] .navbar-menu:hover .navbar-brand-box.vertical-logo .logo-sm {
  display: none !important;
}

/* Popup Ninja logo + icon glow */
html[data-layout="vertical"] .navbar-brand-box img[src*="popupninja"],
html[data-layout="vertical"] .topbar-head-dropdown img[src*="popupninja"] {
  filter:
    drop-shadow(0 0 4px rgba(183, 50, 32, 0.95))
    drop-shadow(0 0 10px rgba(183, 50, 32, 0.65))
    drop-shadow(0 0 18px rgba(255, 150, 80, 0.45));
}

html[data-preloader="disable"] #preloader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Mobile: sidebar fully off-canvas until hamburger (fixes sm-hover strip 768–1024px) */
@media (max-width: 1024.98px) {
  html[data-layout=vertical] .app-menu {
    transition: transform 0.28s ease;
    margin-left: 0 !important;
    will-change: transform;
  }
  html[data-layout=vertical] body:not(.vertical-sidebar-enable) .app-menu {
    transform: translate3d(-105%, 0, 0);
    pointer-events: none;
  }
  html[data-layout=vertical] body.vertical-sidebar-enable .app-menu {
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
    box-shadow: 8px 0 24px rgba(0, 0, 0, 0.25);
  }
  html[data-layout=vertical] .page-content,
  html[data-layout=vertical] .main-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
  }
  html[data-layout=vertical] #page-topbar {
    left: 0 !important;
    right: 0 !important;
  }
  html[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu {
    width: min(92vw, 280px) !important;
  }
}

#orderModal .order-modal-footer {
  justify-content: flex-start;
  padding-top: 1rem;
}

#orderModal .order-modal-footer .d-flex {
  padding-top: 0.125rem;
}

.modal .input-group-text {
  background-color: var(--pn-surface-2) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--pn-text) !important;
}