body {

    color: rgb(255 255 255 / 70%);
	background-color: #151313;
 }

 .h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: rgb(255 255 255);
}

a {
	color: #fff;
	text-decoration: underline
}
a:hover {
	color: #fff
}


.table {
	--bs-table-bg: transparent;
	--bs-table-striped-color: rgb(255 255 255 / 85%);
	--bs-table-striped-bg: rgb(255 255 255 / 12%);
	--bs-table-active-color: rgb(255 255 255 / 27%);
	--bs-table-active-bg: rgb(255 255 255 / 10%);
	--bs-table-hover-color: rgb(255 255 255);
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	width: 100%;
	margin-bottom: 1rem;
	color: rgb(255 255 255 / 85%);
	vertical-align: top;
	border-color: rgb(255 255 255 / 15%);
}


.table-light {
    --bs-table-bg: rgb(255 255 255 / 15%);
    color: #fff;
	border-color: rgb(255 255 255 / 15%)
}

.form-select,
.form-control  {
    color: #ffffff;
	background-color: rgb(0 0 0 / 15%);
    border: 1px solid rgb(255 255 255 / 15%);
}

.form-select:disabled {
    background-color: rgb(233 236 239 / 16%);
}

.form-select:focus,
.form-control:focus {
    color: #fff;
	background-color: rgb(0 0 0 / 20%);
	border-color: 1px solid rgb(255 255 255 / 15%) !important;
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25) !important
}

.form-control:disabled,
.form-control[readonly] {
	background-color: rgb(233 236 239 / 22%);
}


.form-select {
    color: #ffffff;
}

.form-select:focus {
    border-color: rgb(255 255 255 / 35%);
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
}

.form-select option {
	background-color: #171717;
}

.form-check-input {
    background-color: rgb(255 255 255 / 15%);
    border: 1px solid rgb(255 255 255 / 15%);
}

.form-check-input:focus {
    border-color: rgb(255 255 255 / 15%);
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
}

.form-check-input:checked {
	background-color: rgb(255 255 255 / 15%);
	border-color: rgb(255 255 255 / 15%);
}

.input-group-text {
    color: #ffffff;
    background-color: rgb(0 0 0 / 20%);
	border: 1px solid rgb(255 255 255 / 20%);
}

.btn-light {
	color: #fff;
	background-color: rgb(255 255 255 / 15%);
	border-color: rgb(255 255 255 / 35%);
}
.btn-light:hover {
	color: #fff;
	background-color: rgb(255 255 255 / 20%);
	border-color: rgb(255 255 255 / 40%);
}

.card {
    background-color: rgb(0 0 0 / 20%);
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12);
    margin-bottom: 1.5rem;
    border: 0 solid transparent;
}

.card-footer {
    border-top: 1px solid rgba(255, 255, 255, .125)
}


.accordion-item {
	color: rgb(255 255 255 / 85%);
    background-color: rgb(255 255 255 / 12%);
    border: 1px solid rgb(255 255 255 / 12%);
}

.accordion-button {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .125);
    background-color: rgb(255 255 255 / 12%);
}

.accordion-button:not(.collapsed) {
	color: #ffffff;
	background-color: rgb(255 255 255 / 15%);
}

.accordion-button:focus {
    border-color: #fff;
	box-shadow: 0 0 0 .25rem rgba(225, 225, 225, .25)
}

.breadcrumb-item.active {
	color: #ffffff
}

.page-link {
    color: #ffffff;
    background-color: rgb(255 255 255 / 15%);
	border: 1px solid rgb(255 255 255 / 15%);
}

.page-link:hover {
    color: #fff;
	background-color: rgb(0 0 0 / 25%);
	border-color: rgb(255 255 255 / 15%);
}

.page-link:focus {
    color: #fff;
	background-color: rgb(0 0 0 / 20%);
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
}

.page-item.active .page-link {
    color: #fff;
	background-color: rgb(0 0 0 / 20%);
	border-color: rgb(255 255 255 / 15%);
}

.page-item.disabled .page-link {
    color: #ffffff;
	background-color: rgb(255 255 255 / 42%);
	border-color: rgb(255 255 255 / 15%);
}

.alert {
    background-color: rgb(0 0 0 / 15%);
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12)
}

.progress {
    background-color: rgb(255 255 255 / 15%);
}

.progress-bar {
    color: #fff;
    background-color: #ffffff;
}

