/* Like59 client skin: visual-only. Existing layout, visibility and JS contracts stay intact. */
body.l59-ui {
  --l59-blue: #2f91ff;
  --l59-blue-hover: #177eea;
  --l59-blue-soft: #eaf4ff;
  --l59-page: #f5f8fc;
  --l59-surface: #ffffff;
  --l59-surface-soft: #f8fbff;
  --l59-border: #e4ecf5;
  --l59-ink: #26354a;
  --l59-muted: #78879a;
  --l59-shadow: 0 5px 24px rgba(27, 71, 121, .045);
  --vz-primary: #2f91ff !important;
  --vz-primary-rgb: 47, 145, 255 !important;
  --vz-primary-text-emphasis: #1672d5 !important;
  --vz-link-color: #2384ed !important;
  --vz-link-hover-color: #116ed0 !important;
  --vz-body-bg: var(--l59-page);
  --vz-body-color: var(--l59-ink);
  --vz-heading-color: var(--l59-ink);
  --vz-secondary-color: var(--l59-muted);
  --vz-secondary-bg: var(--l59-surface-soft);
  --vz-tertiary-bg: var(--l59-surface-soft);
  --vz-border-color: var(--l59-border);
  --vz-card-bg: var(--l59-surface);
  --vz-vertical-menu-bg: var(--l59-surface) !important;
  --vz-vertical-menu-border: var(--l59-border) !important;
  --vz-vertical-menu-item-color: #63748a !important;
  --vz-vertical-menu-sub-item-color: #7a8b9f !important;
  --vz-vertical-menu-item-hover-color: var(--l59-blue) !important;
  --vz-vertical-menu-item-active-color: var(--l59-blue) !important;
  --vz-header-bg: var(--l59-surface);
  background: var(--l59-page);
  color: var(--l59-ink);
  font-family: Inter, "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* Only surfaces are restyled: the framework owns dimensions, collapse and off-canvas states. */
body.l59-ui .navbar-menu {
  background: var(--l59-surface) !important;
  border-right: 1px solid var(--l59-border) !important;
  box-shadow: 2px 0 16px rgba(34, 73, 117, .025);
}
body.l59-ui .navbar-brand-box { background: var(--l59-surface) !important; }
body.l59-ui .navbar-brand-box .logo-lg img { max-width: 190px; object-fit: contain; }
body.l59-ui .navbar-brand-box:has(.l59-client-brand) .logo { display: none !important; }
body.l59-ui .l59-client-brand,
body.l59-ui .l59-header-brand {
  color: var(--l59-blue) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -1.2px;
  text-decoration: none !important;
}
body.l59-ui .l59-client-brand { display: inline-block; padding: 20px 0; }
body.l59-ui .l59-header-brand { align-self: center; font-size: 22px; margin-left: 7px; }
body.l59-ui .l59-client-brand span,
body.l59-ui .l59-header-brand span { color: var(--l59-ink); }
body.l59-ui .l59-client-brand .l59-brand-icon,
body.l59-ui .l59-header-brand .l59-brand-icon { color: #fff; }
html[data-sidebar-size="sm"] body.l59-ui .app-menu .l59-client-brand > span:not(.l59-brand-icon),
html[data-sidebar-size="sm-hover"] body.l59-ui .app-menu:not(:hover) .l59-client-brand > span:not(.l59-brand-icon) { display: none; }
html[data-sidebar-size="sm"] body.l59-ui .app-menu .l59-client-brand,
html[data-sidebar-size="sm-hover"] body.l59-ui .app-menu:not(:hover) .l59-client-brand { justify-content: center; gap: 0; }
html[data-sidebar-size="sm"] body.l59-ui .app-menu .l59-client-brand .l59-brand-icon,
html[data-sidebar-size="sm-hover"] body.l59-ui .app-menu:not(:hover) .l59-client-brand .l59-brand-icon { flex-shrink: 0; }
body.l59-ui .navbar-menu .menu-title {
  padding-top: 22px;
  color: var(--l59-muted) !important;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.25px;
}
body.l59-ui .navbar-menu .navbar-nav .nav-link {
  margin: 3px 13px;
  padding-top: 11px;
  padding-bottom: 11px;
  border-radius: 9px;
  color: var(--vz-vertical-menu-item-color) !important;
  font-size: 13px;
  font-weight: 500;
  transition: background-color .18s ease, color .18s ease;
}
body.l59-ui .navbar-menu .navbar-nav .nav-link:hover,
body.l59-ui .navbar-menu .navbar-nav .nav-link:focus-visible {
  background: var(--l59-blue-soft);
  color: var(--l59-blue) !important;
  text-decoration: none;
}
body.l59-ui .navbar-menu .navbar-nav .nav-link.active {
  border-left-color: var(--l59-blue) !important;
  background: var(--l59-blue-soft) !important;
  color: var(--l59-blue) !important;
  font-weight: 650;
}
body.l59-ui .navbar-menu .navbar-nav .nav-sm .nav-link {
  color: var(--vz-vertical-menu-sub-item-color) !important;
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}
body.l59-ui .navbar-menu .navbar-nav .nav-sm .nav-link.active,
body.l59-ui .navbar-menu .navbar-nav .nav-sm .nav-link:hover { color: var(--l59-blue) !important; }
body.l59-ui .navbar-menu .icon-sidebar {
  border-color: transparent;
  background: var(--l59-surface-soft);
  border-radius: 9px;
}
body.l59-ui .sidebar-background { opacity: .06; }
body.l59-ui #page-topbar {
  border-bottom: 1px solid var(--l59-border);
  background: var(--l59-surface) !important;
  box-shadow: none;
}
body.l59-ui .topbar-user { background: var(--l59-surface-soft) !important; }
body.l59-ui .user-name-text { color: var(--l59-ink) !important; }
body.l59-ui .user-name-sub-text { color: var(--l59-muted) !important; }
body.l59-ui .header-profile-user { border: 2px solid var(--l59-border); }
body.l59-ui .hamburger-icon span { background-color: var(--l59-muted); }
body.l59-ui .btn-topbar { color: var(--l59-muted); }

body.l59-ui .main-content { background: var(--l59-page); }
body.l59-ui .page-title-box h4 {
  font-size: 20px;
  font-weight: 700;
  color: var(--l59-ink);
  letter-spacing: -.4px;
}
body.l59-ui .breadcrumb { font-size: 12px; }
body.l59-ui .card {
  background-color: var(--l59-surface);
  border: 1px solid var(--l59-border) !important;
  border-radius: 14px;
  box-shadow: var(--l59-shadow) !important;
}
body.l59-ui .card-header {
  background-color: transparent;
  border-bottom-color: var(--l59-border);
  padding: 18px 22px;
}
body.l59-ui .card-body { padding: 22px; }
body.l59-ui .card-title { font-weight: 650; letter-spacing: -.2px; }
body.l59-ui .card-title,
body.l59-ui .modal-title,
body.l59-ui .offcanvas-title { color: var(--l59-ink); }
body.l59-ui .card-footer { background: var(--l59-surface-soft); border-top-color: var(--l59-border); }
body.l59-ui .alert { border-radius: 10px; box-shadow: none !important; }
body.l59-ui .text-muted { color: var(--l59-muted) !important; }
body.l59-ui .text-primary { color: var(--l59-blue) !important; }
body.l59-ui .bg-primary { background-color: var(--l59-blue) !important; }
body.l59-ui .bg-primary-subtle,
body.l59-ui .bg-soft-primary { background-color: var(--l59-blue-soft) !important; }
body.l59-ui .bg-light { background-color: var(--l59-surface-soft) !important; }

/* Form IDs, names, native validation, event handlers and hidden states are untouched. */
body.l59-ui .form-label { color: var(--l59-ink); font-size: 13px; font-weight: 550; }
body.l59-ui .form-control,
body.l59-ui .form-select {
  background-color: var(--l59-surface);
  border-color: var(--l59-border);
  color: var(--l59-ink);
  border-radius: 9px;
  min-height: 43px;
  font-family: inherit;
  font-size: 13px;
  box-shadow: none;
}
body.l59-ui .form-control::placeholder { color: #9aa7b7; opacity: 1; }
body.l59-ui .form-control:focus,
body.l59-ui .form-select:focus {
  border-color: var(--l59-blue);
  box-shadow: 0 0 0 3px rgba(47, 145, 255, .12);
}
body.l59-ui .form-control:disabled,
body.l59-ui .form-control[readonly] { background: var(--l59-surface-soft); color: var(--l59-muted); }
body.l59-ui .form-control.is-invalid { border-color: var(--vz-danger); }
body.l59-ui .form-control.is-valid { border-color: var(--vz-success); }
body.l59-ui .input-group-text { background: var(--l59-surface-soft); border-color: var(--l59-border); color: var(--l59-muted); }
body.l59-ui .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
body.l59-ui .input-group > .btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
body.l59-ui .form-check-input { border-color: #cdd9e7; }
body.l59-ui .form-check-input:checked { background-color: var(--l59-blue); border-color: var(--l59-blue); }
body.l59-ui .form-check-input:focus { box-shadow: 0 0 0 3px rgba(47, 145, 255, .12); }
body.l59-ui .btn { border-radius: 9px; font-weight: 600; font-size: 13px; }
body.l59-ui .btn-primary {
  --vz-btn-bg: var(--l59-blue);
  --vz-btn-border-color: var(--l59-blue);
  --vz-btn-hover-bg: var(--l59-blue-hover);
  --vz-btn-hover-border-color: var(--l59-blue-hover);
  --vz-btn-active-bg: var(--l59-blue-hover);
  --vz-btn-active-border-color: var(--l59-blue-hover);
  --vz-btn-disabled-bg: var(--l59-blue);
  --vz-btn-disabled-border-color: var(--l59-blue);
  background: var(--l59-blue);
  border-color: var(--l59-blue);
  color: #fff !important;
}
body.l59-ui .btn-primary:hover,
body.l59-ui .btn-primary:focus,
body.l59-ui .btn-primary:active { background: var(--l59-blue-hover); border-color: var(--l59-blue-hover); }
body.l59-ui .btn-soft-primary { background: var(--l59-blue-soft); color: var(--l59-blue); }
body.l59-ui .btn-outline-primary {
  --vz-btn-color: var(--l59-blue);
  --vz-btn-border-color: var(--l59-blue);
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: var(--l59-blue);
  --vz-btn-hover-border-color: var(--l59-blue);
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: var(--l59-blue-hover);
  --vz-btn-active-border-color: var(--l59-blue-hover);
}
body.l59-ui .btn-light { background: var(--l59-surface-soft); border-color: var(--l59-border); color: var(--l59-ink); }
body.l59-ui #order-form > .d-grid .btn,
body.l59-ui #btnLoginPage,
body.l59-ui #btnRegister { min-height: 44px; }
body.l59-ui #total-price { color: var(--l59-blue); font-weight: 750; }
body.l59-ui #serviceDetailsCard { border-top: 3px solid var(--l59-blue) !important; }

body.l59-ui .select2-container--default .select2-selection--single {
  min-height: 43px;
  border: 1px solid var(--l59-border);
  border-radius: 9px;
  background: var(--l59-surface);
}
body.l59-ui .select2-container { max-width: 100%; min-width: 0; }
body.l59-ui .select2-container--default .select2-selection--multiple {
  background: var(--l59-surface);
  border-color: var(--l59-border);
  border-radius: 9px;
  min-height: 43px;
}
body.l59-ui .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: var(--l59-blue-soft);
  border-color: var(--l59-border);
  color: var(--l59-ink);
  border-radius: 5px;
}
body.l59-ui .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 41px;
  padding-left: 13px;
  color: var(--l59-ink);
  font-size: 13px;
}
body.l59-ui .select2-container--default .select2-selection--single .select2-selection__arrow { height: 41px; right: 10px; }
body.l59-ui .select2-container--default.select2-container--focus .select2-selection,
body.l59-ui .select2-container--default.select2-container--open .select2-selection { border-color: var(--l59-blue); }
body.l59-ui .select2-dropdown {
  background: var(--l59-surface);
  border-color: var(--l59-border);
  border-radius: 9px;
  box-shadow: 0 10px 32px rgba(27, 71, 121, .10);
  color: var(--l59-ink);
}
body.l59-ui .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: var(--l59-border);
  border-radius: 6px;
  padding: 8px;
  color: var(--l59-ink);
  background: var(--l59-surface);
}
body.l59-ui .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--l59-blue); color: #fff; }
body.l59-ui .select2-container--default .select2-results__option[aria-selected=true] { background: var(--l59-blue-soft); color: var(--l59-ink); }

