/* Quero Ser Visto — Agent Operating System theme */
:root {
  /* Official Quero Ser Visto tokens, mirrored from the public brand system. */
  --qsv-ink: #080a08;
  --qsv-ink-soft: #101310;
  --qsv-paper: #f1f0e9;
  --qsv-paper-strong: #fbfaf5;
  --qsv-acid: #cfff00;
  --qsv-acid-strong: #b9f500;
  --qsv-muted: #9b9f98;
  --qsv-line: rgba(255,255,255,.14);
  --qsv-container: min(1280px, calc(100vw - 48px));
  --elite-color-bg: #080a08;
  --elite-color-bg-soft: #10130f;
  --elite-color-surface: rgba(17, 20, 15, .92);
  --elite-color-surface-solid: #11140f;
  --elite-color-surface-elevated: #171c14;
  --elite-color-text: #f7f7f2;
  --elite-color-text-soft: #d0d5cc;
  --elite-color-text-muted: #9b9f98;
  --elite-color-line: rgba(255, 255, 255, .14);
  --elite-color-champagne: #cfff00;
  --elite-color-champagne-light: #e0ff66;
  --elite-color-blue: #cfff00;
  --elite-color-blue-deep: #7e9b00;
  --elite-color-green: #cfff00;
  --elite-color-danger: #ff8f8f;
  --elite-font-sans: Geist, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --elite-font-display: Geist, ui-sans-serif, system-ui, sans-serif;
  --elite-shadow-focus: 0 0 0 3px rgba(207, 255, 0, .18);
}

