:root {
  --lb-ink: #030a12;
  --lb-navy: #071522;
  --lb-raised: #0b1d2b;
  --lb-gold: #d9a62e;
  --lb-gold-bright: #f2c550;
  --lb-gold-deep: #9b6710;
  --lb-white: #f4f1e8;
  --lb-muted: #b8c0c8;
  --lb-positive: #2aa66a;
  --lb-negative: #d9534f;
  --lb-rule: rgba(217, 166, 46, .48);
}

html, body { min-height: 100%; }
body,
.body,
.ui-page,
[data-role="page"] {
  color: var(--lb-white) !important;
  background: radial-gradient(circle at 50% 0, #10283a 0, var(--lb-navy) 34rem, var(--lb-ink) 100%) fixed !important;
  text-shadow: none !important;
}

body, input, select, textarea, button, .ui-btn {
  font-family: Montserrat, "Arial Narrow", Arial, sans-serif !important;
}

a { color: var(--lb-gold-bright); }
a:hover, a:focus { color: #ffe08a; }
:focus-visible { outline: 3px solid #ffe08a !important; outline-offset: 3px; }

#header .header-body,
#header .header-container,
#header .header-top,
.ui-header,
[data-role="header"] {
  color: var(--lb-white) !important;
  background: rgba(3, 10, 18, .98) !important;
  border-color: var(--lb-rule) !important;
  text-shadow: none !important;
}

#header .header-body { border-bottom: 1px solid var(--lb-rule) !important; }
#header .header-top { border-bottom: 1px solid rgba(217, 166, 46, .22) !important; }
.header-logo { padding: 4px 0; }
.main_logoo {
  content: url("../img/laxmi-theme/logo.png");
  width: min(390px, 46vw) !important;
  height: auto !important;
  max-height: 92px !important;
  object-fit: contain;
}

#header .header-nav-main nav > ul > li > a,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu a {
  color: var(--lb-white) !important;
  text-shadow: none !important;
}
#header .header-nav-main nav > ul > li > a:hover,
#header .header-nav-main nav > ul > li > a:focus,
#header .header-nav-main nav > ul > li > a.active {
  color: var(--lb-ink) !important;
  background: linear-gradient(180deg, #f8d76d, var(--lb-gold) 58%, #b97812) !important;
  border-radius: 10px;
}
#header .dropdown-menu { background: var(--lb-raised) !important; border: 1px solid var(--lb-rule) !important; }
.header-btn-collapse-nav { background: linear-gradient(180deg, var(--lb-gold-bright), var(--lb-gold-deep)) !important; }

.lb-theme-toggle {
  position: absolute;
  top: 50%;
  right: -48px;
  z-index: 5;
  display: grid;
  place-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 7px !important;
  border: 1px solid var(--lb-rule) !important;
  border-radius: 50% !important;
  background: #050c14 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .35) !important;
  cursor: pointer;
  transform: translateY(-50%);
}
.lb-theme-toggle:hover { filter: brightness(1.16); transform: translateY(-50%) !important; }
.lb-theme-toggle img { display: block; width: 23px; height: 23px; object-fit: contain; }
.lb-theme-toggle-fixed { position: fixed; top: 18px; right: 18px; transform: none; }
.lb-theme-toggle-fixed:hover { transform: none !important; }

/* Day mode. Dark mode remains the default visual system and needs no duplicate
   declarations; these overrides switch the shared surfaces without touching
   functional buy/sell/error state colors. */
html.lb-light-mode body,
body.lb-light-mode,
body.lb-light-mode .body,
body.lb-light-mode .ui-page,
body.lb-light-mode [data-role="page"] {
  color: #17212a !important;
  background: radial-gradient(circle at 50% 0, #fff8e5 0, #f5f2e9 38rem, #e8e3d8 100%) fixed !important;
}
body.lb-light-mode #header .header-body,
body.lb-light-mode #header .header-container,
body.lb-light-mode #header .header-top,
body.lb-light-mode .ui-header,
body.lb-light-mode [data-role="header"] {
  color: #17212a !important;
  background: rgba(255, 252, 244, .98) !important;
}
body.lb-light-mode #header .header-container {
  background: #071522 !important;
}
body.lb-light-mode #header .header-nav-main nav > ul > li > a,
body.lb-light-mode #header .header-nav-main nav > ul > li.dropdown .dropdown-menu a {
  color: #fff !important;
}
body.lb-light-mode #header .header-nav-main nav > ul > li > a:hover,
body.lb-light-mode #header .header-nav-main nav > ul > li > a:focus,
body.lb-light-mode #header .header-nav-main nav > ul > li > a.active {
  color: #030a12 !important;
}
body.lb-light-mode #header .header-top,
body.lb-light-mode #header .header-top.header-top-dark,
body.lb-light-mode #header .header-top span,
body.lb-light-mode #header .header-top i,
body.lb-light-mode #header .header-top a,
body.lb-light-mode #header .header-top li,
body.lb-light-mode #header .header-top p {
  color: #000 !important;
  text-shadow: none !important;
}
body.lb-light-mode #header .header-top .social-icons li a,
body.lb-light-mode #header .header-top .social-icons li a i {
  color: #000 !important;
}
body.lb-light-mode #header .dropdown-menu { background: #0b1d2b !important; }
body.lb-light-mode .main,
body.lb-light-mode .section,
body.lb-light-mode .page-header,
body.lb-light-mode .ui-content,
body.lb-light-mode [data-role="main"] { color: #17212a !important; }
body.lb-light-mode .card,
body.lb-light-mode .feature-box,
body.lb-light-mode .icon-box,
body.lb-light-mode .right-app-cover,
body.lb-light-mode .right-app-details,
body.lb-light-mode .login-panel,
body.lb-light-mode fieldset,
body.lb-light-mode .ui-body-a,
body.lb-light-mode .ui-body-inherit {
  color: #17212a !important;
  background: linear-gradient(145deg, #fffdf7, #f2ecdf) !important;
}
body.lb-light-mode p,
body.lb-light-mode label,
body.lb-light-mode li,
body.lb-light-mode .text-color-dark,
body.lb-light-mode .text-color-light-3,
body.lb-light-mode .text-color-light { color: #17212a !important; }
body.lb-light-mode table { color: #17212a; }
body.lb-light-mode table th,
body.lb-light-mode .table thead th,
body.lb-light-mode .tablestyle th { color: #5b3a00 !important; background: #f1dfad !important; }
body.lb-light-mode table td,
body.lb-light-mode .table td,
body.lb-light-mode .tablestyle td { color: #17212a; background-color: rgba(255, 253, 247, .94); }
body.lb-light-mode table tr:nth-child(even) td { background-color: #f3ede1; }
body.lb-light-mode input:not([type="checkbox"]):not([type="radio"]),
body.lb-light-mode select,
body.lb-light-mode textarea,
body.lb-light-mode .form-control,
body.lb-light-mode .ui-input-text input,
body.lb-light-mode .ui-select select { color: #17212a !important; background: #fffdf8 !important; }
body.lb-light-mode .lb-theme-toggle {
  background: var(--lb-navy) !important;
  border-color: var(--lb-gold) !important;
  box-shadow: 0 4px 12px rgba(38, 28, 5, .28) !important;
}
body.lb-light-mode #footer,
body.lb-light-mode .ui-footer,
body.lb-light-mode [data-role="footer"],
body.lb-light-mode #footer .section,
body.lb-light-mode #footer .footer-copyright { color: #17212a !important; background: #e5dcc9 !important; }
body.lb-light-mode #footer *,
body.lb-light-mode .footerTable i,
body.lb-light-mode .footerTable span { color: #17212a !important; }

/* Compact, full-width desktop header. These rules intentionally override the
   theme's 105px minimum and Bootstrap's fixed container widths. */
@media (min-width: 992px) {
  #header .header-top-container.container,
  #header .header-container.container {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: clamp(16px, 2.25vw, 36px) !important;
  }

  #header.header-effect-shrink .header-container,
  #header .header-container {
    height: 88px !important;
    min-height: 88px !important;
    flex-wrap: nowrap !important;
  }

  #header .header-row {
    flex-wrap: nowrap !important;
    min-width: 0;
  }

  #header .header-column.justify-content-start {
    flex: 0 0 auto !important;
    min-width: 0;
  }

  #header .header-column.justify-content-end {
    flex: 1 1 auto !important;
    min-width: 0;
  }

  #header .header-logo,
  #header .header-logo a {
    display: flex;
    align-items: center;
  }

  #header .header-logo { padding-right: 50px; }

  #header .main_logoo {
    width: clamp(170px, 17vw, 250px) !important;
    max-height: 72px !important;
  }

  #header .header-nav,
  #header .header-nav-main,
  #header .header-nav-main nav {
    width: 100%;
    min-width: 0;
  }

  #header .header-nav-main nav > ul {
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin: 0 !important;
  }

  #header .header-nav-main nav > ul > li {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  #header .header-nav-main nav > ul > li > a {
    display: flex !important;
    align-items: center;
    min-height: 40px !important;
    margin: 0 1px !important;
    padding: 10px clamp(4px, .46vw, 7px) !important;
    border-radius: 8px !important;
    font-size: clamp(10px, 5.72vw, 14px) !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }

  #header .header-nav-main nav > ul > li.dropdown > a {
    padding-right: clamp(14px, 1.15vw, 20px) !important;
  }
}

