:root {
  --sn-bg: #090923;
  --sn-bg-soft: #121231;
  --sn-panel: #1c1a3d;
  --sn-panel-2: #26234f;
  --sn-line: rgba(255,255,255,.09);
  --sn-text: #ffffff;
  --sn-muted: #b9b7d8;
  --sn-orange: #ff850f;
  --sn-orange-2: #ff5f15;
  --sn-pink: #ff4aa3;
  --sn-blue: #45c8ff;
}

html,
.body {
  background:
    radial-gradient(circle at 20% 5%, rgba(255,133,15,.16), transparent 30%),
    radial-gradient(circle at 85% 10%, rgba(69,200,255,.11), transparent 26%),
    linear-gradient(135deg, var(--sn-bg), #11112d 52%, #08081c);
  color: var(--sn-text);
}

.body .wrapper-sidebar-navbar,
.body .wrapper-content,
.body .wrapper-content__body,
.body .container,
.body .container-fluid {
  background: transparent !important;
}

.body .component_private_sidebar,
.body .component-sidebar,
.body .sidebar-block__left,
.body .component-sidebar__menu {
  background: linear-gradient(180deg, #25234d 0%, #1a1939 52%, #151432 100%) !important;
  border-right: 1px solid var(--sn-line);
}

.body .component-sidebar__menu-logo,
.body .sidebar-block__top-brand {
  background: transparent !important;
}

.body .component-sidebar__menu-link,
.body .component-navbar-nav-link__navbar-private,
.body .component-navbar-nav-link__navbar-public {
  color: #f6f5ff !important;
  border-radius: 12px;
}

.body .component-sidebar__menu-item-link,
.body .component-navbar-nav-link__navbar-private {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.body .sidebar-block__menu-item-icon,
.body .component-navbar-nav-link-icon {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ff850f !important;
  font-size: 15px !important;
}

.body .sidebar-block__menu-item-icon span,
.body .component-navbar-nav-link-icon span {
  display: none !important;
}

.body .sidebar-block__menu-item-icon i,
.body .component-navbar-nav-link-icon i {
  display: inline-block !important;
  color: #ff850f !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.body .sn-sidebar-logout-link {
  margin-top: 8px !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  padding-top: 8px !important;
}

.body .sn-sidebar-logout-link .component-sidebar__menu-item-link {
  color: #ffd7c5 !important;
}

.body .component-sidebar__menu-link:hover,
.body .component-sidebar__menu-link-active,
.body .component-navbar-nav-link-active__navbar-private,
.body .component-navbar-nav-link-active__navbar-public {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(255,133,15,.24), rgba(255,74,163,.14)) !important;
}

.body .component-navbar-private,
.body .component-navbar-public,
.body .component-navbar-private__wrapper,
.body .component-navbar-public__wrapper {
  background: rgba(11, 11, 36, .92) !important;
  border-bottom: 1px solid var(--sn-line);
  box-shadow: 0 10px 35px rgba(0,0,0,.2) !important;
}

.body .card,
.body .component_card,
.body .component_form_group,
.body .new_order-block,
.body .add-funds__form,
.body .tickets__block,
.body .orders-history__table,
.body .services-list__table {
  background: linear-gradient(180deg, rgba(38,35,79,.96), rgba(24,23,55,.96)) !important;
  border: 1px solid var(--sn-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.28) !important;
  color: var(--sn-text) !important;
}

.body .form-control,
.body .select2-container--default .select2-selection--single,
.body textarea,
.body select {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #fff !important;
  border-radius: 12px !important;
  min-height: 48px;
}

.body .form-control::placeholder {
  color: rgba(255,255,255,.52) !important;
}

.body .select2-container--default .select2-selection--single .select2-selection__rendered,
.body .select2-results__option,
.body .select2-results__option a {
  color: #fff !important;
}

.body .select2-dropdown,
.body .select2-results,
.body .select2-container--default .select2-results > .select2-results__options {
  background: #171638 !important;
  border-color: var(--sn-line) !important;
}

.body .btn-big-primary,
.body .btn-actions,
.body .btn-primary,
.body button[type="submit"] {
  color: #fff !important;
  background: linear-gradient(135deg, var(--sn-orange), var(--sn-orange-2)) !important;
  border: 0 !important;
  border-radius: 13px !important;
  box-shadow: 0 12px 24px rgba(255, 133, 15, .25) !important;
}

.body .btn-big-secondary,
.body .btn-secondary {
  color: #fff !important;
  background: rgba(255,255,255,.11) !important;
  border: 1px solid var(--sn-line) !important;
  border-radius: 13px !important;
}

.body h1,
.body h2,
.body h3,
.body h4,
.body h5,
.body h6,
.body label,
.body .control-label,
.body .totals-block__count-value,
.body .totals-block__card-name p {
  color: #fff !important;
}

.body p,
.body small,
.body .text-muted,
.body .panel-description,
.body .news-content {
  color: var(--sn-muted) !important;
}

.body .style-text-primary,
.body a {
  color: var(--sn-orange) !important;
}

.body .totals-block__icon-preview {
  background: linear-gradient(135deg, rgba(255,133,15,.2), rgba(69,200,255,.12)) !important;
  border: 1px solid rgba(255,133,15,.32) !important;
  border-radius: 18px !important;
}

.sn-social-block {
  max-width: 1120px;
  margin: 8px auto 20px;
  position: relative !important;
  z-index: 80 !important;
  pointer-events: auto !important;
}

.sn-social-title {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 12px;
}

.sn-social-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 10px;
  position: relative !important;
  z-index: 81 !important;
  pointer-events: auto !important;
}

.sn-chip {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 10px 12px;
  color: #fff;
  font-weight: 700;
  background: rgba(255,255,255,.10);
  border: 1px solid var(--sn-line);
  border-radius: 12px;
  cursor: pointer;
  position: relative !important;
  z-index: 82 !important;
  pointer-events: auto !important;
  user-select: none;
}

.sn-chip.active {
  background: linear-gradient(135deg, var(--sn-orange), var(--sn-orange-2));
  box-shadow: 0 12px 24px rgba(255, 133, 15, .25);
}

#block_93 .bg,
#block_93 .divider-top,
#block_93 .divider-bottom,
.new_order-block .bg,
.new_order-block .divider-top,
.new_order-block .divider-bottom {
  pointer-events: none !important;
}

.body .alert-success {
  color: #baf7d8 !important;
  background: rgba(38, 162, 94, .18) !important;
}

.body .alert-danger {
  color: #ffd0c4 !important;
  background: rgba(255, 95, 21, .18) !important;
}

@media (max-width: 991px) {
  .sn-social-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sn-social-title {
    font-size: 20px;
  }
}

/* Correction lisibilite StarneetDark: menus blancs, select et blocs dashboard. */
.body select,
.body select.form-control,
.body select option,
.body select optgroup {
  background: #171638 !important;
  color: #ffffff !important;
}

.body select option:checked,
.body select option:hover {
  background: #ff850f !important;
  color: #ffffff !important;
}

.select2-container,
.select2-container * {
  color: #ffffff !important;
}

.select2-container--default .select2-dropdown,
.select2-container--default .select2-results,
.select2-container--default .select2-results__options,
.select2-container--default .select2-results__option {
  background: #171638 !important;
  color: #ffffff !important;
}

.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option[aria-selected=true] {
  background: linear-gradient(135deg, #ff850f, #ff5f15) !important;
  color: #ffffff !important;
}

.body .style-bg-light,
.body .bg-light,
.body .well,
.body .dropdown-menu,
.body .table,
.body table,
.body thead,
.body tbody,
.body tr,
.body td,
.body th {
  background-color: #1b1a3d !important;
  color: #ffffff !important;
}

.body .dropdown-menu a,
.body .dropdown-menu li > a {
  color: #ffffff !important;
}

.body .dropdown-menu a:hover,
.body .dropdown-menu li > a:hover {
  background: rgba(255, 133, 15, .18) !important;
  color: #ffffff !important;
}

.body .table > tbody > tr > td,
.body .table > thead > tr > th,
.body table td,
.body table th {
  border-color: rgba(255,255,255,.09) !important;
  color: #ffffff !important;
}

.body .totals-block__card,
.body .totals-block__card-left,
.body .totals-block__card-right,
.body .component_card .totals-block,
.body [class*="totals-block"] {
  color: #ffffff !important;
}

.body .totals-block__card {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid var(--sn-line) !important;
  border-radius: 16px !important;
}

.body .totals-block__count,
.body .totals-block__count-value,
.body .totals-block__count-label,
.body .totals-block__card-name,
.body .totals-block__card-name p,
.body .statistics-block,
.body .statistics-block__item {
  background: transparent !important;
  color: #ffffff !important;
}

.body .component-sidebar__menu-link-active,
.body .component-sidebar__menu-link-active *,
.body .component-sidebar__menu-link:hover,
.body .component-sidebar__menu-link:hover * {
  color: #ffffff !important;
}

.body .balance-dropdown__name,
.body .balance-dropdown__name *,
.body .component-navbar-private .dropdown-toggle,
.body .component-navbar-private .dropdown-toggle * {
  color: #ffffff !important;
}

.body .form-group input:read-only,
.body .form-group input:disabled,
.body .form-control:disabled,
.body .form-control[readonly] {
  opacity: 1 !important;
  color: rgba(255,255,255,.72) !important;
  background: rgba(255,255,255,.07) !important;
}

/* Correction layout: garder le vrai menu lateral et retirer la barre horizontale privee qui bloque les clics. */
@media (min-width: 992px) {
  .body #block_82 > span.component_private_navbar {
    display: none !important;
  }

  .body #block_82 > span.component_private_sidebar {
    display: block !important;
  }

  .body .component-sidebar_wrapper,
  .body .sidebar-block__left {
    width: 248px !important;
    min-width: 248px !important;
  }

  .body .sidebar-block__left {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 30 !important;
    overflow-y: auto !important;
    padding: 22px 16px !important;
  }

  .body .wrapper-sidebar-navbar .wrapper-content {
    margin-left: 248px !important;
    width: calc(100% - 248px) !important;
    padding-top: 0 !important;
  }

  .body .component-sidebar__menu-logo {
    margin-bottom: 26px !important;
    padding-left: 8px !important;
  }
}