.list-group-item {
    color: rgba(255, 255, 255, 0.85);
    background-color: rgb(255 255 255 / 12%);
	border: 1px solid rgb(255 255 255 / 12%);
}

.modal-content {
    background-color: #171717;
    border: 1px solid rgba(255, 255, 255, .2);
}

.modal-header {
    border-bottom: 1px solid rgb(255 255 255 / 15%);
}

.modal-footer {
    border-top: 1px solid rgb(255 255 255 / 15%);
}

.border {
	border: 1px solid rgb(255 255 255 / 15%)!important
}

.border-top {
	border-top: 1px solid rgb(255 255 255 / 15%)!important;
}

.border-end {
	border-right: 1px solid rgb(255 255 255 / 15%)!important;
}
.border-bottom {
	border-bottom: 1px solid rgb(255 255 255 / 15%)!important;
}
.border-start {
	border-left: 1px solid rgb(255 255 255 / 15%)!important;
}

.text-light {
	color: #f8f9fa!important
}
.text-light-1 {
	color: rgba(255,255,255)!important
}
.text-light-2 {
    color: rgba(255, 255, 255, 0.70)!important;
}
.text-light-3 {
    color: rgba(255, 255, 255, 0.50)!important;
}
.text-light-4 {
    color: rgba(255, 255, 255, 0.20)!important;
}

.bg-light {
	background-color: rgb(255 255 255 / 15%)!important;
}

.bg-body {
	background-color: rgb(255 255 255 / 15%)!important;
}


.dropdown-menu {
    color: #ffffff;
    background-color: #1e1e1e;
    border: 1px solid rgba(0, 0, 0, .15);
    top: 100%;
	right: 0;
}


.dropdown-divider {
    border-top: 1px solid rgba(255, 255, 255, .15)
}


.dropdown-item {
    color: rgb(255 255 255 / 85%);
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, .15)
}
.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #0d6efd
}




.nav-tabs {
	--bs-nav-tabs-link-active-color: #ffffff;
	--bs-nav-tabs-link-hover-border-color: rgb(255 255 255 / 15%) rgb(255 255 255 / 15%) rgb(255 255 255 / 15%);
	--bs-nav-tabs-link-active-border-color: rgb(255 255 255 / 15%) rgb(255 255 255 / 15%) rgb(255 255 255 / 15%);
	--bs-nav-tabs-link-active-bg: rgb(255 255 255 / 12%);
	--bs-nav-tabs-border-color: rgb(255 255 255 / 30%);
}

.nav-link,
.nav-link:hover  {
	color: #ffffff;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	 background-color: rgb(255 255 255 / 12%);
}

/* ======================================================================
   Apple Glass (light) overrides
   - Default text should be dark
   - Keep text white only on dark backgrounds/buttons
   ====================================================================== */

body.apple-glass {
  color: rgba(0, 0, 0, 0.78);
  background-color: #f5f5f7;
}

/* Headings & links */
body.apple-glass .h1,
body.apple-glass .h2,
body.apple-glass .h3,
body.apple-glass .h4,
body.apple-glass .h5,
body.apple-glass .h6,
body.apple-glass h1,
body.apple-glass h2,
body.apple-glass h3,
body.apple-glass h4,
body.apple-glass h5,
body.apple-glass h6 {
  color: #111;
}

body.apple-glass a {
  color: #111;
}
body.apple-glass a:hover {
  color: #000;
}

/* Tables */
body.apple-glass .table {
  --bs-table-bg: transparent;
  --bs-table-striped-color: rgba(0, 0, 0, 0.82);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.03);
  --bs-table-active-color: rgba(0, 0, 0, 0.82);
  --bs-table-active-bg: rgba(0, 0, 0, 0.05);
  --bs-table-hover-color: rgba(0, 0, 0, 0.92);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.08);
}

body.apple-glass .table-light {
  --bs-table-bg: rgba(255, 255, 255, 0.65);
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.08);
}

/* Forms */
body.apple-glass .form-select,
body.apple-glass .form-control {
  color: rgba(0, 0, 0, 0.82);
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

body.apple-glass .form-select:focus,
body.apple-glass .form-control:focus {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.85);
  border-color: rgba(0, 0, 0, 0.18) !important;
  box-shadow: 0 0 0 .25rem rgba(0, 0, 0, .08) !important;
}

body.apple-glass .form-select option {
  background-color: #fff;
  color: #111;
}

