/* invideo AI home fidelity (v22.1), compared with verification/pixel-audit-v1/reference-live-invideo-home-agent.png (official). */
/* yellow annual-plans bar (the replica's unstyled "personal offer" banner is replaced by it) */
.home-invideo .offer-banner-slot { display: none !important; }
.iv-fid-bar {
  position: fixed; top: 0; left: 0; right: 0; height: 48px; z-index: 50; display: flex; align-items: center; justify-content: center; gap: 14px;
  background: linear-gradient(90deg, #ffd56a, #f9c84a); color: #111; font: 500 15px/1 Inter, system-ui, sans-serif;
}
.iv-fid-bar .tag { background: #2b5ae8; color: #fff; font-style: italic; font-weight: 700; font-size: 13px; padding: 6px 14px; border-radius: 4px; transform: skewX(-8deg); letter-spacing: .02em; }
.iv-fid-bar .cta { background: #111; color: #fff; border: 0; border-radius: 999px; padding: 8px 14px; font: 600 14px/1 Inter, system-ui, sans-serif; cursor: pointer; }
.iv-fid-bar .x { position: absolute; right: 18px; background: none; border: 0; font-size: 20px; cursor: pointer; color: #111; }
body:has(.iv-fid-bar:not([hidden])) .home-invideo { padding-top: 48px; }
/* the model menu reads "Agent Two Lite ⌄" in small grey text, caret after */
.home-invideo [data-production-native-model-caption] { font-size: 14px !important; color: #a3a3a3 !important; font-weight: 400 !important; }
.home-invideo button:has(> [data-production-native-model-caption]) { flex-direction: row-reverse; gap: 6px; }
.home-invideo button:has(> [data-production-native-model-caption]) > svg { width: 14px; height: 14px; opacity: .7; }
/* send: a white circle with a dark arrow, even when empty */
.home-invideo [data-chat-submit] { background: #fff !important; color: #111 !important; opacity: 1 !important; border-radius: 8px; }
.home-invideo [data-chat-submit]:disabled { opacity: .92 !important; }
/* the project / chat chip duplicates the bottom-strip "Select project" until a project is chosen */
.home-invideo [data-production-chat-context][data-fid-idle] { display: none !important; }
/* avatar instead of the "Demo" label */
.home-invideo ._avatarTrigger_1qx3h_267 {
  width: 32px; height: 32px; border-radius: 50% !important; font-size: 0 !important; padding: 0 !important; display: grid; place-items: center;
  background: #2f7d32 !important; box-shadow: 0 0 0 2px #1b1b1b, 0 0 0 3px #3a3a3a; color: #e8f5e9;
}
.home-invideo ._avatarTrigger_1qx3h_267::after { content: attr(data-fid-initial); font-size: 12px; font-weight: 600; }
.iv-fid-new { background: #fff !important; color: #111 !important; border: 0; border-radius: 8px; padding: 8px 14px; font: 600 14px/1 Inter, system-ui, sans-serif; cursor: pointer; margin-right: 10px; }