.body .component-sidebar__menu {
  padding: 0 !important;
  margin: 0 !important;
}

.body .component-sidebar__menu-item,
.body .component-sidebar__menu li {
  list-style: none !important;
  margin: 5px 0 !important;
}

.body .component-sidebar__menu-item-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  color: #f7f5ff !important;
  background: transparent !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.body .component-sidebar__menu-item-active .component-sidebar__menu-item-link,
.body .component-sidebar__menu-item-link:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #ff850f, #ff6a19) !important;
  box-shadow: 0 12px 26px rgba(255, 133, 15, .25) !important;
}

.body .component-sidebar__menu-item-link .sidebar-block__menu-item-icon,
.body .component-sidebar__menu-item-link span {
  color: inherit !important;
}

/* Page tableau de bord: eviter les rectangles blancs dans les cartes de statistiques. */
.body .totals-block__card-right,
.body .totals-block__count,
.body .totals-block__count-value,
.body .totals-block__card-name,
.body .totals-block__card-name p {
  background: transparent !important;
  color: #ffffff !important;
}

.body .totals-block__card {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px !important;
  min-height: 88px !important;
}

.body .totals-block__card-right {
  min-width: 0 !important;
  flex: 1 !important;
}

/* Page publique: retirer le bandeau defilant casse et rendre l'accueil plus professionnel. */
.body > marquee {
  display: none !important;
}