body.apple-glass .input-group-text {
  color: rgba(0, 0, 0, 0.82);
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

/* Cards */
body.apple-glass .card {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .08);
  backdrop-filter: blur(14px);
}

body.apple-glass .card-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Accordion */
body.apple-glass .accordion-item {
  color: rgba(0, 0, 0, 0.82);
  background-color: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

body.apple-glass .accordion-button {
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: rgba(255, 255, 255, 0.65);
}

body.apple-glass .accordion-button:not(.collapsed) {
  color: rgba(0, 0, 0, 0.92);
  background-color: rgba(255, 255, 255, 0.75);
}

body.apple-glass .accordion-button:focus {
  border-color: rgba(0, 0, 0, 0.18);
  box-shadow: 0 0 0 .25rem rgba(0, 0, 0, .08);
}

/* Pagination */
body.apple-glass .page-link {
  color: rgba(0, 0, 0, 0.82);
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(0, 0, 0, 0.10);
}
body.apple-glass .page-link:hover,
body.apple-glass .page-link:focus {
  color: rgba(0, 0, 0, 0.92);
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 0 .25rem rgba(0, 0, 0, .06);
}
body.apple-glass .page-item.active .page-link {
  color: rgba(0, 0, 0, 0.92);
  background-color: rgba(255, 255, 255, 0.92);
  border-color: rgba(0, 0, 0, 0.12);
}

/* Alerts / lists */
body.apple-glass .alert {
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .08);
  color: rgba(0, 0, 0, 0.82);
}
body.apple-glass .list-group-item {
  color: rgba(0, 0, 0, 0.82);
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* Modal */
body.apple-glass .modal-content {
  background-color: rgba(255, 255, 255, 0.86);
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(16px);
}
body.apple-glass .modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
body.apple-glass .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Borders & muted text helpers from old dark theme */
body.apple-glass .border,
body.apple-glass .border-top,
body.apple-glass .border-end,
body.apple-glass .border-bottom,
body.apple-glass .border-start {
  border-color: rgba(0, 0, 0, 0.08) !important;
}

body.apple-glass .text-light,
body.apple-glass .text-light-1,
body.apple-glass .text-light-2,
body.apple-glass .text-light-3,
body.apple-glass .text-light-4,
body.apple-glass .text-white {
  color: rgba(0, 0, 0, 0.78) !important;
}

body.apple-glass .bg-light,
body.apple-glass .bg-body {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

/* Dropdown / nav */
body.apple-glass .dropdown-menu {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.10);
  backdrop-filter: blur(16px);
}
body.apple-glass .dropdown-divider {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
body.apple-glass .dropdown-item {
  color: rgba(0, 0, 0, 0.82);
}
body.apple-glass .dropdown-item:focus,
body.apple-glass .dropdown-item:hover {
  color: rgba(0, 0, 0, 0.92);
  background-color: rgba(0, 0, 0, 0.04);
}

body.apple-glass .nav-link,
body.apple-glass .nav-link:hover {
  color: rgba(0, 0, 0, 0.82);
}

/* Buttons: keep white text on dark buttons */
body.apple-glass .btn-dark,
body.apple-glass .btn-primary,
body.apple-glass .btn-secondary,
body.apple-glass .btn-danger,
body.apple-glass .btn-success,
body.apple-glass .btn-warning,
body.apple-glass .btn-info {
  color: #fff;
}

/* Light buttons should be dark text */
body.apple-glass .btn-light {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.8);
  border-color: rgba(0, 0, 0, 0.14);
}
body.apple-glass .btn-light:hover {
  color: rgba(0, 0, 0, 0.92);
  background-color: rgba(255, 255, 255, 0.92);
  border-color: rgba(0, 0, 0, 0.18);
}


/* ================================
   Apple Glass Sidebar fixes
   - prevents menu overlap with header
   - uses PNG brand logo
   ================================ */
body.apple-glass .apple-glass-sidebar-header{
  position: sticky;
  top: 0;
  z-index: 2;
  height: 74px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.70);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

body.apple-glass .apple-glass-brand{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  text-decoration: none;
}

body.apple-glass .apple-glass-brand-logo{
  height: 44px;
  width: auto;
  display: block;
}

body.apple-glass .apple-glass-brand-text{
  font-weight: 600;
  letter-spacing: -0.02em;
  color: rgba(0,0,0,0.88);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.apple-glass .apple-glass-sidebar-toggle{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: rgba(0,0,0,0.65);
}

body.apple-glass .apple-glass-sidebar-toggle:hover{
  background: rgba(0,0,0,0.05);
  color: rgba(0,0,0,0.78);
}

body.apple-glass .apple-glass-sidebar .metismenu{
  padding-top: 10px;
}

/* kill legacy spacing/margin collapse that can cause overlap */
body.apple-glass .apple-glass-sidebar .sidebar-header h4,
body.apple-glass .apple-glass-sidebar .sidebar-header .logo-text{
  margin: 0 !important;
}

/* ================================
   Apple Glass Sidebar – collapse behavior
   - reduce width on collapse
   - show icons only
   ================================ */
body.apple-glass .apple-glass-sidebar{
  width: 260px;
  transition: width 220ms ease;
  overflow-x: hidden;
}
body.apple-glass .apple-glass-sidebar.is-collapsed{
  width: 86px;
}

/* Prevent horizontal scrollbars inside the sidebar when collapsing */
body.apple-glass .apple-glass-sidebar,
body.apple-glass .apple-glass-sidebar .simplebar-content,
body.apple-glass .apple-glass-sidebar .simplebar-wrapper,
body.apple-glass .apple-glass-sidebar .simplebar-mask,
body.apple-glass .apple-glass-sidebar .simplebar-offset,
body.apple-glass .apple-glass-sidebar .simplebar-content-wrapper,
body.apple-glass .apple-glass-sidebar .metismenu,
body.apple-glass .apple-glass-sidebar #menu{
  overflow-x: hidden !important;
}

/* Brand logo switching: expanded wordmark vs collapsed square icon */
body.apple-glass .apple-glass-brand-logo{ display: block; height: 44px; width: auto; }
body.apple-glass .apple-glass-brand-icon{
  display: none;
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 10px;
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 10px 26px rgba(0,0,0,0.10);
}
body.apple-glass .apple-glass-sidebar.is-collapsed .apple-glass-brand-logo{ display: none; }
body.apple-glass .apple-glass-sidebar.is-collapsed .apple-glass-brand-icon{ display: block; }

/* Center icons when collapsed */
body.apple-glass .apple-glass-sidebar.is-collapsed .metismenu a{
  justify-content: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.apple-glass .apple-glass-sidebar.is-collapsed .menu-title,
body.apple-glass .apple-glass-sidebar.is-collapsed .menu-label{
  display: none !important;
}

/* Keep parent icon aligned nicely */
body.apple-glass .apple-glass-sidebar .parent-icon{
  min-width: 46px;
}
body.apple-glass .apple-glass-sidebar.is-collapsed .parent-icon{
  margin-right: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
}

/* Make brand area compact when collapsed */
body.apple-glass .apple-glass-sidebar.is-collapsed .apple-glass-sidebar-header{
  justify-content: center;
}
/* When collapsed, keep the square icon on the left (not centered under the toggle) */
body.apple-glass .apple-glass-sidebar.is-collapsed .apple-glass-brand{
  width: 100%;
  justify-content: flex-start;
  padding-left: 12px;
  gap: 0;
}
body.apple-glass .apple-glass-sidebar.is-collapsed .apple-glass-sidebar-toggle{
  position: absolute;
  right: 10px;
}

/* Page layout compatibility: many templates use .page-wrapper margin-left */
body.apple-glass .page-wrapper{
  transition: margin-left 220ms ease;
}
body.apple-glass .page-wrapper{
  margin-left: 260px;
}
body.apple-glass.sidebar-collapsed .page-wrapper{
  margin-left: 86px;
}

/* Mobile drawer overrides */
@media (max-width: 991px){
  body.apple-glass .page-wrapper{ margin-left: 0; }
  body.apple-glass .apple-glass-sidebar{
    position: fixed;
    top: 0;
    left: -280px;
    height: 100vh;
    z-index: 1030;
    width: 280px;
  }
  body.apple-glass .apple-glass-sidebar.is-mobile-open{
    left: 0;
    transition: left 220ms ease;
  }
}


/* =========================
   FIXES: dark buttons + sidebar icons
   - Keep white text on dark backgrounds/buttons
   - Ensure sidebar icons and links are visible (black)
   ========================= */

body.apple-glass .btn-dark,
body.apple-glass .btn-dark *,
body.apple-glass .bg-dark,
body.apple-glass .bg-dark * {
  color: #ffffff !important;
}

body.apple-glass .btn-dark {
  background-color: #0b0b0b !important;
  border-color: #0b0b0b !important;
}

/* Sidebar icons/links visibility */
body.apple-glass .apple-glass-sidebar a,
body.apple-glass .apple-glass-sidebar .menu-title,
body.apple-glass .apple-glass-sidebar .menu-label,
body.apple-glass .apple-glass-sidebar i,
body.apple-glass .apple-glass-sidebar svg,
body.apple-glass .apple-glass-sidebar .parent-icon {
  color: rgba(0,0,0,0.82) !important;
}

body.apple-glass .apple-glass-sidebar a:hover,
body.apple-glass .apple-glass-sidebar a:focus {
  color: rgba(0,0,0,0.95) !important;
}

/* Active menu item: keep readable */
body.apple-glass .apple-glass-sidebar .metismenu a.active,
body.apple-glass .apple-glass-sidebar .metismenu .mm-active > a {
  color: rgba(0,0,0,0.95) !important;
}

/* =========================
   FIX: top margin / sticky layout
   - Sidebar should start at top and not keep a "gap" while scrolling
   ========================= */
body.apple-glass .apple-glass-sidebar{
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 1025;
}

/* Keep header above content but allow page to scroll naturally */
body.apple-glass .top-header{
  position: sticky;
  top: 0;
  z-index: 1030;
}

/* Remove any extra top padding some templates add */
body.apple-glass .page-wrapper,
body.apple-glass .page-content{
  padding-top: 0 !important;
}


/* =========================================================
   PATCH v9 – Apple Glass UI fixes
   - Fix invisible checkboxes/ticks on light background
   - Remove top gap above header/content
   ========================================================= */

/* --- Remove unexpected top spacing in main content --- */
body.apple-glass,
body.apple-glass #wrapper,
body.apple-glass .wrapper,
body.apple-glass .page-wrapper,
body.apple-glass .page-content,
body.apple-glass .content,
body.apple-glass .content-wrapper{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.apple-glass .top-header{
  margin-top: 0 !important;
}

/* Some templates add spacing via main/page container */
body.apple-glass main,
body.apple-glass .main-wrapper,
body.apple-glass .main-content{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* --- Checkbox / tick visibility (override dark legacy styles) --- */
body.apple-glass .form-check-input{
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  border: 1.5px solid rgba(0,0,0,0.65) !important;
  background-color: rgba(255,255,255,0.95) !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: all 0.15s ease;
}

body.apple-glass .form-check-input:hover{
  border-color: rgba(0,0,0,0.85) !important;
}

body.apple-glass .form-check-input:focus{
  border-color: rgba(0,0,0,0.85) !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.14) !important;
}

body.apple-glass .form-check-input:checked{
  background-color: #000 !important;
  border-color: #000 !important;
}

/* white tick */
body.apple-glass .form-check-input:checked[type="checkbox"]{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.173 12.252L2.4 8.48l1.414-1.414 2.36 2.36 5.012-5.012 1.414 1.414z'/%3e%3c/svg%3e") !important;
  background-size: 12px 12px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Keep white text on dark buttons (avoid regressions) */
body.apple-glass .btn-dark,
body.apple-glass .btn-dark *{
  color: #fff !important;
}


/* =========================================================
   LAYOUT HEIGHT + MODAL SCROLL FIX
   - Removes "short page" dark band at bottom
   - Ensures long modals scroll internally (not clipped)
   ========================================================= */

html, body {
  height: 100%;
}

body.apple-glass {
  min-height: 100vh;
}

/* Ensure main wrapper stretches full viewport height */
body.apple-glass .page-wrapper,
body.apple-glass .page-content,
body.apple-glass .content-wrapper,
body.apple-glass main {
  min-height: 100vh;
  background: transparent;
}

/* If your layout uses a fixed/sticky header, keep content from creating a bottom band */
body.apple-glass .page-content,
body.apple-glass .content-wrapper,
body.apple-glass .content {
  padding-bottom: 24px;
}

/* Make Bootstrap modals scrollable and never clip */
body.apple-glass .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

body.apple-glass .modal-dialog {
  margin: 1.25rem auto;
}

body.apple-glass .modal-content {
  max-height: calc(100vh - 2.5rem);
  overflow: hidden;
}

body.apple-glass .modal-body {
  overflow-y: auto;
}

/* Ensure backdrop doesn't create page-height artifacts */
body.apple-glass.modal-open {
  overflow: hidden;
  padding-right: 0 !important; /* avoid layout shift */
}