/* Black glass shell. Keep balance/account outside the independently scrolling menus. */
:root {
  --bg: #000; --panel: #090909; --panel-solid: #090909;
  --surface: #111; --surface-hover: #191919;
  --line: #ffffff20; --line-strong: #ffffff35;
  --red: #e33232; --red-dark: #c62828;
}
body, body .main, .lp-wrapper { background-color: #000; }
body .sidebar, body:has(.dashboard-main) .sidebar {
  height: 100vh; height: 100dvh; box-sizing: border-box;
  display: flex; flex-direction: column; overflow: hidden;
  padding: 16px 16px max(12px,env(safe-area-inset-bottom));
  background: #050505eb; border-color: #ffffff1c;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body .sidebar .brand { flex-shrink: 0; margin-bottom: 16px; }
body .sidebar .studio-caption, body .sidebar .nav-divider { display: none; }
body .sidebar .nav {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden;
  scrollbar-width: thin; scrollbar-color: #555 transparent; overscroll-behavior: contain;
}
body .sidebar .nav[aria-label="Principal"] { flex-grow: 1.2; }
body .sidebar .nav[aria-label="Conta e ajuda"] { border-top: 1px solid #ffffff18; margin-top: 8px; padding-top: 8px; }
body .sidebar .nav button { min-height: 36px; margin-bottom: 1px; padding-block: 8px; }
body .sidebar .sidebar-bottom { flex: 0 0 auto; min-height: 0; margin-top: 8px; background: #050505; }
body .sidebar .balance-mini { padding: 12px 0 0; background: transparent; border-color: #ffffff24; }
body .sidebar .balance-mini>strong { font-size: 22px; margin: 5px 0 9px; }
body .sidebar .balance-mini .btn { min-height: 38px; padding: 8px 12px; }
body .sidebar .profile { margin-top: 10px; padding-top: 10px; border-color: #ffffff1c; }
body .sidebar .profile .avatar { width: 32px; height: 32px; }
body .main .topbar { height: 48px; min-height: 48px; background: #050505d9; padding-block: 4px; gap: 12px; }
body .main .global-search { min-height: 32px; padding: 7px 11px; background: #0b0b0bbf; border-color: #ffffff20; }
body .main .global-search kbd { background: #202020; padding: 2px 4px; }
body .main .wallet-pill { padding: 7px 10px; background: #0a0a0a; border-color: #ffffff26; }
body .main .topbar .avatar, body .main .topbar .icon-button { width: 32px; height: 32px; }
body .nav button.active { background: #e3323212; border-color: #e3323250; }
body .panel, body dialog, body .tool-card.editorial-module, body .plan { background-color: #090909; }
body .dashboard-main .dash-panel, body .dashboard-main .dash-shortcuts>button,
body .dollai-main .panel {
  background: linear-gradient(135deg,#ffffff0d,#ffffff02 65%),#03030385;
  border-color: #ffffff24; border-top-color: #ffffff48;
}
body .gallery-main .my-gallery { background: #03030360; border-color: #ffffff24; }
body .energy-plan { background: linear-gradient(135deg,#ffffff0c,#ffffff02),#020202c9; }
body .energy-plan-body { background: #05050545; }
body .global-search, body input, body textarea, body select { background-color: #090909; }
body .guide-icon, body .shortcut-icon, body .portrait-small { background-color: #101010; }
body .dashboard-main::before, body .gallery-main::before, body .plans-main::before { top: 48px; }
body .dollai-main::before { top: 48px; }
@media(max-width:800px) {
  body .main .topbar { height: 52px; min-height: 52px; }
  body .dashboard-main::before, body .gallery-main::before, body .plans-main::before,
  body .dollai-main::before { top: 52px; }
  body .main .mobile-toggle { width: 40px; height: 40px; }
}
@media(max-height:600px) {
  body .sidebar { padding-top: 8px; padding-bottom: 8px; }
  body .sidebar .brand { margin-bottom: 8px; }
  body .sidebar .balance-mini { padding-top: 8px; }
  body .sidebar .profile { margin-top: 6px; padding-top: 6px; }
}