.body .block-signin-text__block-text-title h1 {
  color: #ffffff !important;
  font-size: clamp(32px, 4vw, 56px) !important;
  line-height: 1.08 !important;
  text-align: left !important;
  max-width: 720px !important;
}

.body .block-signin-text__block-text-description,
.body .block-signin-text__block-text-description * {
  color: #d8d5ff !important;
  text-align: left !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

.body .block-signin-text .container {
  padding-top: 28px !important;
  padding-bottom: 42px !important;
}

.body .sign-in__forgot a,
.body .block-signin-text__sign-up-link {
  color: #ff9b42 !important;
}

.body .features-block__card {
  padding: 20px !important;
}

@media (max-width: 991px) {
  .body .wrapper-sidebar-navbar .wrapper-content {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .body .block-signin-text__block-text-title h1,
  .body .block-signin-text__block-text-description,
  .body .block-signin-text__block-text-description * {
    text-align: center !important;
  }
}

/* Correction 2026-05-21: menu, mobile et cartes statistiques. */
.body #block_82 > span.component_private_navbar {
  display: none !important;
}

.body #block_82 > span.component_private_sidebar {
  display: block !important;
}

.body .totals-block__count-value,
.body .totals-block__card-name,
.body .totals-block__card-name p {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.25 !important;
}

.body .totals-block__count-value {
  font-size: 22px !important;
  font-weight: 800 !important;
}

.body .totals-block__card-name p {
  font-size: 13px !important;
  margin: 0 !important;
}