.main,
.section,
.page-header,
.ui-content,
[data-role="main"] {
  color: var(--lb-white) !important;
  background-color: transparent !important;
  text-shadow: none !important;
}

/* Breadcrumbs remain legible on the dark page-header banner in both themes. */
.page-header .breadcrumb,
.page-header .breadcrumb > li,
.page-header .breadcrumb > li > a,
.page-header .breadcrumb > li.active,
.page-header .breadcrumb > li + li::before,
body.lb-light-mode .page-header .breadcrumb,
body.lb-light-mode .page-header .breadcrumb > li,
body.lb-light-mode .page-header .breadcrumb > li > a,
body.lb-light-mode .page-header .breadcrumb > li.active,
body.lb-light-mode .page-header .breadcrumb > li + li::before {
  color: #fff !important;
  text-shadow: none !important;
}

h1, h2, h3, h4, h5, h6,
.pageHeaders,
.title_labeled { color: var(--lb-gold-bright) !important; }
p, label, li { text-shadow: none !important; }
.text-color-dark, .text-color-light-3, .text-color-light { color: var(--lb-white) !important; }

.card,
.feature-box,
.icon-box,
.right-app-cover,
.right-app-details,
.login-panel,
fieldset,
.ui-body-a,
.ui-body-inherit {
  color: var(--lb-white) !important;
  background: linear-gradient(145deg, rgba(13, 31, 44, .98), rgba(4, 13, 22, .98)) !important;
  border: 1px solid var(--lb-rule) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .28) !important;
  text-shadow: none !important;
}

