/* Panel dark skin — Cursor-like neutral gray */
html.l2r-skin-dark,
html.l2r-skin-dark body,
body.l2r-skin-dark {
  --l2r-bg: #1e1e1e;
  --l2r-bg2: #252526;
  --l2r-bg3: #2d2d2d;
  --l2r-border: #3c3c3c;
  --l2r-text: #cccccc;
  --l2r-muted: #9d9d9d;
  --l2r-strong: #e5e5e5;
  --l2r-green: #3d5c45;
  --l2r-green-text: #c8e0cc;
  --l2r-green-border: #4a6b53;
  background-color: var(--l2r-bg) !important;
  color: var(--l2r-text);
  min-height: 100%;
}

#page-container.l2r-skin-dark {
  --l2r-bg: #1e1e1e;
  --l2r-bg2: #252526;
  --l2r-bg3: #2d2d2d;
  --l2r-border: #3c3c3c;
  --l2r-text: #cccccc;
  --l2r-muted: #9d9d9d;
  --l2r-strong: #e5e5e5;
  /* AdminUi variables (override light defaults) */
  --l2r-lbl: #b0b0b0;
  --l2r-sec-bg: #2a2a2b;
  --l2r-sec-br: #3c3c3c;
  --l2r-sec-title: #e0e0e0;
  --l2r-sec-login: #2a3038;
  --l2r-sec-login-br: #3d4a5c;
  --l2r-sec-game: #2a322c;
  --l2r-sec-game-br: #3d5244;
  --l2r-card: #2d2d2d;
  --l2r-soft: #2a2a2b;
  --l2r-pane: #252526;
  --l2r-meta: #9d9d9d;
  --l2r-ink: #e5e5e5;
  --l2r-line: #3c3c3c;
  --l2r-act: #3c3c3c;
  --l2r-ticket-on: #2a2d32;
  --l2r-staff: #2a3340;
  --l2r-staff-br: #3d4f66;
  --l2r-head-grad: #323233;
  --l2r-head-grad-h: #383839;
  background-color: var(--l2r-bg) !important;
  color: var(--l2r-text);
  min-height: 100vh;
}

/* Propagate admin vars into content wrappers */
#page-container.l2r-skin-dark .l2r-admin {
  --l2r-lbl: #b0b0b0;
  --l2r-sec-bg: #2a2a2b;
  --l2r-sec-br: #3c3c3c;
  --l2r-sec-title: #e0e0e0;
  --l2r-sec-login: #2a3038;
  --l2r-sec-login-br: #3d4a5c;
  --l2r-sec-game: #2a322c;
  --l2r-sec-game-br: #3d5244;
  --l2r-card: #2d2d2d;
  --l2r-soft: #2a2a2b;
  --l2r-pane: #252526;
  --l2r-meta: #9d9d9d;
  --l2r-ink: #e5e5e5;
  --l2r-line: #3c3c3c;
  --l2r-act: #3c3c3c;
  --l2r-ticket-on: #2a2d32;
  --l2r-staff: #2a3340;
  --l2r-staff-br: #3d4f66;
  --l2r-head-grad: #323233;
  --l2r-head-grad-h: #383839;
  color: var(--l2r-text);
}

@media (min-width: 992px) {
  #page-container.l2r-skin-dark.page-header-modern #page-header {
    background-color: var(--l2r-bg2) !important;
    box-shadow: none !important;
  }
  #page-container.l2r-skin-dark.page-header-modern #sidebar {
    box-shadow: none !important;
  }
}

#page-container.l2r-skin-dark,
#page-container.l2r-skin-dark #main-container,
#page-container.l2r-skin-dark .content {
  background-color: var(--l2r-bg) !important;
  color: var(--l2r-text);
}

#page-container.l2r-skin-dark #sidebar,
#page-container.l2r-skin-dark #sidebar .sidebar-content,
#page-container.l2r-skin-dark.sidebar-inverse #sidebar {
  background-color: var(--l2r-bg2) !important;
  box-shadow: none !important;
}