@media (min-width: 992px) {
  .body .component-sidebar_wrapper {
    width: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
  }

  .body .sidebar-block__left {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 248px !important;
    min-width: 248px !important;
    height: 100vh !important;
    overflow-y: auto !important;
    z-index: 1000 !important;
  }

  .body .wrapper-sidebar-navbar .wrapper-content {
    margin-left: 248px !important;
    width: calc(100% - 248px) !important;
    max-width: calc(100% - 248px) !important;
  }

  .body .component-sidebar__menu-logo {
    padding: 22px 18px 18px !important;
    text-align: center !important;
  }

  .body .component-sidebar__menu-logo img {
    max-width: 138px !important;
    height: auto !important;
  }

  .body #block_93 .row.align-items-stretch {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(170px, 1fr)) !important;
    gap: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .body #block_93 .row.align-items-stretch > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
  }

  .body #block_93 .totals-block__card {
    min-width: 0 !important;
    width: 100% !important;
  }

  .body #block_93 .totals-block__card-left {
    flex: 0 0 74px !important;
    width: 74px !important;
  }

  .body #block_93 .totals-block__card-right {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .32) !important;
    padding-left: 14px !important;
  }
}

@media (max-width: 991px) {
  .body .component-sidebar_wrapper,
  .body .sidebar-block__left {
    position: relative !important;
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .body .sidebar-block__left {
    padding: 10px 8px 14px !important;
  }

  .body .component-sidebar__menu-logo {
    padding: 8px 0 12px !important;
    text-align: left !important;
  }

  .body .component-sidebar__menu-logo img {
    max-width: 92px !important;
    height: auto !important;
  }

  .body .component-sidebar__menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .body .component-sidebar__menu-item {
    margin: 0 !important;
  }

  .body .component-sidebar__menu-item-link {
    min-height: 36px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }

  .body #block_93 .row.align-items-stretch {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .body #block_93 .row.align-items-stretch > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
  }

  .body #block_93 .totals-block__card {
    min-height: 76px !important;
    padding: 10px !important;
    gap: 10px !important;
  }

  .body #block_93 .totals-block__card-left {
    flex: 0 0 54px !important;
    width: 54px !important;
  }

  .body #block_93 .totals-block__card-right {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    border-left: 1px solid rgba(255, 255, 255, .32) !important;
    padding-left: 10px !important;
  }

  .body .totals-block__count-value {
    font-size: 17px !important;
  }

  .body .totals-block__card-name p {
    font-size: 11px !important;
  }
}

/* Correction mobile 2026-05-21: montant lisible et suppression des points verts. */
.body canvas,
.body #particles-js,
.body .particles-js-canvas-el,
.body .snow,
.body .snowflake,
.body .snowflakes,
.body .falling,
.body .confetti,
.body [class*="particle"],
.body [id*="particle"],
.body [class*="snow"],
.body [id*="snow"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 640px) {
  .body #block_93 .row.align-items-stretch {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .body #block_93 .totals-block__card {
    min-height: 72px !important;
    padding: 10px 12px !important;
  }

  .body #block_93 .totals-block__card-left {
    flex: 0 0 58px !important;
    width: 58px !important;
  }

  .body #block_93 .totals-block__card-right {
    display: block !important;
    min-width: 0 !important;
    padding-left: 12px !important;
  }

  .body #block_93 .totals-block__count,
  .body #block_93 .totals-block__count-value {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  .body #block_93 .totals-block__card-name,
  .body #block_93 .totals-block__card-name p {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }
}