table { color: var(--lb-white); border-color: var(--lb-rule) !important; }
table th,
.table thead th,
.tablestyle th,
.pageHeaders {
  color: var(--lb-gold-bright) !important;
  background: #0b1722 !important;
  border-color: var(--lb-rule) !important;
  text-shadow: none !important;
}
table td,
.table td,
.tablestyle td {
  color: var(--lb-white);
  background-color: rgba(4, 14, 23, .86);
  border-color: var(--lb-rule) !important;
  text-shadow: none !important;
}
table tr:nth-child(even) td { background-color: rgba(10, 27, 39, .9); }

::placeholder { color: #9aa6b0 !important; opacity: 1; }

.btn,
button,
input[type="button"],
input[type="submit"],
.ui-btn {
  min-height: 44px;
  color: #121212 !important;
  background: linear-gradient(180deg, #f8d76d 0%, var(--lb-gold) 58%, #b97812 100%) !important;
  border: 1px solid #f6d46b !important;
  border-radius: 10px !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .3) !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}
.btn:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, .ui-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
.btn-danger, #cancel, [data-action="delete"] { color: #fff !important; background: var(--lb-negative) !important; border-color: #ef7773 !important; }

#footer,
.ui-footer,
[data-role="footer"] {
  color: var(--lb-white) !important;
  background: #02070c !important;
  border-top: 1px solid var(--lb-rule) !important;
  text-shadow: none !important;
}
#footer .section, #footer .footer-copyright { background: #02070c !important; }
.footerTable { background: #02070c !important; background-image: none !important; }
.footerTable i, .footerTable span { color: var(--lb-white) !important; }

/* Footer information belongs to one continuous surface, not three boxed cards. */
#footer .section {
  padding-block: clamp(32px, 4vw, 56px) !important;
  border: 0 !important;
  box-shadow: none !important;
}
#footer .section > .container > .row {
  row-gap: 28px;
}
#footer .icon-box,
#footer .feature-box,
#footer .card {
  min-height: 100%;
  margin: 0 !important;
  padding: 0 clamp(8px, 2vw, 24px) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#footer .icon-box-icon {
  color: var(--lb-gold-bright) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#footer .icon-box-icon i { color: var(--lb-gold-bright) !important; }