#page-container.l2r-skin-dark #sidebar .content-header,
#page-container.l2r-skin-dark #sidebar .content-side {
  background-color: transparent !important;
}

#page-container.l2r-skin-dark #sidebar a,
#page-container.l2r-skin-dark #sidebar .nav-main a,
#page-container.l2r-skin-dark #sidebar .font-size-xl,
#page-container.l2r-skin-dark #sidebar .text-dual-primary-dark,
#page-container.l2r-skin-dark #sidebar .text-primary {
  color: var(--l2r-strong) !important;
}

#page-container.l2r-skin-dark #sidebar .nav-main a:hover,
#page-container.l2r-skin-dark #sidebar .nav-main a.active,
#page-container.l2r-skin-dark #sidebar .nav-main li.open > a {
  background-color: #2a2d2e !important;
  color: #ffffff !important;
}

/* Submenu highlights must bleed past ul padding (otherwise left gap) */
#page-container.l2r-skin-dark #sidebar .nav-main ul a:hover,
#page-container.l2r-skin-dark #sidebar .nav-main ul a:focus,
#page-container.l2r-skin-dark #sidebar .nav-main ul a.active,
#page-container.l2r-skin-dark #sidebar .nav-main ul li.open > a {
  margin-left: -40px !important;
  padding-left: 40px !important;
  padding-right: 18px !important;
  width: calc(100% + 40px);
  box-sizing: border-box;
}

#page-container.l2r-skin-dark #sidebar .nav-main ul ul a:hover,
#page-container.l2r-skin-dark #sidebar .nav-main ul ul a:focus,
#page-container.l2r-skin-dark #sidebar .nav-main ul ul a.active {
  margin-left: -52px !important;
  padding-left: 52px !important;
  width: calc(100% + 52px);
}

#page-container.l2r-skin-dark #sidebar .nav-main a i,
#page-container.l2r-skin-dark #sidebar .nav-main a.active i {
  color: var(--l2r-muted) !important;
}

/* Server picker — muted green, not neon */
#page-container.l2r-skin-dark .btn-alt-success,
#page-container.l2r-skin-dark .btn-success,
#page-container.l2r-skin-dark .btn-outline-success {
  background-color: var(--l2r-green) !important;
  border-color: var(--l2r-green-border) !important;
  color: var(--l2r-green-text) !important;
}

#page-container.l2r-skin-dark .btn-alt-success:hover,
#page-container.l2r-skin-dark .btn-success:hover,
#page-container.l2r-skin-dark .btn-outline-success:hover,
#page-container.l2r-skin-dark .show > .btn-alt-success.dropdown-toggle,
#page-container.l2r-skin-dark .btn-alt-success:not(:disabled):not(.disabled).active {
  background-color: #4a6b52 !important;
  border-color: #5a7d62 !important;
  color: #e8f2ea !important;
}

/* Dropdown menus (server list, user menu) */
#page-container.l2r-skin-dark .dropdown-menu {
  background-color: var(--l2r-bg3) !important;
  border: 1px solid var(--l2r-border) !important;
  color: var(--l2r-text) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

#page-container.l2r-skin-dark .dropdown-item {
  color: var(--l2r-text) !important;
}

#page-container.l2r-skin-dark .dropdown-item:hover,
#page-container.l2r-skin-dark .dropdown-item:focus,
#page-container.l2r-skin-dark .dropdown-item.active,
#page-container.l2r-skin-dark .dropdown-item:active {
  background-color: #3a3a3c !important;
  color: #ffffff !important;
}

#page-container.l2r-skin-dark .dropdown-header {
  color: var(--l2r-strong) !important;
}

#page-container.l2r-skin-dark .dropdown-divider {
  border-top-color: var(--l2r-border) !important;
}

#page-container.l2r-skin-dark #page-header,
#page-container.l2r-skin-dark.page-header-modern #page-header,
#page-container.l2r-skin-dark #page-header.bg-white {
  background-color: var(--l2r-bg2) !important;
  border-bottom: 1px solid var(--l2r-border);
  color: var(--l2r-text);
  box-shadow: none !important;
}

