/* Monvida Homes theme - loaded AFTER main.css (the shared base styles).
   Brand colours taken from the Monvida logo: navy #0B2639, silver #D9DDE0. */
:root {
  /* main.css names these "rb-red"/"rb-charcoal"; here they carry Monvida colours */
  --rb-red:        #0B2639;   /* primary buttons, links, focus */
  --rb-red-dark:   #051826;
  --rb-red-light:  #8FB3CC;   /* highlights on the dark sidebar */
  --rb-red-glow:   rgba(11, 38, 57, 0.14);
  --rb-charcoal:   #0B2639;   /* sidebar + login panel */
  --rb-charcoal-2: #071B29;
  --rb-charcoal-3: #173549;
  --mv-silver:     #D9DDE0;
  --mv-slate:      #586A77;
}

a { color: #1F5A85; }
a:hover { color: #0B2639; }

.btn-accent { background: #0B2639; }
.btn-accent:hover { background: #173549; }

/* Sidebar brand: the full Monvida logo */
.sidebar-logo { padding: 16px 18px 14px; flex-direction: column; align-items: flex-start; gap: 6px; }
.sidebar-logo-img { width: 150px; height: auto; display: block; }
.sidebar-logo .brand-sub {
  font-size: 9.5px; font-weight: 600; color: rgba(217, 221, 224, 0.55);
  letter-spacing: 1.8px; text-transform: uppercase; padding-left: 4px;
}
.nav-item.active { border-left-color: var(--mv-silver); }

/* Login panel: flat navy so the logo (which has a navy background) blends in */
.login-left { background: #0B2639; }
.login-left::before { display: none; }
/* Shown at the logo file's natural size (207px) so it stays sharp. */
.login-brand-logo { width: 207px; max-width: 70vw; height: auto; display: block; margin: 0 auto 14px; }
.login-brand p { color: rgba(217, 221, 224, 0.55); }
.login-powered { margin-top: 28px; font-size: 11px; color: rgba(217, 221, 224, 0.35); letter-spacing: 1px; }

.stat-card::before { background: #0B2639; }