/* SincroBot MKT IA — identidade oficial V7.6.0 */
:root {
  --sincrobot-charcoal: #0e0f11;
  --sincrobot-black: #010101;
  --sincrobot-gold: #fbcc34;
  --sincrobot-gold-deep: #e7a321;
  --sincrobot-blue: #2e7ccf;
  --sincrobot-white: #f7f7f5;
}

body { background: var(--sincrobot-charcoal); }
.sidebar { background: var(--sincrobot-black); border-right-color: #25282d; }
.brand { min-height: 58px; margin-bottom: 24px; }
.brand-lockup { display: grid; gap: 1px; width: 188px; max-width: calc(100% - 40px); }
.brand-logo { display: block; width: 100%; height: auto; object-fit: contain; }
.brand-lockup small { justify-self: end; padding-right: 3px; color: var(--sincrobot-gold); font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.login-card { border-color: #30343a; background: #121417; }
.login-brand-logo { display: block; width: min(300px, 88%); height: auto; margin: 0 auto 12px; }
.login-card h1 { margin: 4px 0 0; color: var(--sincrobot-white); }
.login-card > p { margin: 4px 0 20px; color: var(--sincrobot-gold); font-weight: 800; letter-spacing: .18em; }
.mobile-app-title img { width: 36px; height: 36px; border-radius: 10px; object-fit: cover; }
.mobile-app-title > span { display: grid; line-height: 1.05; }
.mobile-app-title small { color: var(--sincrobot-gold); font-size: 10px; letter-spacing: .12em; }
.sidebar nav a.active, .sidebar nav a:hover { border-left: 3px solid var(--sincrobot-blue); }

@media (max-width: 900px) {
  .brand-lockup { width: 205px; }
  .mobile-app-title { min-width: 0; }
  .mobile-app-title > span { font-size: 14px; }
}