#footer .icon-box h3 {
  margin-bottom: 8px !important;
  color: var(--lb-gold-bright) !important;
  font-size: 15px !important;
  letter-spacing: .02em;
}
#footer .icon-box p,
#footer .icon-box a {
  color: var(--lb-white) !important;
  line-height: 1.65;
}
#footer .footer-copyright {
  padding-block: 18px !important;
  border-top: 1px solid rgba(217, 166, 46, .26) !important;
}
#footer .footer-copyright p { color: var(--lb-muted) !important; }

.footerTable,
.footerTable tbody,
.footerTable tr,
.footerTable th,
.footerTable td {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.footerTable { border-top: 1px solid var(--lb-rule) !important; }
.footerTable th,
.footerTable td { border: 0 !important; }

body.lb-light-mode #footer .icon-box p,
body.lb-light-mode #footer .icon-box a,
body.lb-light-mode #footer .footer-copyright p {
  color: #17212a !important;
}
body.lb-light-mode #footer .icon-box h3,
body.lb-light-mode #footer .icon-box-icon,
body.lb-light-mode #footer .icon-box-icon i {
  color: #704800 !important;
}

@media (max-width: 991px) {
  #header .header-row { justify-content: flex-start !important; }
  #header .header-column.justify-content-end {
    order: -1;
    flex: 0 0 auto !important;
  }
  #header .header-column.justify-content-start {
    flex: 1 1 auto !important;
  }
  #header .header-nav { justify-content: flex-start !important; }
  #header .header-btn-collapse-nav {
    order: -1;
    margin-right: 12px !important;
    margin-left: 0 !important;
  }
  #header .header-container.container,
  #header.header-effect-shrink .header-container {
    width: 100% !important;
    max-width: none !important;
    height: 78px !important;
    min-height: 78px !important;
    padding-inline: 15px !important;
  }
  #header .header-nav-main nav { background: var(--lb-ink) !important; border: 1px solid var(--lb-rule); }
  #header .header-nav-main nav > ul > li > a {
    min-height: 40px !important;
    margin: 2px 0 !important;
    padding: 11px 14px !important;
    border-radius: 8px;
    font-size: clamp(10px, 5.72vw, 14px) !important;
    line-height: 18px !important;
  }
  #header .header-logo { padding-right: 0; }
  .lb-theme-toggle { right: -41px; width: 34px; min-width: 34px; height: 34px; min-height: 34px; padding: 6px !important; }
  .lb-theme-toggle img { width: 20px; height: 20px; }
  .main_logoo { width: min(310px, 66vw) !important; max-height: 76px !important; }
  .table-responsive, .ui-content { overflow-x: auto; }
  #footer .icon-box { padding: 0 !important; }
}

@media (max-width: 575px) {
  .main_logoo { width: min(250px, 68vw) !important; max-height: 64px !important; }
  .section { padding-top: 34px !important; padding-bottom: 34px !important; }
  table { font-size: 13px; }
  .card, fieldset, .ui-body-a, .ui-body-inherit { border-radius: 12px !important; box-shadow: none !important; }
}