body.l59-ui .table { --vz-table-color: var(--l59-ink); --vz-table-border-color: var(--l59-border); --vz-table-bg: var(--l59-surface); }
body.l59-ui .table thead th {
  background: var(--l59-surface-soft);
  color: var(--l59-muted);
  font-weight: 600;
  font-size: 12px;
  border-bottom-color: var(--l59-border);
  padding-top: 14px;
  padding-bottom: 14px;
}
body.l59-ui .table tbody td { padding-top: 13px; padding-bottom: 13px; vertical-align: middle; }
body.l59-ui .table-responsive { overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
body.l59-ui .table-hover > tbody > tr:hover > * { --vz-table-accent-bg: var(--l59-surface-soft); color: var(--l59-ink); }
body.l59-ui .pagination .page-link { color: var(--l59-muted); border-color: var(--l59-border); background: var(--l59-surface); }
body.l59-ui .pagination .active .page-link { background: var(--l59-blue); border-color: var(--l59-blue); color: #fff; }
body.l59-ui .dropdown-menu,
body.l59-ui .modal-content,
body.l59-ui .offcanvas {
  background-color: var(--l59-surface);
  color: var(--l59-ink);
  border-color: var(--l59-border);
}
body.l59-ui .dropdown-menu { border-radius: 10px; box-shadow: 0 10px 32px rgba(27, 71, 121, .09); }
body.l59-ui .dropdown-item { color: var(--l59-ink); }
body.l59-ui .dropdown-item:hover { background: var(--l59-blue-soft); color: var(--l59-blue); }
body.l59-ui .modal-content { border-radius: 15px; box-shadow: 0 20px 80px rgba(26, 51, 82, .16); }
body.l59-ui .modal-header,
body.l59-ui .modal-footer { border-color: var(--l59-border); }
body.l59-ui .pg-modal-body { background: var(--l59-surface-soft); }
body.l59-ui .pg-gateway-card { background: var(--l59-surface); border-color: var(--l59-border); border-radius: 12px; }
body.l59-ui .pg-gateway-name { color: var(--l59-ink); }
body.l59-ui .pg-gateway-desc { color: var(--l59-muted); }

/* Shared customer screens: service lists, orders, account settings and recharge cards. */
body.l59-ui .nav-tabs { border-bottom-color: var(--l59-border); }
body.l59-ui .nav-tabs .nav-link { color: var(--l59-muted); font-weight: 550; }
body.l59-ui .nav-tabs .nav-link:hover { color: var(--l59-blue); border-color: var(--l59-border); }
body.l59-ui .nav-tabs .nav-link.active {
  color: var(--l59-blue);
  border-color: var(--l59-border) var(--l59-border) var(--l59-surface);
  background: var(--l59-surface);
}
body.l59-ui .nav-tabs-custom .nav-link.active { background: var(--l59-blue-soft); border-color: var(--l59-blue-soft); }
body.l59-ui .nav-tabs-custom .nav-link::after { background: var(--l59-blue); }
body.l59-ui .nav-pills .nav-link { color: var(--l59-muted); border-radius: 8px; }
body.l59-ui .nav-pills .nav-link.active { background: var(--l59-blue); color: #fff; }
body.l59-ui .list-group-item { background: var(--l59-surface); border-color: var(--l59-border); color: var(--l59-ink); }
body.l59-ui .list-group-item-action:hover,
body.l59-ui .list-group-item-action:focus { background: var(--l59-surface-soft); color: var(--l59-ink); }
body.l59-ui .list-group-item.active { background: var(--l59-blue); border-color: var(--l59-blue); color: #fff; }
body.l59-ui .accordion-item { background: var(--l59-surface); color: var(--l59-ink); border-color: var(--l59-border); }
body.l59-ui .accordion-button { background: var(--l59-surface); color: var(--l59-ink); }
body.l59-ui .accordion-button:not(.collapsed) { background: var(--l59-blue-soft); color: var(--l59-blue); }
body.l59-ui .progress { background-color: var(--l59-surface-soft); border-radius: 8px; }
body.l59-ui .progress-bar.bg-primary { background: var(--l59-blue) !important; }
body.l59-ui .search-box .search-icon { color: var(--l59-muted); }
body.l59-ui .badge { border-radius: 6px; font-weight: 600; }

/* Service rank values stay native; their original decorative gradients become quiet blue-white. */
body.l59-ui .l59-rank-details {
  margin-bottom: 20px;
  border: 1px solid var(--l59-border);
  border-radius: 11px;
  background: var(--l59-surface);
}
body.l59-ui .l59-rank-details > summary {
  padding: 14px 18px;
  color: var(--l59-ink);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
body.l59-ui .l59-rank-details > summary::marker { color: var(--l59-blue); }
body.l59-ui .l59-rank-details > summary:focus-visible { outline: 2px solid var(--l59-blue); outline-offset: -3px; border-radius: 10px; }
body.l59-ui .l59-rank-details[open] > summary { border-bottom: 1px solid var(--l59-border); margin-bottom: 16px; }
body.l59-ui .l59-rank-details > .row { padding: 0 14px 14px; }
body.l59-ui .l59-rank-details .col-xl-12.mb-5 { margin-bottom: 0 !important; }
body.l59-ui .rank-card {
  border-radius: 11px !important;
  border-color: var(--l59-border) !important;
  background: var(--l59-surface) !important;
  box-shadow: none !important;
  animation: none !important;
}
body.l59-ui .rank-card:hover { transform: none; border-color: var(--l59-blue) !important; }
body.l59-ui .rank-card.active-rank { border-color: var(--l59-blue) !important; }
body.l59-ui .rank-card > .opacity-10 { opacity: 0 !important; }
body.l59-ui .rank-card .card-body { padding: 18px !important; }
body.l59-ui .rank-card .rank-icon-circle {
  width: 40px !important;
  height: 40px !important;
  background: var(--l59-blue-soft) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  margin-bottom: 14px !important;
}
body.l59-ui .rank-card .rank-icon-circle i { font-size: 22px !important; color: var(--l59-blue) !important; }
body.l59-ui .rank-card .card-title { font-size: 16px !important; color: var(--l59-ink) !important; }
body.l59-ui .rank-card .card-body > p { margin-bottom: 14px !important; font-size: 12px !important; letter-spacing: 0 !important; }
body.l59-ui .rank-card .benefit-item { background: var(--l59-surface-soft) !important; margin-bottom: 8px !important; padding: 8px !important; }
body.l59-ui .rank-card .benefit-icon {
  width: 26px !important;
  height: 26px !important;
  flex-shrink: 0;
  background: var(--l59-blue-soft) !important;
  margin-right: 10px !important;
}
body.l59-ui .rank-card .benefit-icon i { color: var(--l59-blue) !important; }
body.l59-ui .rank-card .badge { background: var(--l59-blue-soft) !important; color: var(--l59-blue) !important; font-size: 9px !important; padding: 5px 8px !important; letter-spacing: 0 !important; }
body.l59-ui .rank-card .position-absolute.m-3 { margin: 9px !important; }
body.l59-ui .price-highlight {
  background: var(--l59-blue-soft) !important;
  border-color: var(--l59-border) !important;
  color: var(--l59-blue) !important;
  box-shadow: none !important;
}
body.l59-ui .price-highlight:hover { transform: none; }
body.l59-ui .price-highlight::before,
body.l59-ui .price-highlight::after { content: none; }
body.l59-ui .border,
body.l59-ui .border-top,
body.l59-ui .border-bottom { border-color: var(--l59-border) !important; }
body.l59-ui .card-body > .d-flex > .flex-grow-1 { min-width: 0; }
body.l59-ui .service-description,
body.l59-ui .card-title,
body.l59-ui .alert,
body.l59-ui .modal-body { overflow-wrap: anywhere; }

body.l59-ui .auth-one-bg {
  background: linear-gradient(120deg, #2187f1, #55acff) !important;
}
body.l59-ui .auth-one-bg .bg-overlay { background: transparent !important; opacity: 1; }
body.l59-ui .auth-one-bg .shape svg { fill: var(--l59-page); }
body.l59-ui .auth-page-content .card { border-radius: 18px; box-shadow: 0 12px 45px rgba(31, 73, 119, .10) !important; }
body.l59-ui .auth-page-content .card-body { padding: 32px !important; }
body.l59-ui .auth-page-content h5 { font-size: 23px; font-weight: 750; }
body.l59-ui .auth-page-content { padding-bottom: 36px; }
body.l59-ui .auth-page-content .card { border-top: 3px solid var(--l59-blue) !important; }
body.l59-ui .auth-page-content .auth-logo img { max-width: min(240px, 100%); height: auto; max-height: 92px; object-fit: contain; }
body.l59-ui .auth-page-content .form-control { min-height: 46px; background: var(--l59-surface-soft); }
body.l59-ui .auth-page-content .form-control:focus { background: var(--l59-surface); }
body.l59-ui .auth-page-content .auth-pass-inputgroup .password-addon { height: 46px; width: 44px; padding: 0; }
body.l59-ui .auth-page-content .signin-other-title .title { background: var(--l59-surface); font-size: 12px !important; }
body.l59-ui .auth-page-content .signin-other-title::before { border-top-color: var(--l59-border); }
body.l59-ui .auth-page-content .form-label { margin-bottom: 8px; }
body.l59-ui .auth-page-content .btn.w-100 { min-height: 46px; }
body.l59-ui .auth-page-content #captcha-container { max-width: 100%; overflow-x: auto; }
body.l59-ui .auth-page-content .invalid-feedback,
body.l59-ui .auth-page-content .form-text { font-size: 12px; }
/* The root frontend enhancer marks existing auth pages; their native forms remain unchanged. */
body.l59-ui.l59-auth { --l59-page: #fff; }
body.l59-ui.l59-auth .auth-page-content .container { max-width: 408px; }
body.l59-ui.l59-auth .auth-page-content .row.justify-content-center > [class*="col-"] {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
body.l59-ui.l59-auth .auth-page-content .card {
  border: 0 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none !important;
}
body.l59-ui.l59-auth .auth-page-content .card-body { padding: 0 !important; }
body.l59-ui.l59-auth .auth-page-content .card-body > .text-center { text-align: left !important; }
body.l59-ui.l59-auth .auth-page-content .card-body > .p-2 { padding: 0 !important; }
body.l59-ui.l59-auth .auth-page-content h5 { color: var(--l59-ink) !important; font-size: 25px; letter-spacing: -.6px; }
body.l59-ui.l59-auth .auth-page-content .form-control { background: var(--l59-surface); border-color: #d9e3ef; }
body.l59-ui.l59-auth .auth-page-content .btn.w-100 { min-height: 46px; }
body.l59-ui .mobile-bottom-nav { background: var(--l59-surface); border-color: var(--l59-border); box-shadow: 0 -4px 24px rgba(27, 71, 121, .05); }
body.l59-ui .mobile-bottom-nav .nav-item a { color: var(--l59-muted); }
body.l59-ui .mobile-bottom-nav .nav-item.active a,
body.l59-ui .mobile-bottom-nav .nav-item.current a { color: var(--l59-blue); }

/* Dark mode follows the existing theme toggle instead of forcing a theme. */
html[data-bs-theme="dark"] body.l59-ui {
  --l59-page: #111b29;
  --l59-surface: #1a2738;
  --l59-surface-soft: #202e41;
  --l59-border: #2c3d53;
  --l59-ink: #dce8f5;
  --l59-muted: #9aabc1;
  --l59-blue-soft: #203e60;
  --l59-shadow: 0 5px 24px rgba(0, 0, 0, .08);
  --vz-vertical-menu-item-color: #b5c4d7 !important;
  --vz-vertical-menu-sub-item-color: #9aabc1 !important;
  --vz-primary-text-emphasis: #81bbff !important;
  --vz-link-color: #81bbff !important;
  --vz-link-hover-color: #add4ff !important;
}
html[data-bs-theme="dark"] body.l59-ui .btn-primary { background: var(--l59-blue); border-color: var(--l59-blue); color: #fff !important; }
html[data-bs-theme="dark"] body.l59-ui .btn-primary:hover,
html[data-bs-theme="dark"] body.l59-ui .btn-primary:focus,
html[data-bs-theme="dark"] body.l59-ui .btn-primary:active { background: var(--l59-blue-hover); border-color: var(--l59-blue-hover); }
html[data-bs-theme="dark"] body.l59-ui .text-primary { color: #81bbff !important; }
html[data-bs-theme="dark"] body.l59-ui .navbar-menu .icon-sidebar { background: #eaf4ff; }
html[data-bs-theme="dark"] body.l59-ui .bg-white { background-color: var(--l59-surface) !important; }
html[data-bs-theme="dark"] body.l59-ui .text-dark { color: var(--l59-ink) !important; }
html[data-bs-theme="dark"] body.l59-ui .table-light { --vz-table-bg: var(--l59-surface-soft); --vz-table-color: var(--l59-ink); }
html[data-bs-theme="dark"] body.l59-ui .nav-tabs-custom .nav-link.active { background: var(--l59-blue-soft); border-color: var(--l59-blue-soft); color: #81bbff; }
html[data-bs-theme="dark"] body.l59-ui .nav-tabs-custom .nav-link { background: var(--l59-surface); border-color: var(--l59-border); color: var(--l59-muted); }
html[data-bs-theme="dark"] body.l59-ui.l59-auth { --l59-page: #111b29; }
html[data-bs-theme="dark"] body.l59-ui.l59-auth .auth-page-content .form-control { border-color: var(--l59-border); }

/* A public guest landing stays light, including the retained order form and notification modals.
   Authenticated client screens continue to follow the original saved theme preference. */
html[data-bs-theme] body.l59-ui.l59-landing {
  --l59-page: #f5f8fc;
  --l59-surface: #ffffff;
  --l59-surface-soft: #f8fbff;
  --l59-border: #e4ecf5;
  --l59-ink: #26354a;
  --l59-muted: #78879a;
  --l59-blue-soft: #eaf4ff;
  --l59-shadow: 0 5px 24px rgba(27, 71, 121, .045);
  --vz-vertical-menu-item-color: #63748a !important;
  --vz-vertical-menu-sub-item-color: #7a8b9f !important;
  --vz-primary-text-emphasis: #1672d5 !important;
  --vz-link-color: #2384ed !important;
  --vz-link-hover-color: #116ed0 !important;
  color-scheme: light;
}
html[data-bs-theme] body.l59-ui.l59-landing .text-primary { color: #2384ed !important; }
html[data-bs-theme="dark"] body.l59-ui.l59-landing .modal-content a:not(.btn),
html[data-bs-theme="dark"] body.l59-ui.l59-landing .main-content a:not(.btn) { color: var(--vz-link-color); }
html[data-bs-theme="dark"] body.l59-ui.l59-landing .nav-tabs-custom .nav-link.active { color: var(--l59-blue); }
html[data-bs-theme="dark"] body.l59-ui.l59-landing .text-danger { color: #da3e52 !important; }
html[data-bs-theme="dark"] body.l59-ui.l59-landing .text-success { color: #159269 !important; }

@media (max-width: 767.98px) {
  body.l59-ui .card-body { padding: 17px; }
  body.l59-ui .card-header { padding: 15px 17px; }
  body.l59-ui .page-title-box h4 { font-size: 18px; }
  body.l59-ui .auth-page-content .card-body { padding: 24px !important; }
  body.l59-ui .navbar-brand-box .logo-lg img { max-width: 175px; }
  body.l59-ui .auth-page-content h5 { font-size: 21px; }
  body.l59-ui .auth-page-content .auth-logo img { max-height: 72px; }
  body.l59-ui .card-header .card-title { font-size: 15px; }
  body.l59-ui .pg-modal-body { padding: 18px; }
  body.l59-ui .l59-header-brand { font-size: 20px; }
}

@media (max-width: 374.98px) {
  body.l59-ui .auth-page-content .card-body { padding: 16px !important; }
  body.l59-ui .auth-page-content h5 { font-size: 19px; }
  body.l59-ui .form-control,
  body.l59-ui .form-select { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  body.l59-ui .navbar-menu .navbar-nav .nav-link { transition: none; }
}

/* Authenticated interiors: reference-inspired layout, original CMSNT data and controls.
   The enhancer supplies only presentation classes; Bootstrap owns all state/visibility. */
body.l59-ui.l59-interior {
  --l59-blue: #2563eb;
  --l59-blue-hover: #1d4ed8;
  --l59-blue-soft: #eff6ff;
  --l59-page: #f7f8fc;
  --l59-surface-soft: #f6f7fb;
  --l59-border: #e5e7ef;
  --l59-ink: #1d2939;
  --l59-muted: #8590a2;
  --l59-shadow: 0 2px 8px rgba(27, 39, 65, .025);
  --l59-header-height: 57px;
  --vz-header-height: 57px;
  --vz-vertical-menu-width: 296px;
  --vz-primary: #2563eb !important;
  --vz-primary-rgb: 37, 99, 235 !important;
  --vz-link-color: #2563eb !important;
  --vz-link-hover-color: #1d4ed8 !important;
  font-size: 13px;
  line-height: 1.6;
}
body.l59-ui.l59-interior #page-topbar {
  left: 0;
  min-height: var(--l59-header-height);
  border-bottom: 1px solid var(--l59-border);
  z-index: 1003;
}
body.l59-ui.l59-interior #page-topbar .navbar-header {
  height: 57px;
  padding: 0 20px;
}
body.l59-ui.l59-interior #page-topbar .header-item { height: 57px; }
body.l59-ui.l59-interior #page-topbar .topbar-user {
  background: transparent !important;
  margin-left: 8px !important;
}
body.l59-ui.l59-interior #page-topbar .topbar-user > .btn { padding: 5px 8px; }
body.l59-ui.l59-interior #page-topbar .header-profile-user { width: 31px; height: 31px; border-width: 1px; }
body.l59-ui.l59-interior #page-topbar .user-name-text { font-size: 12px; }
body.l59-ui.l59-interior #page-topbar .user-name-sub-text { font-size: 10px !important; }
body.l59-ui.l59-interior #page-topbar .btn-topbar { width: 33px; height: 33px; }
body.l59-ui.l59-interior .l59-topbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  align-self: center;
  flex-shrink: 0;
  color: var(--l59-blue);
  text-decoration: none;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.9px;
}
body.l59-ui.l59-interior .l59-topbar-brand > span:not(.l59-brand-icon) { color: var(--l59-ink); }
body.l59-ui.l59-interior .l59-topbar-brand .l59-brand-dot { color: var(--l59-blue); }
body.l59-ui.l59-interior .l59-topbar-brand small { display: block; margin-top: 4px; font-size: 6px; line-height: 1.3; letter-spacing: 1.2px; color: var(--l59-muted); font-weight: 600; }
body.l59-ui.l59-interior .l59-topbar-brand .l59-brand-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 9px;
  background: var(--l59-blue);
  color: #fff;
  font-size: 22px;
}
body.l59-ui.l59-interior .l59-topbar-links {
  position: absolute;
  top: 0;
  left: 296px;
  right: 250px;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}
body.l59-ui.l59-interior .l59-topbar-links a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 6px 5px;
  color: #67758c;
  font-size: 12px;
  font-weight: 550;
  text-decoration: none;
  border-radius: 7px;
  white-space: nowrap;
}
body.l59-ui.l59-interior .l59-topbar-links a i { color: #70a6f7; font-size: 17px; }
body.l59-ui.l59-interior .l59-topbar-links a:hover,
body.l59-ui.l59-interior .l59-topbar-links a.is-active { color: var(--l59-blue); background: var(--l59-blue-soft); }
body.l59-ui.l59-interior .l59-topbar-links a:focus-visible { outline: 2px solid var(--l59-blue); outline-offset: -2px; }
body.l59-ui.l59-interior .navbar-menu {
  top: var(--l59-header-height);
  height: calc(100% - var(--l59-header-height));
  box-shadow: none;
}
body.l59-ui.l59-interior .app-menu .navbar-brand-box { padding: 2px 16px; min-height: 26px; height: 26px; }
body.l59-ui.l59-interior .app-menu .navbar-brand-box .l59-client-brand { display: none !important; }
body.l59-ui.l59-interior .app-menu #vertical-hover { height: 23px; width: 23px; }
body.l59-ui.l59-interior .app-menu #scrollbar { height: calc(100% - 112px); }
body.l59-ui.l59-interior .navbar-menu .menu-title {
  padding: 20px 22px 9px;
  font-size: 10px;
  letter-spacing: .8px;
  font-weight: 600;
}
body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-link {
  margin: 2px 14px;
  padding: 9px 12px;
  border-radius: 9px;
  font-size: 13px;
  color: #69778c !important;
}
body.l59-ui.l59-interior .navbar-menu .navbar-nav .menu-link > i,
body.l59-ui.l59-interior .navbar-menu .navbar-nav .menu-link > .menu-icon,
body.l59-ui.l59-interior .navbar-menu .navbar-nav .menu-link > .icon-sidebar {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  padding: 5px;
  background: #edf4ff;
  color: #6e9cec;
  font-size: 17px;
  object-fit: contain;
  flex-shrink: 0;
}
body.l59-ui.l59-interior .navbar-menu .navbar-nav > .nav-item:nth-of-type(3n) > .menu-link > i { background: #f7efff; color: #ad8bdd; }
body.l59-ui.l59-interior .navbar-menu .navbar-nav > .nav-item:nth-of-type(3n + 1) > .menu-link > i { background: #ebfaf5; color: #63bfa6; }
body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-link.active { border-left: 0 !important; color: var(--l59-blue) !important; }
body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-sm .nav-link { padding: 7px 10px 7px 24px; font-size: 12px; }
body.l59-ui.l59-interior .l59-sidebar-account {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 15px 10px;
  padding: 14px 10px 18px;
  border-bottom: 1px solid var(--l59-border);
}
body.l59-ui.l59-interior .l59-account-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  border: 3px solid #eef4ff;
  border-radius: 50%;
  object-fit: cover;
  background: var(--l59-blue-soft);
  color: var(--l59-blue);
  font-size: 27px;
  line-height: 1;
}
body.l59-ui.l59-interior .l59-account-meta { min-width: 0; color: var(--l59-ink); font-size: 13px; font-weight: 600; }
body.l59-ui.l59-interior .l59-account-meta small { display: block; font-size: 11px; color: var(--l59-muted); font-weight: 400; }
body.l59-ui.l59-interior .l59-account-balance { display: block; margin-top: 4px; color: var(--l59-blue); font-size: 12px; font-weight: 650; }
body.l59-ui.l59-interior .page-content { padding-top: calc(var(--l59-header-height) + 26px); }
body.l59-ui.l59-interior .page-content > .container-fluid { padding-right: 24px; padding-left: 24px; }
body.l59-ui.l59-interior .page-title-box { padding-bottom: 19px; }
body.l59-ui.l59-interior .page-title-box h4,
body.l59-ui.l59-interior .l59-view-heading h4 { font-size: 20px; font-weight: 750; line-height: 1.4; letter-spacing: -.5px; margin-bottom: 5px; }
body.l59-ui.l59-interior .l59-view-heading { font-size: inherit; font-weight: inherit; margin-bottom: 0; padding-bottom: 4px; }
body.l59-ui.l59-interior .l59-view-heading .breadcrumb { font-weight: 400; letter-spacing: 0; }
body.l59-ui.l59-interior .l59-view-subtitle { margin: 0 0 18px; font-size: 12px; color: var(--l59-muted); font-weight: 400; }
body.l59-ui.l59-interior .card { border-radius: 12px; }
body.l59-ui.l59-interior .card-header { padding: 18px 20px; }
body.l59-ui.l59-interior .card-body { padding: 22px; }
body.l59-ui.l59-interior .card-title,
body.l59-ui.l59-interior .l59-card-heading { font-size: 15px; font-weight: 700; letter-spacing: -.3px; }
body.l59-ui.l59-interior .l59-card-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 18px 22px; margin: 0; border-bottom: 1px solid var(--l59-border); }
body.l59-ui.l59-interior .l59-card-heading > i { color: var(--l59-blue); font-size: 19px; }
body.l59-ui.l59-interior .l59-card-heading > h2 { margin: 0; color: var(--l59-ink); font-size: 15px; line-height: 1.4; font-weight: 700; letter-spacing: -.3px; }
body.l59-ui.l59-interior .l59-card-heading > span { margin-left: auto; color: var(--l59-muted); font-size: 11px; font-weight: 400; letter-spacing: 0; }
body.l59-ui.l59-interior .card-body.bg-light-subtle { background: var(--l59-surface) !important; border-color: var(--l59-border) !important; border-style: solid !important; }
body.l59-ui.l59-interior .form-control,
body.l59-ui.l59-interior .form-select { min-height: 43px; border-radius: 9px; border-color: var(--l59-border); font-size: 12px; }
body.l59-ui.l59-interior .form-control:focus,
body.l59-ui.l59-interior .form-select:focus { border-color: var(--l59-blue) !important; box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important; }
body.l59-ui.l59-interior .form-control.is-invalid,
body.l59-ui.l59-interior .form-select.is-invalid,
body.l59-ui.l59-interior .was-validated .form-control:invalid,
body.l59-ui.l59-interior .was-validated .form-select:invalid { border-color: var(--vz-danger) !important; }
body.l59-ui.l59-interior .form-control.is-valid,
body.l59-ui.l59-interior .form-select.is-valid,
body.l59-ui.l59-interior .was-validated .form-control:valid,
body.l59-ui.l59-interior .was-validated .form-select:valid { border-color: var(--vz-success) !important; }
body.l59-ui.l59-interior .form-text { font-size: 11px; color: var(--l59-muted); }
body.l59-ui.l59-interior .btn { font-size: 12px; min-height: 35px; border-radius: 8px; }
body.l59-ui.l59-interior .btn-lg { min-height: 44px; font-size: 13px; }
body.l59-ui.l59-interior .nav-tabs-custom { gap: 5px; }
body.l59-ui.l59-interior .nav-tabs-custom .nav-link { border-radius: 8px; padding: 9px 14px; font-size: 12px; }
body.l59-ui.l59-interior .nav-tabs-custom .nav-link.active { color: var(--l59-blue); background: var(--l59-blue-soft); }
body.l59-ui.l59-interior .nav-tabs-custom .nav-link::after { height: 0; }
body.l59-ui.l59-interior .table thead th { font-size: 10px; text-transform: uppercase; letter-spacing: .3px; font-weight: 650; background: var(--l59-surface-soft); }
body.l59-ui.l59-interior .table tbody td { font-size: 12px; }
body.l59-ui.l59-interior .pagination { gap: 4px; }
body.l59-ui.l59-interior .pagination .page-link { border-radius: 6px; font-size: 11px; }
body.l59-ui.l59-interior .badge { border-radius: 6px; font-size: 10px; padding: 5px 7px; }

/* The native order inputs remain the actual source of service, link, quantity and price. */
body.l59-ui.l59-interior .l59-order-card .form-control,
body.l59-ui.l59-interior .l59-order-card .form-select,
body.l59-ui.l59-interior .l59-order-card .select2-container--default .select2-selection--single { background-color: var(--l59-surface-soft); border-color: transparent; }
body.l59-ui.l59-interior .l59-order-card .form-control:focus,
body.l59-ui.l59-interior .l59-order-card .form-select:focus { background: var(--l59-surface); }
body.l59-ui.l59-interior .l59-order-card .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 12px; }
body.l59-ui.l59-interior .l59-step-label { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; color: var(--l59-ink); }
body.l59-ui.l59-interior .l59-step-number { display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px; flex: 0 0 23px; color: #fff; background: var(--l59-blue); border-radius: 50%; font-size: 11px; font-weight: 650; }
body.l59-ui.l59-interior .l59-step-caption { color: var(--l59-ink); font-size: 12px; font-weight: 500; letter-spacing: 0; }
body.l59-ui.l59-interior .l59-step-caption > strong { color: #ef4d5e; font-size: 10px; font-weight: 750; letter-spacing: .25px; text-decoration: underline; text-underline-offset: 3px; }
body.l59-ui.l59-interior .l59-site-notice { margin-bottom: 18px; border: 1px solid var(--l59-border); border-radius: 10px; background: var(--l59-surface); }
body.l59-ui.l59-interior .l59-site-notice > summary { padding: 12px 16px; color: var(--l59-blue); font-size: 12px; font-weight: 600; cursor: pointer; }
body.l59-ui.l59-interior .l59-site-notice > summary::marker { color: var(--l59-blue); }
body.l59-ui.l59-interior .l59-site-notice > summary:focus-visible { outline: 2px solid var(--l59-blue); outline-offset: -3px; border-radius: 9px; }
body.l59-ui.l59-interior .l59-site-notice[open] > summary { border-bottom: 1px solid var(--l59-border); }
body.l59-ui.l59-interior .l59-site-notice > .alert { margin: 14px; }
body.l59-ui.l59-interior .l59-promotion-details { margin-bottom: 18px; border: 1px solid var(--l59-border); border-radius: 10px; background: var(--l59-surface); }
body.l59-ui.l59-interior .l59-promotion-details > summary { padding: 12px 16px; color: var(--l59-blue); font-size: 12px; font-weight: 600; cursor: pointer; }
body.l59-ui.l59-interior .l59-promotion-details > summary::marker { color: var(--l59-blue); }
body.l59-ui.l59-interior .l59-promotion-details > summary:focus-visible { outline: 2px solid var(--l59-blue); outline-offset: -3px; border-radius: 9px; }
body.l59-ui.l59-interior .l59-promotion-details[open] > summary { border-bottom: 1px solid var(--l59-border); }
body.l59-ui.l59-interior .l59-promotion-details > .card { margin: 12px; box-shadow: none !important; }
body.l59-ui.l59-interior .l59-order-card #total-price { font-size: 21px; font-weight: 750; }
body.l59-ui.l59-interior .l59-order-card #pasteFromClipboard { background: var(--l59-blue-soft); border-color: var(--l59-border); color: var(--l59-blue); }
body.l59-ui.l59-interior .l59-service-card { border-top: 1px solid var(--l59-border) !important; }
body.l59-ui.l59-interior .l59-service-card .card-header { background: var(--l59-surface-soft); }
body.l59-ui.l59-interior .l59-account-card { background: #17294a; border-color: #17294a !important; color: #f5f8ff; }
body.l59-ui.l59-interior .l59-account-card .card-body { background: transparent; }
body.l59-ui.l59-interior .l59-account-card .list-group-item { background: transparent; border-color: #314463; color: #f5f8ff; }
body.l59-ui.l59-interior .l59-account-card .text-muted { color: #a4b5d0 !important; }
body.l59-ui.l59-interior .l59-account-card h5,
body.l59-ui.l59-interior .l59-account-card .l59-card-heading { color: #fff; }
body.l59-ui.l59-interior .l59-account-card .l59-card-heading,
body.l59-ui.l59-interior .l59-account-card .progress-info { border-color: #314463 !important; }
body.l59-ui.l59-interior .l59-account-card .text-success { color: #55d3ab !important; }
body.l59-ui.l59-interior .l59-account-card .text-info { color: #a7cdff !important; }
body.l59-ui.l59-interior .l59-account-card .text-warning { color: #f4cd79 !important; }
body.l59-ui.l59-interior .l59-account-card .progress { background: #314463; }
body.l59-ui.l59-interior .l59-account-card .profile-user img { border: 3px solid #4b6286; }
body.l59-ui.l59-interior .l59-account-card .btn-outline-info { color: #c4ddff; border-color: #5c7398; }
/* Native account block was a wide-row layout; its narrow reference column now stacks.
   Original responsive duplicate blocks and every account value/control remain intact. */
body.l59-ui.l59-interior .l59-account-card .d-none.d-sm-block > .row > .col-sm-4.col-md-3,
body.l59-ui.l59-interior .l59-account-card .d-none.d-sm-block > .row > .col-sm-8.col-md-9 { flex: 0 0 100%; width: 100%; max-width: 100%; }
body.l59-ui.l59-interior .l59-account-card .d-none.d-sm-block > .row > .col-sm-4.col-md-3 { text-align: center; margin-bottom: 12px; }
body.l59-ui.l59-interior .l59-account-card .d-none.d-sm-block > .row > .col-sm-8.col-md-9 > h5 { text-align: center; }
body.l59-ui.l59-interior .l59-account-card .profile-user { width: 56px; height: 56px; }
body.l59-ui.l59-interior .l59-account-card .user-profile-image { width: 56px; height: 56px; min-width: 56px; max-width: none; object-fit: cover; }
body.l59-ui.l59-interior .l59-account-card .list-group-item { gap: 8px; font-size: 12px; }
body.l59-ui.l59-interior .l59-account-card .list-group-item > .text-muted { font-size: 11px; }
body.l59-ui.l59-interior .l59-account-card .d-flex.gap-2 { flex-wrap: wrap; justify-content: center; }
body.l59-ui.l59-interior .l59-account-card .progress-info > .d-flex { flex-wrap: wrap; gap: 7px; }
body.l59-ui.l59-interior .l59-account-card .progress-info > .d-flex > .text-muted { font-size: 11px !important; }
body.l59-ui.l59-interior .l59-account-card .progress-info p { font-size: 11px !important; line-height: 1.7; }
body.l59-ui.l59-interior.l59-page-order #telegramNoticeCard .card-body { padding: 13px 17px !important; font-size: 11px; }
body.l59-ui.l59-interior.l59-page-order #telegramNoticeCard .alert-heading { font-size: 13px; margin-bottom: 5px !important; }
body.l59-ui.l59-interior.l59-page-order #telegramNoticeCard .btn { min-height: 29px; font-size: 11px; }

/* History and support: restrained filters, preserved status colours and native bulk actions. */
body.l59-ui.l59-interior.l59-page-orders .card-body.bg-light-subtle .form-label,
body.l59-ui.l59-interior.l59-page-scheduled-orders .card-body.bg-light-subtle .form-label,
body.l59-ui.l59-interior.l59-page-transactions .card-body.bg-light-subtle .form-label { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; color: var(--l59-muted); }
body.l59-ui.l59-interior .order-checkbox { accent-color: var(--l59-blue); }
body.l59-ui.l59-interior tr.row-selected { background: var(--l59-blue-soft) !important; }
body.l59-ui.l59-interior tr.row-selected > td { --vz-table-accent-bg: var(--l59-blue-soft); }
body.l59-ui.l59-interior .bulk-action-toolbar { background: var(--l59-blue); box-shadow: 0 8px 24px rgba(37,99,235,.22); border-radius: 11px; }
body.l59-ui.l59-interior .service-name-full { background: var(--l59-surface-soft); color: var(--l59-ink); }
body.l59-ui.l59-interior.l59-page-mass-order #txa-data-order { min-height: 250px; background: var(--l59-surface-soft); font-family: ui-monospace, Consolas, monospace; line-height: 1.9; }
body.l59-ui.l59-interior.l59-page-mass-order #previewCard,
body.l59-ui.l59-interior.l59-page-mass-order #resultCard { border: 1px solid var(--l59-border); padding: 18px; border-radius: 10px; background: var(--l59-surface-soft); }
body.l59-ui.l59-interior.l59-page-support-tickets [data-bs-target="#addTicketModal"] { background: var(--l59-blue); border-color: var(--l59-blue); color: #fff; }
body.l59-ui.l59-interior.l59-page-ticket-detail .chat-conversation-list .chat-list { margin-bottom: 20px; }
body.l59-ui.l59-interior.l59-page-ticket-detail .chat-conversation-list p { font-size: 13px; line-height: 1.75; }
body.l59-ui.l59-interior.l59-page-ticket-detail .reply-ticket-form textarea { background: var(--l59-surface-soft); }
body.l59-ui.l59-interior.l59-page-ticket-detail .waiting-response-card { border: 1px solid var(--l59-border); border-radius: 12px; }

/* Account and payment forms: original amounts, invoices, QR images and tab panes stay native. */
body.l59-ui.l59-interior.l59-page-profile .container-fluid > .position-relative.mx-n4.mt-n4 { margin: 0 0 23px !important; border-radius: 12px; overflow: hidden; }
body.l59-ui.l59-interior.l59-page-profile .profile-wid-bg { height: 110px; background: linear-gradient(110deg, #eaf3ff, #f5f8ff); }
body.l59-ui.l59-interior.l59-page-profile .profile-wid-img { width: 100%; height: 110px; object-fit: cover; opacity: .15; }
body.l59-ui.l59-interior.l59-page-profile .container-fluid > .row > .mt-n5 { margin-top: 0 !important; }
body.l59-ui.l59-interior.l59-page-profile .nav-tabs-custom { flex-wrap: wrap; }
body.l59-ui.l59-interior.l59-page-profile #profileForm .form-control { min-height: 44px; }
body.l59-ui.l59-interior .conversion-box { background: var(--l59-blue-soft); border: 1px solid var(--l59-border) !important; border-radius: 10px; }
body.l59-ui.l59-interior .payment-info-container .card { box-shadow: none !important; }
body.l59-ui.l59-interior .qr-container { border: 1px solid var(--l59-border); border-radius: 12px; padding: 14px; background: #fff; }
body.l59-ui.l59-interior .qr-container img { max-width: 100%; height: auto; }
body.l59-ui.l59-interior .countdown-container { border: 1px solid rgba(245,159,0,.2); border-radius: 8px; }
body.l59-ui.l59-interior .icon-card { max-width: 42px; max-height: 42px; border-radius: 10px; object-fit: contain; }
body.l59-ui.l59-interior.l59-page-recharge-bank .card-header.bg-primary,
body.l59-ui.l59-interior.l59-page-recharge-card .card-header.bg-primary,
body.l59-ui.l59-interior.l59-page-affiliates .card-header.bg-primary,
body.l59-ui.l59-interior.l59-page-affiliate-withdraw .card-header.bg-primary { background: var(--l59-surface) !important; border-bottom: 1px solid var(--l59-border); }
body.l59-ui.l59-interior.l59-page-recharge-bank .card-header.bg-primary .text-white,
body.l59-ui.l59-interior.l59-page-recharge-card .card-header.bg-primary .text-white,
body.l59-ui.l59-interior.l59-page-affiliates .card-header.bg-primary .text-white,
body.l59-ui.l59-interior.l59-page-affiliate-withdraw .card-header.bg-primary .text-white { color: var(--l59-ink) !important; }
body.l59-ui.l59-interior .wallet-card { border: 1px solid var(--l59-border); border-radius: 10px; background: var(--l59-surface-soft); box-shadow: none; }
body.l59-ui.l59-interior .wallet-card:hover { border-color: var(--l59-blue); transform: none; box-shadow: none; }
body.l59-ui.l59-interior.l59-page-affiliates .social-share a { width: 35px; height: 35px; margin: 0 3px; }
body.l59-ui.l59-interior.l59-page-affiliates .table-container { background: var(--l59-surface); }
body.l59-ui.l59-interior.l59-page-child-panel .step-circle { width: 35px; height: 35px; background: var(--l59-surface-soft); color: var(--l59-muted); border: 1px solid var(--l59-border); }
body.l59-ui.l59-interior.l59-page-child-panel .step-circle.active { background: var(--l59-blue); border-color: var(--l59-blue); color: #fff; }
body.l59-ui.l59-interior.l59-page-child-panel .step-circle.completed { background: #198754; border-color: #198754; color: #fff; }

/* API documentation: genuine API values/actions retained; only purple decoration is replaced. */
body.l59-ui.l59-interior.l59-page-document-api .api-endpoint-card { background: var(--l59-blue); color: #fff; }
body.l59-ui.l59-interior.l59-page-document-api .api-section-card { background: var(--l59-surface); box-shadow: var(--l59-shadow); border-radius: 12px; margin-bottom: 23px; }
body.l59-ui.l59-interior.l59-page-document-api .api-info-grid { background: var(--l59-surface-soft); border: 1px solid var(--l59-border); padding: 18px; }
body.l59-ui.l59-interior.l59-page-document-api .api-info-label { color: var(--l59-ink); }
body.l59-ui.l59-interior.l59-page-document-api .api-info-value { background: var(--l59-surface); border-color: var(--l59-border); color: var(--l59-ink); overflow-wrap: anywhere; min-width: 0; }
body.l59-ui.l59-interior.l59-page-document-api .api-info-item { border-color: var(--l59-border); }
body.l59-ui.l59-interior.l59-page-document-api .nav-pills-custom { gap: 6px; justify-content: flex-start !important; }
body.l59-ui.l59-interior.l59-page-document-api .nav-pills-custom .nav-link { border: 1px solid var(--l59-border); border-radius: 8px; padding: 9px 13px; margin: 0; font-size: 12px; color: var(--l59-muted); }
body.l59-ui.l59-interior.l59-page-document-api .nav-pills-custom .nav-link.active { background: var(--l59-blue); border-color: var(--l59-blue); color: #fff; box-shadow: none; }
body.l59-ui.l59-interior.l59-page-document-api .nav-pills-custom .nav-link:hover:not(.active) { background: var(--l59-blue-soft); color: var(--l59-blue); border-color: var(--l59-border); }
body.l59-ui.l59-interior.l59-page-document-api .parameter-table { box-shadow: none; }
body.l59-ui.l59-interior.l59-page-document-api .parameter-table th { background: var(--l59-surface-soft); color: var(--l59-muted); padding: 13px; }
body.l59-ui.l59-interior.l59-page-document-api .parameter-table td { background: var(--l59-surface); color: var(--l59-ink); border-color: var(--l59-border); padding: 13px; }
body.l59-ui.l59-interior.l59-page-document-api .parameter-table .param-name { background: var(--l59-blue-soft); color: var(--l59-blue); }
body.l59-ui.l59-interior.l59-page-document-api .section-divider { background: var(--l59-border); height: 1px; margin: 23px 0; }
body.l59-ui.l59-interior.l59-page-document-api .code-block { background: #152238; border-color: #2c3d55; border-radius: 10px; padding: 52px 20px 20px; font-size: 12px; box-shadow: none; }
body.l59-ui.l59-interior.l59-page-document-api .code-block::before { content: none; }
body.l59-ui.l59-interior.l59-page-document-api .code-block .copy-btn { top: 12px; right: 12px; min-height: 29px; font-size: 11px; padding: 4px 9px; }
body.l59-ui.l59-interior.l59-page-document-api .api-key-input-group .form-control,
body.l59-ui.l59-interior.l59-page-document-api .api-config-item .form-control { background: var(--l59-surface-soft); border: 1px solid var(--l59-border); color: var(--l59-ink); }
body.l59-ui.l59-interior.l59-page-document-api .api-key-refresh-btn { background: var(--l59-blue); }
body.l59-ui.l59-interior.l59-page-document-api .api-config-table td:first-child { color: var(--l59-muted); }
body.l59-ui.l59-interior.l59-page-document-api .quick-guide-item { background: var(--l59-surface-soft) !important; border: 1px solid var(--l59-border); color: var(--l59-ink); }
body.l59-ui.l59-interior.l59-page-document-api .quick-guide-item:hover { border-color: var(--l59-blue); transform: none; box-shadow: none; }

/* Existing theme preference and sidebar compact/offcanvas controls remain authoritative. */
html[data-bs-theme="dark"] body.l59-ui.l59-interior {
  --l59-page: #111b29;
  --l59-surface: #1a2738;
  --l59-surface-soft: #202e41;
  --l59-border: #2c3d53;
  --l59-ink: #dce8f5;
  --l59-muted: #9aabc1;
  --l59-blue: #60a5fa;
  --l59-blue-hover: #3b82f6;
  --l59-blue-soft: #203e60;
  --vz-link-color: #81bbff !important;
  --vz-link-hover-color: #add4ff !important;
}
html[data-bs-theme="dark"] body.l59-ui.l59-interior .btn-primary { background: #2563eb; border-color: #2563eb; }
html[data-bs-theme="dark"] body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-link { color: #b5c4d7 !important; }
html[data-bs-theme="dark"] body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-link.active { color: #81bbff !important; }
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-topbar-links a { color: #b5c4d7; }
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-topbar-links a.is-active { color: #81bbff; }
html[data-bs-theme="dark"] body.l59-ui.l59-interior.l59-page-profile .profile-wid-bg { background: linear-gradient(110deg, #203e60, #202e41); }
html[data-bs-theme="dark"] body.l59-ui.l59-interior.l59-page-document-api .api-endpoint-card { background: #2563eb; }
html[data-bs-theme="dark"] body.l59-ui.l59-interior.l59-page-document-api .nav-pills-custom .nav-link.active { background: #2563eb; color: #fff; }
@media (min-width: 992px) {
  body.l59-ui.l59-interior .main-content { margin-left: 296px; }
  body.l59-ui.l59-interior .navbar-menu { width: 296px; }
  html[data-sidebar-size="sm"] body.l59-ui.l59-interior .main-content,
  html[data-sidebar-size="sm-hover"] body.l59-ui.l59-interior .main-content { margin-left: 70px; }
  html[data-sidebar-size="sm"] body.l59-ui.l59-interior .navbar-menu,
  html[data-sidebar-size="sm-hover"] body.l59-ui.l59-interior .navbar-menu { width: 70px; }
  html[data-sidebar-size="sm-hover"] body.l59-ui.l59-interior .navbar-menu:hover { width: 296px; }
  html[data-sidebar-size="sm"] body.l59-ui.l59-interior .l59-sidebar-account,
  html[data-sidebar-size="sm-hover"] body.l59-ui.l59-interior .app-menu:not(:hover) .l59-sidebar-account { padding: 9px 0; margin: 0 10px 10px; justify-content: center; gap: 0; }
  html[data-sidebar-size="sm"] body.l59-ui.l59-interior .l59-account-meta,
  html[data-sidebar-size="sm-hover"] body.l59-ui.l59-interior .app-menu:not(:hover) .l59-account-meta { display: none; }
  html[data-sidebar-size="sm"] body.l59-ui.l59-interior .navbar-menu .navbar-nav .menu-link,
  html[data-sidebar-size="sm-hover"] body.l59-ui.l59-interior .app-menu:not(:hover) .navbar-nav .menu-link { margin-right: 7px; margin-left: 7px; padding-right: 12px; padding-left: 12px; }
  html[data-sidebar-size="sm"] body.l59-ui.l59-interior .app-menu #scrollbar,
  html[data-sidebar-size="sm-hover"] body.l59-ui.l59-interior .app-menu:not(:hover) #scrollbar { height: calc(100% - 97px); }
  html[data-sidebar-size="sm"] body.l59-ui.l59-interior .navbar-menu .navbar-nav .menu-link > i,
  html[data-sidebar-size="sm"] body.l59-ui.l59-interior .navbar-menu .navbar-nav .menu-link > .menu-icon,
  html[data-sidebar-size="sm"] body.l59-ui.l59-interior .navbar-menu .navbar-nav .menu-link > .icon-sidebar { margin: 0 !important; }
  body.l59-ui.l59-interior.l59-page-order .container-fluid > .row > .col-xl-7 { width: 66.66666667%; }
  body.l59-ui.l59-interior.l59-page-order .container-fluid > .row > .col-xl-5 { width: 33.33333333%; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  body.l59-ui.l59-interior .l59-topbar-links { left: 230px; right: 180px; gap: 6px; justify-content: flex-start; }
  body.l59-ui.l59-interior .l59-topbar-links a { font-size: 11px; }
}
@media (max-width: 767.98px) {
  body.l59-ui.l59-interior { --l59-header-height: 101px; --vz-header-height: 101px; }
  body.l59-ui.l59-interior #page-topbar .navbar-header { padding: 0 10px; }
  body.l59-ui.l59-interior #topnav-hamburger-icon { padding: 0 10px !important; }
  body.l59-ui.l59-interior .l59-topbar-brand { font-size: 20px; gap: 6px; }
  body.l59-ui.l59-interior .l59-topbar-brand .l59-brand-icon { width: 28px; height: 28px; flex-basis: 28px; font-size: 19px; }
  body.l59-ui.l59-interior .l59-topbar-links { left: 0; right: 0; top: 57px; height: 44px; gap: 11px; padding: 0 15px; border-top: 1px solid var(--l59-border); justify-content: flex-start; background: var(--l59-surface); }
  body.l59-ui.l59-interior .l59-topbar-links a { font-size: 11px; padding: 5px 3px; }
  body.l59-ui.l59-interior .l59-topbar-links a i { font-size: 16px; }
  body.l59-ui.l59-interior #page-topbar .btn-topbar { width: 29px; height: 29px; }
  body.l59-ui.l59-interior #page-topbar .topbar-user { margin-left: 3px !important; }
  body.l59-ui.l59-interior #page-topbar .topbar-user > .btn { padding: 5px 3px; }
  body.l59-ui.l59-interior .page-content { padding-top: calc(var(--l59-header-height) + 18px); }
  body.l59-ui.l59-interior .page-content > .container-fluid { padding: 0 12px; }
  body.l59-ui.l59-interior .main-content { margin-left: 0; }
  body.l59-ui.l59-interior .navbar-menu { width: 296px; }
  body.l59-ui.l59-interior .page-title-box { padding-bottom: 15px; }
  body.l59-ui.l59-interior .page-title-box h4,
  body.l59-ui.l59-interior .l59-view-heading h4 { font-size: 18px; }
  body.l59-ui.l59-interior .card-body { padding: 17px; }
  body.l59-ui.l59-interior .card-header { padding: 15px 17px; }
  body.l59-ui.l59-interior .l59-card-heading { padding: 15px 17px; }
  body.l59-ui.l59-interior .l59-card-heading > h2 { font-size: 14px; }
  body.l59-ui.l59-interior .card-header > .d-flex { flex-wrap: wrap; gap: 10px; }
  body.l59-ui.l59-interior .nav-tabs-custom { gap: 3px; }
  body.l59-ui.l59-interior .nav-tabs-custom .nav-link { padding: 8px 10px; font-size: 11px; }
  body.l59-ui.l59-interior .bulk-action-toolbar.show { bottom: 74px; }
  body.l59-ui.l59-interior.l59-page-profile .profile-wid-bg,
  body.l59-ui.l59-interior.l59-page-profile .profile-wid-img { height: 82px; }
  body.l59-ui.l59-interior.l59-page-document-api .api-info-item { align-items: flex-start; flex-direction: column; gap: 8px; }
  body.l59-ui.l59-interior.l59-page-document-api .api-info-value { margin-left: 0; width: 100%; font-size: 11px; }
  body.l59-ui.l59-interior.l59-page-document-api .nav-pills-custom { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }
  body.l59-ui.l59-interior.l59-page-document-api .nav-pills-custom .nav-link { white-space: nowrap; font-size: 11px; padding: 8px 10px; }
  body.l59-ui.l59-interior.l59-page-document-api .api-config-table td:first-child { min-width: 95px; font-size: 11px; }
  body.l59-ui.l59-interior.l59-page-document-api .code-block { padding: 50px 14px 16px; font-size: 11px; }
  body.l59-ui.l59-interior.l59-page-mass-order #previewCard,
  body.l59-ui.l59-interior.l59-page-mass-order #resultCard { padding: 12px; }
  body.l59-ui.l59-interior .l59-step-label { gap: 5px; }
  body.l59-ui.l59-interior .l59-step-caption { font-size: 11px; }
  body.l59-ui.l59-interior .l59-step-caption > strong { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  body.l59-ui.l59-interior .wallet-card,
  body.l59-ui.l59-interior .quick-guide-item,
  body.l59-ui.l59-interior .create-invoice-btn { transition: none; }
}

/* Larger left-menu typography requested after the interior release.
   The original sidebar width, scroll host and collapse/offcanvas states stay native. */
body.l59-ui .navbar-menu .navbar-nav .nav-link,
body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-link {
  min-height: 46px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}
body.l59-ui .navbar-menu .navbar-nav .nav-sm .nav-link,
body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-sm .nav-link {
  min-height: 44px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}
body.l59-ui .navbar-menu .navbar-nav .nav-link > span:not(.menu-icon) {
  overflow-wrap: anywhere;
  white-space: normal;
}
body.l59-ui .navbar-menu .navbar-nav .menu-link > i,
body.l59-ui .navbar-menu .navbar-nav .menu-link > .menu-icon,
body.l59-ui .navbar-menu .navbar-nav .menu-link > .icon-sidebar,
body.l59-ui.l59-interior .navbar-menu .navbar-nav .menu-link > i,
body.l59-ui.l59-interior .navbar-menu .navbar-nav .menu-link > .menu-icon,
body.l59-ui.l59-interior .navbar-menu .navbar-nav .menu-link > .icon-sidebar {
  width: 26px;
  height: 26px;
  min-width: 26px;
  padding: 4px;
  font-size: 18px;
}
body.l59-ui .navbar-menu .menu-title,
body.l59-ui.l59-interior .navbar-menu .menu-title { font-size: 12px; font-weight: 600; line-height: 1.5; }
body.l59-ui .navbar-menu .l59-account-meta,
body.l59-ui.l59-interior .navbar-menu .l59-account-meta { font-size: 14px; }
body.l59-ui .navbar-menu .l59-account-meta strong,
body.l59-ui.l59-interior .navbar-menu .l59-account-meta strong { font-size: 14px; font-weight: 650; }
body.l59-ui .navbar-menu .l59-account-balance,
body.l59-ui.l59-interior .navbar-menu .l59-account-balance { font-size: 13px; }
@media (max-width: 767.98px) {
  body.l59-ui .navbar-menu .navbar-nav .nav-link,
  body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-link,
  body.l59-ui .navbar-menu .navbar-nav .nav-sm .nav-link,
  body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-sm .nav-link {
    min-height: 44px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 15px;
    font-weight: 600;
  }
}


/* Account presentation 20261006n: existing profile/auth/settings handlers stay native. */
body.l59-ui.l59-interior .l59-account-page .l59-account-layout { --bs-gutter-x: 20px; --bs-gutter-y: 20px; align-items: flex-start; }
body.l59-ui.l59-interior .l59-account-page .l59-account-main,
body.l59-ui.l59-interior .l59-account-page .l59-account-aside { min-width: 0; }
body.l59-ui.l59-interior .l59-account-page .tab-pane { scroll-margin-top: 245px; }
body.l59-ui.l59-interior .l59-account-page .l59-account-information,
body.l59-ui.l59-interior .l59-account-page .l59-account-settings,
body.l59-ui.l59-interior .l59-account-page .l59-account-telegram {
  overflow: hidden; background: #fff; border: 1px solid #e9ebef !important;
  border-radius: 12px; box-shadow: 0 2px 7px rgba(28, 39, 53, .045);
}
body.l59-ui.l59-interior .l59-account-page .card-header {
  padding: 15px 18px; background: #fff; border-bottom: 1px solid #edf0f3;
}
body.l59-ui.l59-interior .l59-account-page .card-header .card-title {
  color: #26313d; font-size: 14px; font-weight: 650; line-height: 1.5;
}
body.l59-ui.l59-interior .l59-account-page .card-header .card-title > i {
  margin-right: 7px; font-size: 18px; vertical-align: -2px;
}
body.l59-ui.l59-interior .l59-account-page .l59-account-heading {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;
}
body.l59-ui.l59-interior .l59-account-page .l59-account-tabs { margin: 0; gap: 3px; border: 0; }
body.l59-ui.l59-interior .l59-account-page .l59-account-tabs .nav-link {
  padding: 6px 9px; border: 0; border-radius: 6px; color: #6b7483; font-size: 11px; font-weight: 550;
}
body.l59-ui.l59-interior .l59-account-page .l59-account-tabs .nav-link::after { display: none; }
body.l59-ui.l59-interior .l59-account-page .l59-account-tabs .nav-link.active {
  background: #edf5ff; color: #2688ef;
}
body.l59-ui.l59-interior .l59-account-page .l59-account-tabs .nav-link:hover { background: #f2f6fb; color: #2688ef; }
body.l59-ui.l59-interior .l59-account-page .l59-account-body,
body.l59-ui.l59-interior .l59-account-page .l59-account-aside .card-body { padding: 18px !important; }
body.l59-ui.l59-interior .l59-account-page .l59-account-identity {
  display: flex; align-items: center; gap: 16px; padding: 17px 15px; margin-bottom: 20px;
  background: #f5f5f6; border-radius: 12px;
}
body.l59-ui.l59-interior .l59-account-page .l59-profile-avatar {
  display: block; flex: 0 0 72px; width: 72px; height: 72px; object-fit: cover;
  border: 1px solid #e8eaed; border-radius: 14px; background: #fff;
}
body.l59-ui.l59-interior .l59-account-page .l59-account-identity-text { min-width: 0; }
body.l59-ui.l59-interior .l59-account-page .l59-account-identity-text h5 {
  margin: 0 0 5px; font-size: 16px; font-weight: 650; color: #29323e; overflow-wrap: anywhere;
}
body.l59-ui.l59-interior .l59-account-page .l59-account-identity-text > span { color: #9aa1ad; font-size: 12px; overflow-wrap: anywhere; }
body.l59-ui.l59-interior .l59-account-page .form-label { margin-bottom: 7px; font-size: 12px; font-weight: 500; color: #374151; }
body.l59-ui.l59-interior .l59-account-page .form-control,
body.l59-ui.l59-interior .l59-account-page .form-select {
  min-height: 40px; background-color: #f8f9fb !important; border: 1px solid #eceef2 !important;
  border-radius: 8px; box-shadow: none; color: #374151; font-size: 13px;
}
body.l59-ui.l59-interior .l59-account-page #profileForm .form-control { min-height: 40px; }
body.l59-ui.l59-interior .l59-account-page .form-control:focus,
body.l59-ui.l59-interior .l59-account-page .form-select:focus { border-color: #348cf2 !important; box-shadow: 0 0 0 3px rgba(52, 140, 242, .09); }
body.l59-ui.l59-interior .l59-account-page .form-control[readonly] { color: #667181; }
body.l59-ui.l59-interior .l59-account-page .l59-account-fields { --bs-gutter-x: 16px; }
body.l59-ui.l59-interior .l59-account-page .l59-field-fullname { order: 1; }
body.l59-ui.l59-interior .l59-account-page .l59-field-phone { order: 2; }
body.l59-ui.l59-interior .l59-account-page .l59-field-email { order: 3; }
body.l59-ui.l59-interior .l59-account-page .l59-field-username { order: 4; }
body.l59-ui.l59-interior .l59-account-page .l59-field-registration { order: 5; }
body.l59-ui.l59-interior .l59-account-page .l59-field-actions { order: 6; margin-top: 5px; }
body.l59-ui.l59-interior .l59-account-page #updateProfileBtn,
body.l59-ui.l59-interior .l59-account-page #changePasswordBtn,
body.l59-ui.l59-interior .l59-account-page #btnChangeSecurity {
  min-height: 39px; padding: 9px 20px; border-color: #318cfc; border-radius: 8px;
  background: #318cfc; color: #fff; font-size: 13px; font-weight: 650;
}
body.l59-ui.l59-interior .l59-account-page .l59-account-settings,
body.l59-ui.l59-interior .l59-account-page .l59-account-telegram { margin-bottom: 18px; }
body.l59-ui.l59-interior .l59-account-page .l59-account-setting-row { display: flex; align-items: stretch; gap: 10px; margin-bottom: 18px; }
body.l59-ui.l59-interior .l59-account-page .l59-account-setting-row .form-select { flex: 1; min-width: 0; padding-right: 28px; }
body.l59-ui.l59-interior .l59-account-page .l59-account-setting-row .form-control { flex: 1; min-width: 0; }
body.l59-ui.l59-interior .l59-account-page .l59-account-setting-icon {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px;
  background: #f5f6f8; border-radius: 7px; color: #a3aab6; font-size: 18px;
}
body.l59-ui.l59-interior .l59-account-page .l59-account-setting-hint { margin: -2px 0 0; font-size: 11px; line-height: 1.6; color: #8a94a4; }
body.l59-ui.l59-interior .l59-account-page .l59-account-telegram-content { display: flex; flex-direction: column; gap: 13px; }
body.l59-ui.l59-interior .l59-account-page .l59-account-telegram-content > .flex-grow-1 {
  padding: 14px; background: #f5f5f6; border-radius: 9px;
}
body.l59-ui.l59-interior .l59-account-page .l59-account-telegram-content .form-check-label { color: #3c4655; font-size: 12px !important; font-weight: 600; }
body.l59-ui.l59-interior .l59-account-page .l59-account-telegram-content .text-muted { margin: 5px 0 0; color: #9099a8 !important; font-size: 11px; line-height: 1.6; }
body.l59-ui.l59-interior .l59-account-page #btnLinkTelegram { width: 100%; min-height: 40px; border-radius: 8px; font-size: 12px; font-weight: 650; background: #318cfc; border-color: #318cfc; }
body.l59-ui.l59-interior .l59-account-page .l59-account-telegram-save { display: inline-flex; align-items: center; gap: 5px; margin-top: 12px; padding: 0; border: 0; background: transparent; color: #6b89ad; font-size: 11px; line-height: 1.6; text-align: left; }
body.l59-ui.l59-interior .l59-account-page .l59-account-telegram-save:hover { color: #2688ef; text-decoration: underline; }
body.l59-ui.l59-interior .l59-account-page #security .list-unstyled > li { gap: 12px; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #edf0f3; }
body.l59-ui.l59-interior .l59-account-page #security .list-unstyled > li .text-muted { font-size: 12px; line-height: 1.6; margin: 5px 0 0; }
body.l59-ui.l59-interior .l59-account-page .l59-account-overview { border: 1px solid #e9ebef; border-radius: 12px; background: #fff; overflow: hidden; }
body.l59-ui.l59-interior .l59-account-page .l59-account-overview > summary { padding: 15px 18px; color: #526071; cursor: pointer; font-size: 12px; font-weight: 600; }
body.l59-ui.l59-interior .l59-account-page .l59-account-overview > summary > i { margin-right: 5px; }
body.l59-ui.l59-interior .l59-account-page .l59-account-overview-body { padding: 0 12px 12px; }
body.l59-ui.l59-interior .l59-account-page .l59-account-overview-body > .card { margin-bottom: 0 !important; }
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .l59-account-information,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .l59-account-settings,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .l59-account-telegram,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .l59-account-overview { background: #202d40; border-color: #344259 !important; }
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .card-header { background: #202d40; border-color: #344259; }
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .card-header .card-title,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .l59-account-identity-text h5,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .form-label,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .l59-account-overview > summary,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .l59-account-telegram-content .form-check-label { color: #d9e3f3; }
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .l59-account-identity,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .l59-account-setting-icon,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .l59-account-telegram-content > .flex-grow-1 { background: #26374d; }
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .form-control,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .l59-account-page .form-select { background-color: #26374d !important; color: #d9e3f3; border-color: #344259 !important; }
@media (max-width: 991.98px) {
  body.l59-ui.l59-interior .l59-account-page .l59-account-heading { align-items: flex-start; }
  body.l59-ui.l59-interior .l59-account-page .l59-account-aside { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; }
  body.l59-ui.l59-interior .l59-account-page .l59-account-aside > .card { margin: 0; }
  body.l59-ui.l59-interior .l59-account-page .l59-account-overview { grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
  body.l59-ui.l59-interior .l59-account-page .l59-account-heading { flex-direction: column; gap: 12px; }
  body.l59-ui.l59-interior .l59-account-page .l59-account-tabs { width: 100%; }
  body.l59-ui.l59-interior .l59-account-page .l59-account-tabs .nav-link { font-size: 10px; padding: 7px 8px; }
  body.l59-ui.l59-interior .l59-account-page .l59-account-body,
  body.l59-ui.l59-interior .l59-account-page .l59-account-aside .card-body { padding: 15px !important; }
  body.l59-ui.l59-interior .l59-account-page .l59-account-identity { padding: 13px; gap: 12px; }
  body.l59-ui.l59-interior .l59-account-page .l59-profile-avatar { width: 62px; height: 62px; flex-basis: 62px; }
  body.l59-ui.l59-interior .l59-account-page .l59-account-aside { display: flex; flex-direction: column; gap: 18px; }
  body.l59-ui.l59-interior .l59-account-page .l59-account-aside > * { width: 100%; }
  body.l59-ui.l59-interior .l59-account-page #security .list-unstyled > li { flex-wrap: wrap; }
  body.l59-ui.l59-interior .l59-account-page #security .list-unstyled > li > .flex-grow-1 { flex-basis: 100%; }
  body.l59-ui.l59-interior .l59-account-page #changePassword .d-flex.align-items-center.mb-3 { gap: 10px; flex-wrap: wrap; }
}


/* 20261006n: stronger left-menu text, matching the reference contrast.
   Append after existing dashboard rules. Only colour/weight change:
   16px desktop / 15px mobile sizing, icons, layout and collapse stay native. */
body.l59-ui .navbar-menu {
  --l59-sidebar-label: #273142;
  --l59-sidebar-secondary: #596578;
}
body.l59-ui .navbar-menu .navbar-nav .nav-link,
body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-link,
body.l59-ui .navbar-menu .navbar-nav .nav-sm .nav-link,
body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-sm .nav-link {
  color: var(--l59-sidebar-label) !important;
  font-weight: 700;
}
body.l59-ui .navbar-menu .navbar-nav .nav-link:is(.active, [aria-expanded="true"], :hover, :focus-visible),
body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-link:is(.active, [aria-expanded="true"], :hover, :focus-visible),
body.l59-ui .navbar-menu .navbar-nav .nav-sm .nav-link:is(.active, [aria-expanded="true"], :hover, :focus-visible),
body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-sm .nav-link:is(.active, [aria-expanded="true"], :hover, :focus-visible) {
  color: var(--l59-blue) !important;
}
body.l59-ui .navbar-menu .menu-title,
body.l59-ui.l59-interior .navbar-menu .menu-title {
  color: var(--l59-sidebar-secondary) !important;
  font-weight: 700;
}
body.l59-ui .navbar-menu .l59-account-meta,
body.l59-ui.l59-interior .navbar-menu .l59-account-meta,
body.l59-ui .navbar-menu .l59-account-meta strong,
body.l59-ui.l59-interior .navbar-menu .l59-account-meta strong {
  color: var(--l59-sidebar-label);
  font-weight: 700;
}
body.l59-ui .navbar-menu .l59-account-meta small,
body.l59-ui.l59-interior .navbar-menu .l59-account-meta small {
  color: var(--l59-sidebar-secondary);
  font-weight: 500;
}
body.l59-ui .navbar-menu .l59-account-balance,
body.l59-ui.l59-interior .navbar-menu .l59-account-balance {
  font-weight: 700;
}
html[data-bs-theme="dark"] body.l59-ui .navbar-menu {
  --l59-sidebar-label: #dce8f5;
  --l59-sidebar-secondary: #adbed3;
}
html[data-bs-theme="dark"] body.l59-ui .navbar-menu .navbar-nav .nav-link,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-link,
html[data-bs-theme="dark"] body.l59-ui .navbar-menu .navbar-nav .nav-sm .nav-link,
html[data-bs-theme="dark"] body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-sm .nav-link {
  color: var(--l59-sidebar-label) !important;
}
html[data-bs-theme="dark"] body.l59-ui .navbar-menu .navbar-nav .nav-link:is(.active, [aria-expanded="true"], :hover, :focus-visible),
html[data-bs-theme="dark"] body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-link:is(.active, [aria-expanded="true"], :hover, :focus-visible),
html[data-bs-theme="dark"] body.l59-ui .navbar-menu .navbar-nav .nav-sm .nav-link:is(.active, [aria-expanded="true"], :hover, :focus-visible),
html[data-bs-theme="dark"] body.l59-ui.l59-interior .navbar-menu .navbar-nav .nav-sm .nav-link:is(.active, [aria-expanded="true"], :hover, :focus-visible) {
  color: #81bbff !important;
}