/* Starneet Pay waiting state */
.body .starneet-pay-waiting {
  align-items: center;
  gap: 14px;
  margin: 12px 0;
  padding: 14px 16px;
  border: 1px solid rgba(34, 211, 238, .38);
  border-radius: 16px;
  background: rgba(12, 25, 48, .86);
  color: #eef8ff;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .24);
}
.body .starneet-pay-waiting[style*="block"] { display: flex !important; }
.body .starneet-pay-waiting p { margin: 4px 0 0; color: rgba(238, 248, 255, .82); }
.body .starneet-pay-spinner,
.body .starneet-pay-button-spinner {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, .22);
  border-top-color: #22d3ee;
  animation: starneetPaySpin .9s linear infinite;
  flex: 0 0 auto;
}
.body .starneet-pay-button-spinner { display: inline-block; width: 16px; height: 16px; border-width: 2px; margin-right: 8px; vertical-align: -3px; }
.body .starneet-pay-loading { opacity: .86; cursor: wait !important; }
@keyframes starneetPaySpin { to { transform: rotate(360deg); } }
/* Mobile sidebar grid fix 2026-05-23 v3: reliable menu on phones. */
@media (max-width: 991px) {
  html, body.body {
    overflow-x: hidden !important;
  }

  .body .wrapper-sidebar-navbar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .body #block_82,
  .body #block_82.component_private_navbar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1200 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .body #block_82 > span.component_private_navbar,
  .body #block_82 span.component_private_navbar:not(.component_private_sidebar):first-child {
    display: none !important;
  }

  .body #block_82 > span.component_private_sidebar,
  .body #block_82 span.component_private_sidebar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  .body #block_82 .component-sidebar_wrapper,
  .body #block_82 .sidebar-block__left,
  .body #block_82 .component-sidebar,
  .body #block_82 .sidebar-block__left.component_private_navbar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    float: none !important;
    padding: 12px 10px 14px !important;
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(9, 12, 34, .99), rgba(19, 18, 55, .99)) !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.24) !important;
  }

  .body #block_82 .component-sidebar__menu-logo {
    display: block !important;
    width: 100% !important;
    padding: 0 0 10px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .body #block_82 .component-sidebar__menu-logo img {
    display: inline-block !important;
    max-width: 88px !important;
    height: auto !important;
  }

  .body #block_82 .component-sidebar__menu,
  .body #block_82 .sidebar-block__left-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    list-style: none !important;
  }

  .body #block_82 .component-sidebar__menu > li,
  .body #block_82 .component-sidebar__menu-item,
  .body #block_82 .component-sidebar__menu li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
  }

  .body #block_82 .component-sidebar__menu-item-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 11px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    text-decoration: none !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    box-shadow: none !important;
  }

  .body #block_82 .component-sidebar__menu-item-active .component-sidebar__menu-item-link,
  .body #block_82 .component-sidebar__menu-item-link:active,
  .body #block_82 .component-sidebar__menu-item-link:hover {
    background: linear-gradient(135deg, #22d3ee 0%, #2563eb 52%, #a855f7 100%) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.22) !important;
    box-shadow: 0 12px 26px rgba(34, 211, 238, .20) !important;
  }

  .body #block_82 .sidebar-block__menu-item-icon,
  .body #block_82 .sidebar-block__menu-item-icon i,
  .body #block_82 .component-navbar-nav-link-icon,
  .body #block_82 .component-navbar-nav-link-icon span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    min-width: 16px !important;
    color: inherit !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  .body #block_82 .sn-sidebar-account-link,
  .body #block_82 .sn-sidebar-logout-link {
    display: block !important;
    visibility: visible !important;
  }

  .body #block_82 .sn-sidebar-account-link .component-sidebar__menu-item-link {
    background: rgba(34, 211, 238, .13) !important;
  }

  .body #block_82 .sn-sidebar-logout-link .component-sidebar__menu-item-link {
    background: rgba(255, 95, 21, .18) !important;
    border-color: rgba(255, 133, 15, .35) !important;
    color: #fff !important;
  }

  .body .wrapper-sidebar-navbar .wrapper-content,
  .body .wrapper-content {
    display: block !important;
    position: relative !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .body #block_93,
  .body .wrapper-content__body,
  .body .container-fluid,
  .body .container {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 420px) {
  .body #block_82 .component-sidebar__menu,
  .body #block_82 .sidebar-block__left-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .body #block_82 .component-sidebar__menu-item-link {
    min-height: 40px !important;
    padding: 8px 8px !important;
    font-size: 10.5px !important;
    border-radius: 10px !important;
  }

  .body #block_82 .component-sidebar__menu-logo img {
    max-width: 74px !important;
  }
}


/* Starneet ticket dropdown fix 2026-05-24 */
select.form-control,
.ticket-form select.form-control,
#subject.form-control {
  display: block !important;
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 12px 16px !important;
  background: #151332 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 12px !important;
  opacity: 1 !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  z-index: 20 !important;
}
select.form-control option,
#subject option {
  background: #151332 !important;
  color: #ffffff !important;
}
.select2-container,
.select2-container--default,
.select2-dropdown {
  z-index: 999999 !important;
}
.select2-container--default .select2-selection--single {
  min-height: 48px !important;
  background: #151332 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 12px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ffffff !important;
  line-height: 48px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
}
.select2-dropdown,
.select2-results__option {
  background: #151332 !important;
  color: #ffffff !important;
}
.select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #ff6b12 !important;
  color: #ffffff !important;
}