body { background: #080a08 !important; color: #f7f7f2 !important; }
body.agent-factory-v2:not(.login-page) main { background: #080a08 !important; }
#app-sidebar { background: #10130f !important; border-color: rgba(255,255,255,.14) !important; }
#app-sidebar > div:first-child { background: #080a08 !important; border-color: rgba(255,255,255,.14) !important; }
.elite-brand-mark { background: rgba(207,255,0,.1) !important; border-color: rgba(207,255,0,.38) !important; }
.tab-btn.active { background: rgba(207,255,0,.11) !important; color: #cfff00 !important; border-left-color: #cfff00 !important; }
.form-input:focus, .form-select:focus, input:focus, select:focus, textarea:focus { border-color: #cfff00 !important; box-shadow: var(--elite-shadow-focus) !important; }
.bg-indigo-500, .bg-emerald-500 { background: #cfff00 !important; color: #080a08 !important; }
button.login-btn:not(.tab-btn) { background: #cfff00 !important; color: #080a08 !important; }
.qsv-brand-name { color: #f7f7f2; letter-spacing: .14em; font-weight: 800; }
.qsv-brand-subtitle { color: #cfff00; letter-spacing: .2em; }

.login-page .login-card > .login-icon::before { display:none !important; background-image:none !important; }
.login-page .login-icon img { display:block !important; width:56px !important; height:56px !important; object-fit:contain; }

/* Final QSV surface: this layer is intentionally last in the cascade. */
body.agent-factory-v2:not(.login-page),
body.agent-factory-v2:not(.login-page) main,
body.agent-factory-v2:not(.login-page) .tab-content,
body.agent-factory-v2:not(.login-page) .modal-content,
body.agent-factory-v2:not(.login-page) .modal,
body.agent-factory-v2:not(.login-page) .card,
body.agent-factory-v2:not(.login-page) .panel {
  background-color: #080a08 !important;
  color: #f7f7f2 !important;
}

body.agent-factory-v2:not(.login-page) #app-sidebar,
body.agent-factory-v2:not(.login-page) #app-sidebar > div:first-child,
body.agent-factory-v2:not(.login-page) .sidebar,
body.agent-factory-v2:not(.login-page) .surface,
body.agent-factory-v2:not(.login-page) .bg-gray-900,
body.agent-factory-v2:not(.login-page) .bg-gray-800,
body.agent-factory-v2:not(.login-page) .bg-gray-700 {
  background-color: #10130f !important;
  color: #f7f7f2 !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.agent-factory-v2:not(.login-page) input,
body.agent-factory-v2:not(.login-page) select,
body.agent-factory-v2:not(.login-page) textarea,
body.agent-factory-v2:not(.login-page) .form-input,
body.agent-factory-v2:not(.login-page) .form-select {
  background: #11140f !important;
  color: #f7f7f2 !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.agent-factory-v2:not(.login-page) .text-indigo-300,
body.agent-factory-v2:not(.login-page) .text-indigo-400,
body.agent-factory-v2:not(.login-page) .text-blue-300,
body.agent-factory-v2:not(.login-page) .text-blue-400,
body.agent-factory-v2:not(.login-page) .text-cyan-300,
body.agent-factory-v2:not(.login-page) .text-cyan-400,
body.agent-factory-v2:not(.login-page) .text-emerald-300,
body.agent-factory-v2:not(.login-page) .text-emerald-400,
body.agent-factory-v2:not(.login-page) .text-green-300,
body.agent-factory-v2:not(.login-page) .text-green-400 {
  color: #cfff00 !important;
}

body.agent-factory-v2:not(.login-page) .bg-indigo-500,
body.agent-factory-v2:not(.login-page) .bg-blue-500,
body.agent-factory-v2:not(.login-page) .bg-cyan-500,
body.agent-factory-v2:not(.login-page) .bg-emerald-500,
body.agent-factory-v2:not(.login-page) .bg-green-500 {
  background-color: #cfff00 !important;
  color: #080a08 !important;
}

body.agent-factory-v2:not(.login-page) [class*="border-indigo"],
body.agent-factory-v2:not(.login-page) [class*="border-blue"],
body.agent-factory-v2:not(.login-page) [class*="border-cyan"],
body.agent-factory-v2:not(.login-page) [class*="border-emerald"],
body.agent-factory-v2:not(.login-page) [class*="border-green"],
body.agent-factory-v2:not(.login-page) [class*="border-amber"],
body.agent-factory-v2:not(.login-page) [class*="border-orange"] {
  border-color: rgba(207,255,0,.38) !important;
}

body.agent-factory-v2:not(.login-page) [class*="text-amber"],
body.agent-factory-v2:not(.login-page) [class*="text-orange"] {
  color: #cfff00 !important;
}

body.agent-factory-v2:not(.login-page) [class*="bg-amber"],
body.agent-factory-v2:not(.login-page) [class*="bg-orange"] {
  background-color: rgba(207,255,0,.08) !important;
}

body.agent-factory-v2:not(.login-page) ::selection { color: #080a08 !important; background: #cfff00 !important; }

/* Neutralize the legacy champagne/gold component rules that have higher specificity. */
body.agent-factory-v2 .qsv-brand-subtitle,
body.agent-factory-v2 .elite-kicker,
body.agent-factory-v2 .agents-library-kicker,
body.agent-factory-v2 .form-label,
body.agent-factory-v2 .wa-page__eyebrow,
body.agent-factory-v2 .wa-kicker,
body.agent-factory-v2 .elite-backup-kicker,
body.agent-factory-v2 .elite-backup-kicker__line,
body.agent-factory-v2 [class*="text-indigo-300"],
body.agent-factory-v2 [class*="text-indigo-400"] {
  color: #cfff00 !important;
}

body.agent-factory-v2 .elite-brand-mark {
  background: rgba(207,255,0,.10) !important;
  border-color: rgba(207,255,0,.38) !important;
}

body.agent-factory-v2 .tab-btn.active,
body.agent-factory-v2 .app-header,
body.agent-factory-v2 .elite-dashboard-hero,
body.agent-factory-v2 .wa-page__hero,
body.agent-factory-v2 .wa-page__hero-mark,
body.agent-factory-v2 .wa-icon-badge--cyan,
body.agent-factory-v2 .wa-icon-badge--green {
  border-color: rgba(207,255,0,.24) !important;
}

body.agent-factory-v2 .tab-btn.active {
  background: rgba(207,255,0,.11) !important;
  border-left-color: #cfff00 !important;
}

body.agent-factory-v2 .elite-btn--gold,
body.agent-factory-v2 .agents-library-refresh,
body.agent-factory-v2 .agents-library-create,
body.agent-factory-v2 .logout-session-btn,
body.agent-factory-v2 .wa-btn--primary,
body.agent-factory-v2 .bg-indigo-600,
body.agent-factory-v2 .bg-indigo-500 {
  background: #cfff00 !important;
  border-color: #cfff00 !important;
  color: #080a08 !important;
}

body.agent-factory-v2 .elite-btn--gold:hover,
body.agent-factory-v2 .agents-library-refresh:hover,
body.agent-factory-v2 .agents-library-create:hover,
body.agent-factory-v2 .logout-session-btn:hover,
body.agent-factory-v2 .wa-btn--primary:hover {
  background: #b9f500 !important;
  border-color: #b9f500 !important;
  color: #080a08 !important;
}

body.agent-factory-v2 .fa-solid,
body.agent-factory-v2 .fa-brands,
body.agent-factory-v2 .elite-surface__icon,
body.agent-factory-v2 .wa-page__hero-mark i {
  --fa-primary-color: #cfff00;
}