#page-container.l2r-skin-dark #page-header .btn-dual-secondary,
#page-container.l2r-skin-dark #page-header a {
  color: var(--l2r-text) !important;
}

#page-container.l2r-skin-dark #page-header .bg-primary,
#page-container.l2r-skin-dark #page-header-loader.bg-primary {
  background-color: #3a3d41 !important;
}

#page-container.l2r-skin-dark .breadcrumb,
#page-container.l2r-skin-dark .breadcrumb.bg-body-light,
#page-container.l2r-skin-dark .bg-body-light,
#page-container.l2r-skin-dark .bg-white,
#page-container.l2r-skin-dark .bg-body,
#page-container.l2r-skin-dark .bg-gray-lighter {
  background-color: var(--l2r-bg3) !important;
  border-color: var(--l2r-border) !important;
  color: var(--l2r-muted) !important;
}

#page-container.l2r-skin-dark .breadcrumb a,
#page-container.l2r-skin-dark .breadcrumb-item,
#page-container.l2r-skin-dark .breadcrumb-item.active {
  color: var(--l2r-muted) !important;
}

#page-container.l2r-skin-dark .block,
#page-container.l2r-skin-dark .block-rounded,
#page-container.l2r-skin-dark .l2r-admin .block,
#page-container.l2r-skin-dark .l2r-pay-card,
#page-container.l2r-skin-dark .l2r-tpl-card {
  background-color: var(--l2r-bg3) !important;
  border: 1px solid var(--l2r-border) !important;
  box-shadow: none !important;
  color: var(--l2r-text);
}

#page-container.l2r-skin-dark .block-header,
#page-container.l2r-skin-dark .block-header-default {
  background-color: #323233 !important;
  border-bottom: 1px solid var(--l2r-border) !important;
  color: var(--l2r-strong) !important;
}

#page-container.l2r-skin-dark .block-title,
#page-container.l2r-skin-dark .l2r-admin label,
#page-container.l2r-skin-dark .l2r-admin .l2r-lbl,
#page-container.l2r-skin-dark label,
#page-container.l2r-skin-dark .col-form-label,
#page-container.l2r-skin-dark .form-text,
#page-container.l2r-skin-dark .text-muted,
#page-container.l2r-skin-dark .font-w600.text-muted,
#page-container.l2r-skin-dark h1,
#page-container.l2r-skin-dark h2,
#page-container.l2r-skin-dark h3,
#page-container.l2r-skin-dark h4,
#page-container.l2r-skin-dark h5,
#page-container.l2r-skin-dark h6,
#page-container.l2r-skin-dark .h1,
#page-container.l2r-skin-dark .h2,
#page-container.l2r-skin-dark .h3,
#page-container.l2r-skin-dark .h4,
#page-container.l2r-skin-dark .h5,
#page-container.l2r-skin-dark .h6 {
  color: var(--l2r-muted) !important;
}

#page-container.l2r-skin-dark .block-title,
#page-container.l2r-skin-dark .l2r-admin .l2r-sec h6,
#page-container.l2r-skin-dark .l2r-srv-title {
  color: var(--l2r-strong) !important;
}

#page-container.l2r-skin-dark .form-control,
#page-container.l2r-skin-dark .custom-select,
#page-container.l2r-skin-dark select.form-control,
#page-container.l2r-skin-dark .form-control-file,
#page-container.l2r-skin-dark input[type="file"],
#page-container.l2r-skin-dark .input-group-text {
  background-color: #1e1e1e !important;
  border-color: var(--l2r-border) !important;
  color: var(--l2r-strong) !important;
}

#page-container.l2r-skin-dark .form-control:focus {
  border-color: #6b6b6b !important;
  box-shadow: none !important;
}

#page-container.l2r-skin-dark .custom-control-label,
#page-container.l2r-skin-dark .form-check-label {
  color: var(--l2r-text) !important;
}

#page-container.l2r-skin-dark .table,
#page-container.l2r-skin-dark .table-responsive {
  color: var(--l2r-text) !important;
  background: transparent !important;
}

