/* ===== GrowNiti Labs — Phase 2 Engage UI ===== */
.gn-card{background:#111827;border:1px solid #1f2937;border-radius:14px;padding:16px;color:#e5e7eb}
.gn-row{display:grid;gap:12px}
@media (min-width:768px){.gn-row{grid-template-columns:1fr 1fr;gap:16px}}
.gn-h{margin:0 0 8px;font-weight:800}
.gn-sub{margin:0 0 12px;color:#94a3b8}
.gn-input,.gn-select,.gn-text{width:100%;background:#0b1220;border:1px solid #334155;border-radius:10px;padding:.6rem .75rem;color:#e5e7eb}
.gn-btn{background:#1d4ed8;border:1px solid #2563eb;color:#fff;border-radius:10px;padding:.6rem .9rem;font-weight:700;cursor:pointer}
.gn-btn.ghost{background:#0b1220;border-color:#334155;color:#e5e7eb}
.gn-stack{display:grid;gap:10px}
.gn-result{background:#0b1220;border:1px dashed #334155;border-radius:12px;padding:.75rem}
.gn-badges{display:flex;flex-wrap:wrap;gap:8px}
.gn-badge{background:#1f2937;border:1px solid #334155;border-radius:999px;padding:.2rem .55rem;font-size:.78rem}
.gn-progress{height:10px;background:#0b1220;border:1px solid #334155;border-radius:999px;overflow:hidden}
.gn-progress>span{display:block;height:100%;background:#22c55e}
.gn-tip{font-size:.95rem;color:#cbd5e1}
.gn-kv{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:.93rem}
.gn-kv .k{color:#94a3b8}.gn-kv .v{font-weight:700}

/* Compare bar */
.gn-compare{position:sticky;bottom:12px;z-index:40;display:none}
.gn-compare .bar{margin-top:10px;background:#0b1220;border:1px solid #334155;border-radius:14px;padding:10px}
.gn-compare .items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gn-compare .it{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:8px}
.gn-compare .it h5{margin:0 0 4px;font-size:.95rem}
.gn-compare .it .kv{display:grid;grid-template-columns:1fr auto;font-size:.85rem}
.gn-compare .it .kv .k{color:#94a3b8}
.gn-compare .act{display:flex;gap:8px;margin-top:8px}
.gn-compare .muted{color:#94a3b8;font-size:.9rem}