/* ============================================================
   QuickClose Home Buyers theme — matches team.quickclosegroup.com
   (Homebase). Loaded LAST on every page; remaps the old
   black/silver variables onto the Homebase light palette.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');

:root, :root[data-theme], [data-theme] {
  color-scheme: light;
  --bg-0: #f6f2ec !important;   /* canvas */
  --bg-1: #ffffff !important;   /* surface */
  --bg-2: #fbf9f6 !important;   /* surface-2 */
  --bg-3: #f4f0ea !important;   /* sand */
  --bg-4: #efe8de !important;   /* sand-2 */
  --line: #e7e0d5 !important;
  --line-2: #d5caba !important;
  --silver-1: #10588c !important;  /* brand blue (was bright silver highlight) */
  --silver-2: #433e37 !important;
  --silver-3: #6a6358 !important;
  --silver-4: #8a8174 !important;
  --text: #22201c !important;
  --text-dim: #6a6358 !important;
  --text-muted: #8a8174 !important;
  --good: #1e7a4c !important;  --green: #1e7a4c !important;
  --bad: #c0263d !important;   --red: #c0263d !important;
  --warn: #c98a15 !important;  --amber: #c98a15 !important;
  --blue: #10588c !important;
  --accent: #10588c !important;
  --accent-2: #0b4470 !important;
  --accent-soft: #e4eef6 !important;
  --accent-glow: rgba(16,88,140,0.18) !important;
  --accent-ink: #ffffff !important;
  --shadow: 0 1px 2px rgba(34,32,28,0.06), 0 8px 24px rgba(34,32,28,0.06) !important;
  --shadow-sm: 0 1px 2px rgba(34,32,28,0.06), 0 2px 8px rgba(34,32,28,0.05) !important;
}

html, body {
  background: #f6f2ec !important;
  color: #22201c;
  font-family: 'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif !important;
}
::-webkit-scrollbar-track { background: #f4f0ea; }
::-webkit-scrollbar-thumb { background: #d5caba; }
a:hover { color: #0b4470; }

/* Primary buttons: brand blue with white text (were silver with black text) */
.btn:not(.btn-ghost):not(.btn-danger), .side-btn, .topbar .toolbar-btn.primary,
.startbtn, .chatin button, .aibtn, .stage-num, .user-chip .avatar {
  background: #10588c !important;
  color: #fff !important;
  border-color: #10588c !important;
}
.btn:not(.btn-ghost):not(.btn-danger):hover, .side-btn:hover, .startbtn:hover, .aibtn:hover {
  background: #0b4470 !important;
}
.btn-ghost { color: #10588c !important; border-color: #bcd3e8 !important; background: #fff !important; }
.offer-card { color: #fff !important; }

/* Cards / panels read as white on linen */
.card, .auth-card, .panel, .modal, .feature, .tile { background: #fff; border-color: #e7e0d5; }

/* Inputs */
input, select, textarea {
  background: #fff !important;
  color: #22201c !important;
  border-color: #d5caba !important;
}
input::placeholder, textarea::placeholder { color: #8a8174 !important; }
input:focus, select:focus, textarea:focus { border-color: #10588c !important; box-shadow: 0 0 0 3px #e4eef6 !important; outline: none; }

/* Headings in the Homebase display serif */
h1, h2, .page-title, .hero h1, .display { font-family: 'Fraunces', ui-serif, Georgia, serif !important; color: #22201c; }
.page-title { -webkit-text-fill-color: currentColor; background: none !important; color: #10588c !important; }

/* Logo in top bars */
.qc-topbar-logo { height: 30px; width: auto; display: block; }
.topbar, header.topbar { background: #fff !important; border-bottom: 1px solid #e7e0d5 !important; }

/* Old black/silver accent picker no longer applies */
.theme-dot, .theme-picker, .theme-dots { display: none !important; }

/* Auth card logo: drop the old 88px star box so the full logo shows */
.auth-logo .star-block { width: auto !important; height: auto !important; background: none !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; filter: none !important; }
.auth-logo .star-block img { width: 260px !important; max-width: 100%; height: auto; }

@media (max-width: 520px) { .qc-topbar-logo { height: 22px; } }

/* ===== Side navigation at every width (Homebase-style) ===== */
.sidebar .nav-item.active { background: #e4eef6 !important; color: #10588c !important; box-shadow: inset 3px 0 0 #10588c !important; }
.sidebar .nav-item:hover { background: #f4f0ea !important; color: #10588c !important; }
.qc-menu-btn { display: none; background: none; border: 0; color: #22201c; padding: 6px; margin-right: 6px; cursor: pointer; }
.qc-nav-scrim { display: none; }
@media (max-width: 980px) {
  .layout { grid-template-columns: 200px 1fr !important; }
  .sidebar { display: block !important; overflow-x: visible !important; padding: 20px 10px !important; border-right: 1px solid #e7e0d5 !important; border-bottom: 0 !important; }
  .sidebar .nav-section { display: block !important; }
  .sidebar .nav-item { white-space: normal !important; }
}
@media (max-width: 720px) {
  .qc-menu-btn { display: inline-flex; align-items: center; }
  .layout { grid-template-columns: 1fr !important; }
  .sidebar { position: fixed !important; top: 0; left: 0; bottom: 0; width: 260px; z-index: 1001; overflow-y: auto !important;
             transform: translateX(-100%); transition: transform .22s ease; box-shadow: 0 10px 40px rgba(34,32,28,.18); background: #fff !important; }
  body.qc-nav-open .sidebar { transform: none; }
  body.qc-nav-open .qc-nav-scrim { display: block; position: fixed; inset: 0; background: rgba(34,32,28,.35); z-index: 1000; }
}

@media (max-width: 560px) { #ps-form { grid-template-columns: 1fr !important; } }