#page-container.l2r-skin-dark .table thead th,
#page-container.l2r-skin-dark .table th {
  color: var(--l2r-muted) !important;
  border-color: var(--l2r-border) !important;
  background: transparent !important;
}

#page-container.l2r-skin-dark .table td {
  border-color: var(--l2r-border) !important;
  color: var(--l2r-text) !important;
}

#page-container.l2r-skin-dark .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

#page-container.l2r-skin-dark .btn-primary,
#page-container.l2r-skin-dark .btn-alt-primary,
#page-container.l2r-skin-dark .btn-secondary,
#page-container.l2r-skin-dark .btn-alt-secondary,
#page-container.l2r-skin-dark .btn-light,
#page-container.l2r-skin-dark .btn-alt-light {
  background-color: #3e3e42 !important;
  border-color: #555555 !important;
  color: #f0f0f0 !important;
}

#page-container.l2r-skin-dark .btn-primary:hover,
#page-container.l2r-skin-dark .btn-alt-primary:hover {
  background-color: #505055 !important;
  border-color: #6a6a6a !important;
}

#page-container.l2r-skin-dark .alert-warning {
  background: #3a3424 !important;
  border-color: #5c5337 !important;
  color: #e6d9a8 !important;
}

#page-container.l2r-skin-dark .alert-success,
#page-container.l2r-skin-dark .alert-ok {
  background: #243528 !important;
  border-color: #3a5640 !important;
  color: #c8e6c9 !important;
}

#page-container.l2r-skin-dark .alert-info,
#page-container.l2r-skin-dark .alert-primary {
  background: #2a3038 !important;
  border-color: #3d4a5c !important;
  color: #c5d4e8 !important;
}

#page-container.l2r-skin-dark .alert-danger {
  background: #3a2424 !important;
  border-color: #5c3737 !important;
  color: #e6b0b0 !important;
}

/* Footer — one flat bar, no patchwork / no white under */
#page-container.l2r-skin-dark #page-footer,
#page-container.l2r-skin-dark #page-footer.opacity-0,
#page-container.l2r-skin-dark #page-footer .content,
#page-container.l2r-skin-dark #page-footer .form-material,
#page-container.l2r-skin-dark #page-footer .float-left,
#page-container.l2r-skin-dark #page-footer .float-right {
  background-color: var(--l2r-bg2) !important;
  color: var(--l2r-muted) !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
}

#page-container.l2r-skin-dark #page-footer {
  border-top: 1px solid var(--l2r-border) !important;
}

#page-container.l2r-skin-dark #page-footer a {
  color: var(--l2r-text) !important;
}

#page-container.l2r-skin-dark .l2r-admin .l2r-actions {
  border-top-color: var(--l2r-border) !important;
  background: transparent !important;
}

/* Tabs */
#page-container.l2r-skin-dark .nav-tabs {
  border-bottom-color: var(--l2r-border) !important;
  background: transparent !important;
}

#page-container.l2r-skin-dark .nav-tabs .nav-link {
  color: var(--l2r-muted) !important;
  background: transparent !important;
  border-color: transparent !important;
}

#page-container.l2r-skin-dark .nav-tabs .nav-link:hover {
  border-color: var(--l2r-border) !important;
  color: var(--l2r-strong) !important;
}

#page-container.l2r-skin-dark .nav-tabs .nav-link.active {
  background: var(--l2r-bg3) !important;
  border-color: var(--l2r-border) var(--l2r-border) var(--l2r-bg3) !important;
  color: var(--l2r-strong) !important;
}

#page-container.l2r-skin-dark .nav-pills .nav-link {
  color: var(--l2r-muted) !important;
}

#page-container.l2r-skin-dark .nav-pills .nav-link.active {
  background: #3a3d41 !important;
  color: #f0f0f0 !important;
}

#page-container.l2r-skin-dark a:not(.btn):not(.dropdown-item):not(.nav-link) {
  color: #b0b0b0;
}

#page-container.l2r-skin-dark a:not(.btn):not(.dropdown-item):not(.nav-link):hover {
  color: #e0e0e0;
}

