:root {
  --nazar-primary: #0878ff;
  --nazar-secondary: #071b36;
  --nazar-radius: 10px;
}

#layout-menu,
.popover .menu.toolbar li a.selected {
  background-color: var(--nazar-secondary);
}

.btn-primary,
button.mainaction,
.floating-action-buttons a.button {
  background-color: var(--nazar-primary) !important;
  border-color: var(--nazar-primary) !important;
}

.listing li.selected,
.listing tr.selected td,
.menu a.selected:not(.disabled) {
  background-color: color-mix(in srgb, var(--nazar-primary) 13%, white) !important;
}

#logo {
  max-width: 210px;
  height: auto;
}

body:not(.task-login) #layout-sidebar {
  background: var(--nazar-panel, #fff);
  color: var(--nazar-text, #122033);
}

.nazar-install-app {
  align-items: center;
  background: var(--nazar-primary);
  border: 0;
  border-radius: var(--nazar-radius);
  bottom: 18px;
  box-shadow: 0 8px 26px rgb(0 0 0 / 24%);
  color: #fff;
  cursor: pointer;
  display: none;
  font-weight: 600;
  gap: 8px;
  padding: 10px 15px;
  position: fixed;
  right: 18px;
  z-index: 10000;
}

.nazar-install-app.is-visible { display: inline-flex; }

/* Fallback de escala para instalações com cache antigo do skin */
body.nd-app #nd-app-shell { grid-template-columns: 104px 270px 420px minmax(0, 1fr) !important; gap: 14px !important; }
body.nd-app #nd-rail .nd-brand { height: 86px !important; }
body.nd-app #nd-rail .nd-brand #logo { width: 78px !important; max-width: 86px !important; max-height: 62px !important; }
body.nd-app #nd-rail .nd-nav > a, body.nd-app #nd-rail .nd-nav-bottom > a { min-height: 68px !important; }
body.nd-app #nd-rail .nd-nav > a:before, body.nd-app #nd-rail .nd-nav-bottom > a:before { font-size: 28px !important; }
body.nd-app #nd-rail .nd-label { max-width: 90px !important; font-size: 12px !important; }
body.nd-app .nd-folder-list li a { min-height: 52px !important; padding: 0 14px !important; font-size: 15px !important; }
body.nd-app .nd-panel-head h1 { font-size: 21px !important; }
body.nd-app .nd-message-list td { padding: 14px 10px !important; font-size: 15px !important; }
body.nd-app .nd-search input { height: 48px !important; font-size: 15px !important; }

@media (max-width: 480px) {
  .nazar-install-app { bottom: 72px; right: 12px; }
}