#page-container.l2r-skin-dark #page-overlay {
  background: rgba(0, 0, 0, 0.55) !important;
}

#page-container.l2r-skin-dark .modal-content,
#page-container.l2r-skin-dark .block.block-themed {
  background-color: var(--l2r-bg3) !important;
  color: var(--l2r-text) !important;
  border-color: var(--l2r-border) !important;
}

#page-container.l2r-skin-dark .list-group-item {
  background-color: var(--l2r-bg3) !important;
  border-color: var(--l2r-border) !important;
  color: var(--l2r-text) !important;
}

#page-container.l2r-skin-dark .card,
#page-container.l2r-skin-dark .card-body {
  background-color: var(--l2r-bg3) !important;
  border-color: var(--l2r-border) !important;
  color: var(--l2r-text) !important;
}

#page-container.l2r-skin-dark .badge-primary,
#page-container.l2r-skin-dark .badge-secondary {
  background-color: #4a4a4e !important;
  color: #f0f0f0 !important;
}

#page-container.l2r-skin-dark .badge-warning {
  background-color: #5c5337 !important;
  color: #e6d9a8 !important;
}

#page-container.l2r-skin-dark hr {
  border-top-color: var(--l2r-border) !important;
}

#page-container.l2r-skin-dark .text-dark,
#page-container.l2r-skin-dark .text-black,
#page-container.l2r-skin-dark .text-body {
  color: var(--l2r-strong) !important;
}

#page-container.l2r-skin-dark .text-primary {
  color: #b0b0b0 !important;
}

#page-container.l2r-skin-dark .border,
#page-container.l2r-skin-dark .border-bottom,
#page-container.l2r-skin-dark .border-top {
  border-color: var(--l2r-border) !important;
}

#page-container.l2r-skin-dark .custom-file-label,
#page-container.l2r-skin-dark .custom-file-label::after {
  background-color: #1e1e1e !important;
  border-color: var(--l2r-border) !important;
  color: var(--l2r-text) !important;
}

/* Force admin sections that inject light CSS later */
#page-container.l2r-skin-dark .l2r-admin .l2r-sec,
#page-container.l2r-skin-dark .l2r-sec {
  background: #2a2a2b !important;
  border-color: #3c3c3c !important;
  color: #cccccc !important;
}
#page-container.l2r-skin-dark .l2r-admin .l2r-sec h6,
#page-container.l2r-skin-dark .l2r-sec h6 {
  color: #e0e0e0 !important;
}
#page-container.l2r-skin-dark .l2r-admin .l2r-sec-login {
  background: #2a3038 !important;
  border-color: #3d4a5c !important;
}
#page-container.l2r-skin-dark .l2r-admin .l2r-sec-game {
  background: #2a322c !important;
  border-color: #3d5244 !important;
}
#page-container.l2r-skin-dark .l2r-admin .l2r-srv {
  background: #2d2d2d !important;
  border-color: #3c3c3c !important;
}
#page-container.l2r-skin-dark .l2r-admin .l2r-srv-head {
  background: #323233 !important;
  border-color: #3c3c3c !important;
}
#page-container.l2r-skin-dark .l2r-admin label,
#page-container.l2r-skin-dark .l2r-admin .l2r-lbl,
#page-container.l2r-skin-dark .l2r-sec label {
  color: #b0b0b0 !important;
}

/* Catalogs toolbar / tabs */
#page-container.l2r-skin-dark .l2r-cat {
  --l2r-cat-lbl: #b0b0b0;
  --l2r-cat-bar: #2a2a2b;
  --l2r-cat-br: #3c3c3c;
  --l2r-cat-card: #2d2d2d;
}
#page-container.l2r-skin-dark .l2r-cat .l2r-cat-toolbar {
  background: #2a2a2b !important;
  border-color: #3c3c3c !important;
}
#page-container.l2r-skin-dark .l2r-cat .l2r-cat-toolbar label,
#page-container.l2r-skin-dark .l2r-cat .l2r-cat-label {
  color: #b0b0b0 !important;
}
#page-container.l2r-skin-dark .l2r-cat .nav-tabs .nav-link {
  color: #b0b0b0 !important;
}
#page-container.l2r-skin-dark .l2r-cat .nav-tabs .nav-link.active {
  background: #2d2d2d !important;
  border-color: #3c3c3c !important;
  color: #e5e5e5 !important;
}
#page-container.l2r-skin-dark .l2r-cat .nav-pills .nav-link {
  color: #b0b0b0 !important;
}
#page-container.l2r-skin-dark .l2r-cat .nav-pills .nav-link.active {
  background: #3a3d41 !important;
  color: #f0f0f0 !important;
}

/* Kill leftover whites & top chrome gap */
html.l2r-skin-dark,
html.l2r-skin-dark body {
  margin: 0 !important;
  padding: 0 !important;
  background: #1e1e1e !important;
}
#page-container.l2r-skin-dark .btn-info,
#page-container.l2r-skin-dark .btn-alt-info {
  background-color: #3a4550 !important;
  border-color: #4a5a68 !important;
  color: #d0dce6 !important;
}

/* Fundo medieval oficial também no dashboard interno do jogador. */
html.l2r-skin-dark,
html.l2r-skin-dark body,
#page-container.l2r-skin-dark,
#page-container.l2r-skin-dark #main-container {
  background-color:#050505!important;
  background-image:linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.72)),url('../media/l2r-medieval-hall-v1.png')!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-attachment:fixed!important;
}
#page-container.l2r-skin-dark #main-container > .content,
#page-container.l2r-skin-dark #main-container > .content-full,
#page-container.l2r-skin-dark #main-container .content.content-full {
  background-color:transparent!important;
  background-image:none!important;
}
@media(max-width:700px){
  html.l2r-skin-dark,html.l2r-skin-dark body,#page-container.l2r-skin-dark,#page-container.l2r-skin-dark #main-container{background-attachment:scroll!important}
}

/* Menu Moldura Nobre — escuro translúcido, com reflexo dourado do salão. */
#page-container.l2r-skin-dark #sidebar{
  background:
    radial-gradient(circle at 18% 18%,rgba(181,121,28,.10),transparent 28%),
    linear-gradient(180deg,rgba(16,14,10,.96),rgba(3,4,4,.985))!important;
  border-right:1px solid #7a561c!important;
  box-shadow:inset -7px 0 0 rgba(221,170,70,.025),inset -8px 0 0 rgba(221,170,70,.16),8px 0 30px rgba(0,0,0,.42)!important;
}
#page-container.l2r-skin-dark #sidebar .content-side.content-side-full{
  padding:22px 18px!important;
}
#page-container.l2r-skin-dark #sidebar .l2r-panel-nav .nav-main-link{
  min-height:48px!important;
  margin:0!important;
  padding:11px 13px!important;
  border:0!important;
  border-bottom:1px solid rgba(169,119,38,.22)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#bdb5a6!important;
}
#page-container.l2r-skin-dark #sidebar .l2r-panel-nav .nav-main-link:hover{
  color:#ead29d!important;
  background:radial-gradient(circle at left,rgba(206,145,38,.11),transparent 72%)!important;
}
#page-container.l2r-skin-dark #sidebar .l2r-panel-nav .nav-main-link.active{
  color:#f0d392!important;
  border-bottom-color:rgba(205,151,58,.42)!important;
  background:radial-gradient(circle at left,rgba(206,145,38,.20),transparent 72%)!important;
  box-shadow:none!important;
}
#page-container.l2r-skin-dark #sidebar .l2r-panel-nav .nav-main-link.active:after{
  content:'◆'!important;
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#d7a342!important;
  font-family:Georgia,serif!important;
  font-size:9px!important;
  line-height:1!important;
}

/* Barras invisíveis em todas as telas do painel; rolagem continua funcionando. */
html,body,#page-container,#main-container,#sidebar,.content,*{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
#page-container::-webkit-scrollbar,
#main-container::-webkit-scrollbar,
#sidebar::-webkit-scrollbar,
.content::-webkit-scrollbar,
*::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}