/* ═══════════════════════════════════════════════════════════════════════════
   PolitiDex — Issue View  ·  issue-view.css
   Styles the issue-first ranked view (window.PDXIssueView): the front-door grid
   (#issue-front-door) and the full-screen ranked overlay (#pdx-issue-overlay).
   Prefix: iv- (overlay) / ifd- (front door). Dark theme, mobile-first.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Tier accents (consistency verdicts) ────────────────────────────────────*/
.iv-consistent    { --iv-accent: #4ade80; }
.iv-mixed         { --iv-accent: #f5c842; }
.iv-flag          { --iv-accent: #f59e0b; }
.iv-contradiction { --iv-accent: #f87171; }
.iv-stated        { --iv-accent: #94a3b8; }
/* Votes on the record with no stated position to check them against — evidence
   present, verdict withheld. Deliberately cool/neutral so it never reads as praise
   or blame. */
.iv-voted         { --iv-accent: #7dd3fc; }

/* ═══════════════════════════════════════════════════════════════════════════
   FRONT DOOR  ·  #issue-front-door
   ═══════════════════════════════════════════════════════════════════════════ */
#issue-front-door {
  padding: 3rem 1rem 3.2rem;
  background: linear-gradient(180deg, #0a0f1e 0%, #0c1630 55%, #0a0f1e 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#issue-front-door[hidden] { display: none; }
.ifd-inner { max-width: 60rem; margin: 0 auto; }
.ifd-head { text-align: center; margin-bottom: 1.6rem; }
.ifd-eyebrow {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 0.74rem;
  letter-spacing: 0.16em; text-transform: uppercase; color: #7fb4ff; margin-bottom: 0.5rem;
}
.ifd-title {
  font-family: 'Bebas Neue', 'Barlow Condensed', sans-serif; font-size: clamp(1.9rem, 5vw, 3rem);
  line-height: 1.02; color: #fff; margin: 0 0 0.6rem;
}
.ifd-title em { color: #f5c842; font-style: normal; }
.ifd-lead {
  font-family: 'Barlow', sans-serif; font-size: 0.95rem; color: #b6c6de; line-height: 1.55;
  max-width: 40rem; margin: 0 auto;
}
.ifd-lead strong { color: #fff; }
.ifd-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr)); gap: 0.7rem;
}
.ifd-card {
  display: flex; align-items: center; gap: 0.75rem; text-align: left; cursor: pointer;
  background: rgba(16, 26, 48, 0.85); border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.9rem; padding: 0.85rem 0.95rem; min-height: 44px;
  transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.ifd-card:hover { transform: translateY(-2px); border-color: rgba(127, 180, 255, 0.5); background: rgba(20, 33, 60, 0.95); }
.ifd-card:active { transform: translateY(0); }
.ifd-card:focus-visible { outline: 2px solid #7fb4ff; outline-offset: 2px; }
.ifd-ico { flex: 0 0 auto; font-size: 1.7rem; line-height: 1; }
.ifd-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.12rem; }
.ifd-label { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 1rem; color: #fff; line-height: 1.15; }
.ifd-blurb {
  font-family: 'Barlow', sans-serif; font-size: 0.76rem; color: #93a7c4; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ifd-meta {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 0.68rem;
  letter-spacing: 0.05em; text-transform: uppercase; color: #f5c842; margin-top: 0.15rem;
}
.ifd-go { flex: 0 0 auto; color: #7fb4ff; font-size: 1.1rem; font-weight: 700; opacity: 0.6; transition: opacity 0.15s ease, transform 0.15s ease; }
.ifd-card:hover .ifd-go { opacity: 1; transform: translateX(3px); }
.ifd-foot {
  margin-top: 1.4rem; text-align: center; font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.72rem; letter-spacing: 0.04em; color: #6f88ad;
}

/* ═══════════════════════════════════════════════════════════════════════════
   RANKED OVERLAY  ·  #pdx-issue-overlay
   ═══════════════════════════════════════════════════════════════════════════ */
.iv-overlay {
  position: fixed; inset: 0; z-index: 2147482500; display: none;
  background: rgba(4, 8, 18, 0.9); backdrop-filter: blur(8px);
  align-items: flex-start; justify-content: center;
  padding: max(2vh, 0.5rem) 0.6rem calc(0.5rem + env(safe-area-inset-bottom, 0px));
}
.iv-overlay.is-open { display: flex; animation: iv-fade 0.18s ease-out; }
@keyframes iv-fade { from { opacity: 0; } to { opacity: 1; } }
.iv-panel {
  width: 100%; max-width: 46rem; max-height: 96vh; margin: auto 0;
  display: flex; flex-direction: column; overflow: hidden;
  background: linear-gradient(180deg, #0d1730, #0a1225);
  border: 1px solid rgba(127, 180, 255, 0.22); border-radius: 1rem;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);
  animation: iv-rise 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
}
@keyframes iv-rise { from { transform: translateY(16px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.iv-topbar { display: flex; align-items: center; gap: 0.5rem; padding: 0.9rem 1rem 0.4rem; }
.iv-eyebrow {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 0.68rem;
  letter-spacing: 0.14em; text-transform: uppercase; color: #7fb4ff;
  margin-right: auto; min-width: 0;
}
/* Share — the ranking a voter is looking at is a link they can send. */
.iv-share {
  flex: 0 0 auto; cursor: pointer; font-family: 'Barlow Condensed', sans-serif; font-weight: 800;
  font-size: 0.7rem; letter-spacing: 0.06em; text-transform: uppercase; color: #c8d6ee;
  background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 9999px; padding: 0.4rem 0.7rem; min-height: 34px; line-height: 1;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.iv-share:hover { background: rgba(245, 200, 66, 0.14); border-color: rgba(245, 200, 66, 0.45); color: #f5c842; }
.iv-share:focus-visible { outline: 2px solid #f5c842; outline-offset: 2px; }
.iv-close {
  display: flex; align-items: center; justify-content: center; width: 2.1rem; height: 2.1rem;
  border-radius: 9999px; cursor: pointer; background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18); color: #dbe6f7; font-size: 0.95rem; line-height: 1;
  transition: background 0.15s ease, transform 0.15s ease;
}
.iv-close:hover { background: rgba(255, 255, 255, 0.16); transform: scale(1.05); }
.iv-close:focus-visible { outline: 2px solid #f5c842; outline-offset: 2px; }

.iv-head { display: flex; gap: 0.85rem; padding: 0.2rem 1rem 0.7rem; align-items: flex-start; }
.iv-head-ico { flex: 0 0 auto; font-size: 2.2rem; line-height: 1; }
.iv-head-txt { min-width: 0; }
.iv-title { font-family: 'Bebas Neue', 'Barlow Condensed', sans-serif; font-size: clamp(1.5rem, 4.5vw, 2.2rem); line-height: 1.03; color: #fff; margin: 0 0 0.25rem; }
.iv-blurb { font-family: 'Barlow', sans-serif; font-size: 0.82rem; color: #a9bcd8; line-height: 1.5; margin: 0; }
.iv-blurb strong { color: #fff; }

/* Issue switcher — horizontally scrollable chips */
.iv-switcher-wrap { padding: 0 0.6rem; }
.iv-switcher {
  display: flex; gap: 0.4rem; overflow-x: auto; padding: 0.3rem 0.4rem 0.55rem;
  scrollbar-width: thin; -webkit-overflow-scrolling: touch;
}
.iv-switcher::-webkit-scrollbar { height: 4px; }
.iv-switcher::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.15); border-radius: 2px; }
.iv-chip {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 0.35rem; cursor: pointer;
  background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px; padding: 0.35rem 0.7rem; min-height: 34px;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 0.78rem;
  color: #c8d6ee; white-space: nowrap; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.iv-chip:hover { background: rgba(127, 180, 255, 0.12); color: #fff; }
.iv-chip.is-active { background: rgba(127, 180, 255, 0.2); border-color: rgba(127, 180, 255, 0.6); color: #fff; }
.iv-chip:focus-visible { outline: 2px solid #7fb4ff; outline-offset: 2px; }
.iv-chip-ico { font-size: 0.95rem; }
.iv-chip-n {
  font-size: 0.62rem; font-weight: 800; color: #0a0f1e; background: #7fb4ff;
  border-radius: 999px; padding: 0.02rem 0.34rem; min-width: 1.1rem; text-align: center;
}
.iv-chip.is-active .iv-chip-n { background: #f5c842; }

/* Filters */
.iv-filters {
  display: flex; flex-wrap: wrap; gap: 0.6rem 1rem; align-items: center;
  padding: 0.5rem 1rem 0.7rem; border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.iv-filter-set { display: inline-flex; gap: 0.35rem; }
.iv-fbtn {
  cursor: pointer; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px; padding: 0.3rem 0.7rem; min-height: 32px;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 0.73rem;
  color: #c8d6ee; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.iv-fbtn:hover { background: rgba(255, 255, 255, 0.1); color: #fff; }
.iv-fbtn.is-on { background: rgba(245, 200, 66, 0.16); border-color: rgba(245, 200, 66, 0.5); color: #f5c842; }
.iv-fbtn--R.is-on { background: rgba(248, 113, 113, 0.16); border-color: rgba(248, 113, 113, 0.5); color: #f87171; }
.iv-fbtn--D.is-on { background: rgba(96, 165, 250, 0.16); border-color: rgba(96, 165, 250, 0.5); color: #60a5fa; }
.iv-fbtn--I.is-on { background: rgba(167, 139, 250, 0.16); border-color: rgba(167, 139, 250, 0.5); color: #a78bfa; }
.iv-fbtn:focus-visible { outline: 2px solid #7fb4ff; outline-offset: 2px; }

/* Body / list */
.iv-body { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0.5rem 0.7rem 1rem; }
.iv-coverage {
  font-family: 'Barlow Condensed', sans-serif; font-size: 0.74rem; color: #8ea3c2;
  letter-spacing: 0.02em; padding: 0.45rem 0.5rem 0.6rem; line-height: 1.4;
}
.iv-coverage strong { color: #fff; }
.iv-cov-thin { color: #cbb58a; }
.iv-empty { text-align: center; color: #93a7c4; font-family: 'Barlow', sans-serif; padding: 2.5rem 1rem; }

.iv-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.iv-row {
  position: relative; display: flex; align-items: flex-start; gap: 0.6rem;
  background: rgba(16, 26, 48, 0.7); border: 1px solid rgba(255, 255, 255, 0.07);
  border-left: 3px solid var(--iv-accent, #94a3b8); border-radius: 0.7rem;
  padding: 0.7rem 0.7rem 0.75rem; transition: background 0.15s ease, border-color 0.15s ease;
}
.iv-row:hover { background: rgba(22, 36, 64, 0.9); }
.iv-rank {
  flex: 0 0 auto; font-family: 'Bebas Neue', 'Barlow Condensed', sans-serif; font-size: 1.05rem;
  color: #6f88ad; min-width: 1.5rem; text-align: center; padding-top: 0.15rem;
}
.iv-row-photo {
  flex: 0 0 auto; width: 2.6rem; height: 2.6rem; border-radius: 9999px; overflow: hidden;
  background: rgba(255, 255, 255, 0.06); display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; border: 1px solid rgba(255, 255, 255, 0.1);
}
.iv-row-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.iv-row-main { flex: 1 1 auto; min-width: 0; }
.iv-row-id { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.iv-row-name { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 1rem; color: #fff; }
.iv-row-party {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 0.6rem;
  letter-spacing: 0.05em; padding: 0.06rem 0.34rem; border-radius: 0.3rem;
}
.iv-row-sub { font-family: 'Barlow Condensed', sans-serif; font-size: 0.72rem; color: #7f97ba; }
.iv-row-stance { font-family: 'Barlow', sans-serif; font-size: 0.8rem; color: #c4d2e8; line-height: 1.4; margin: 0.28rem 0 0.1rem; }
.iv-row-stance-w { color: #9fb4d4; font-weight: 600; }
.iv-row-verdict { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.35rem; }
.iv-badge {
  display: inline-flex; align-items: center; gap: 0.25rem; font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800; font-size: 0.62rem; letter-spacing: 0.04em; text-transform: uppercase;
  padding: 0.12rem 0.42rem; border-radius: 0.35rem; white-space: nowrap;
  color: var(--iv-accent); background: rgba(148, 163, 184, 0.14); border: 1px solid rgba(148, 163, 184, 0.42);
}
.iv-badge.iv-consistent    { background: rgba(74, 222, 128, 0.14);  border-color: rgba(74, 222, 128, 0.42); }
.iv-badge.iv-mixed         { background: rgba(245, 200, 66, 0.14);  border-color: rgba(245, 200, 66, 0.42); }
.iv-badge.iv-flag          { background: rgba(245, 158, 11, 0.14);  border-color: rgba(245, 158, 11, 0.42); }
.iv-badge.iv-contradiction { background: rgba(248, 113, 113, 0.14); border-color: rgba(248, 113, 113, 0.42); }
.iv-badge.iv-stated        { background: rgba(148, 163, 184, 0.14); border-color: rgba(148, 163, 184, 0.42); }
.iv-badge.iv-voted         { background: rgba(125, 211, 252, 0.14); border-color: rgba(125, 211, 252, 0.42); }
.iv-row-counts { font-family: 'Barlow Condensed', sans-serif; font-size: 0.7rem; color: #8ea3c2; }

/* ── The deciding roll call, cited in the row ───────────────────────────────
   When a row's verdict comes from votes rather than a hand-written receipt, the
   vote itself is named here — position, measure and year, straight off the record.
   The left rule carries the verdict's colour so the direction is readable before
   the words are. */
.iv-row-vote {
  font-family: 'Barlow', sans-serif; font-size: 0.78rem; line-height: 1.4; color: #c4d2e8;
  margin: 0.3rem 0 0.1rem; padding-left: 0.5rem; border-left: 2px solid rgba(148, 163, 184, 0.5);
}
.iv-row-vote strong { color: #e8f0fb; font-weight: 700; }
.iv-row-vote-tag {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 0.62rem;
  letter-spacing: 0.05em; text-transform: uppercase; color: #9fb4d4;
}
.iv-row-vote--contradicts { border-left-color: rgba(248, 113, 113, 0.7); }
.iv-row-vote--contradicts .iv-row-vote-tag { color: #f8a3a3; }
.iv-row-vote--consistent { border-left-color: rgba(74, 222, 128, 0.7); }
.iv-row-vote--consistent .iv-row-vote-tag { color: #86efac; }
.iv-meter { margin-top: 0.4rem; height: 5px; border-radius: 3px; background: rgba(255, 255, 255, 0.08); overflow: hidden; }
.iv-meter-fill { display: block; height: 100%; border-radius: 3px; background: var(--iv-accent, #94a3b8); }

.iv-row-actions { flex: 0 0 auto; align-self: center; }
.iv-receipt-btn {
  cursor: pointer; white-space: nowrap; font-family: 'Barlow Condensed', sans-serif; font-weight: 800;
  font-size: 0.72rem; letter-spacing: 0.04em; color: #0a0f1e;
  background: linear-gradient(90deg, #f5c842, #fbbf24); border: 0; border-radius: 9999px;
  padding: 0.45rem 0.75rem; min-height: 38px; line-height: 1;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
.iv-receipt-btn:hover { transform: translateY(-1px); box-shadow: 0 5px 16px rgba(245, 200, 66, 0.4); }
.iv-receipt-btn:active { transform: translateY(0); }
.iv-receipt-btn:focus-visible { outline: 2px solid #f5c842; outline-offset: 2px; }
.iv-receipt-btn--ghost {
  color: #c8d6ee; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.16);
}
.iv-receipt-btn--ghost:hover { background: rgba(255, 255, 255, 0.12); color: #fff; box-shadow: none; }
/* Vote-led rows land on the measure instead of a receipt card — a different
   destination, so a different colour, but the same tap target size. */
.iv-receipt-btn--vote {
  color: #06263a; background: linear-gradient(90deg, #7dd3fc, #38bdf8);
}
.iv-receipt-btn--vote:hover { box-shadow: 0 5px 16px rgba(56, 189, 248, 0.38); }
.iv-receipt-btn--vote:focus-visible { outline-color: #7dd3fc; }

/* ── Sub-issue focus bar ────────────────────────────────────────────────────
   The ranking can be narrowed to ONE issue ("Housing Affordability") inside a
   larger bundle ("Economy, Inflation & Cost of Living"). This band says so and
   offers the widening in one tap, so precision never becomes a trap. */
.iv-focus {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.6rem;
  margin: 0 0.7rem 0.15rem; padding: 0.5rem 0.7rem; border-radius: 0.6rem;
  background: rgba(127, 180, 255, 0.09); border: 1px solid rgba(127, 180, 255, 0.24);
}
.iv-focus-tag {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 0.62rem;
  letter-spacing: 0.1em; text-transform: uppercase; color: #7fb4ff;
}
.iv-focus-txt { font-family: 'Barlow', sans-serif; font-size: 0.78rem; color: #a9bcd8; }
.iv-focus-btn {
  margin-left: auto; cursor: pointer; font-family: 'Barlow Condensed', sans-serif; font-weight: 800;
  font-size: 0.7rem; letter-spacing: 0.04em; color: #dbe6f7;
  background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 9999px; padding: 0.34rem 0.7rem; min-height: 34px; line-height: 1;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.iv-focus-btn:hover { background: rgba(127, 180, 255, 0.18); border-color: rgba(127, 180, 255, 0.5); color: #fff; }
.iv-focus-btn:focus-visible { outline: 2px solid #7fb4ff; outline-offset: 2px; }

/* ── Coverage honesty callout ───────────────────────────────────────────────
   When an issue is barely documented, the page says so before the list is read.
   Amber for the honest gaps, steel for "still growing" — never a red alarm,
   because a thin record is a fact about us, not an accusation. */
.iv-cov {
  display: flex; gap: 0.6rem; align-items: flex-start;
  margin: 0.15rem 0.5rem 0.55rem; padding: 0.6rem 0.7rem; border-radius: 0.65rem;
  background: rgba(148, 163, 184, 0.1); border: 1px solid rgba(148, 163, 184, 0.28);
}
.iv-cov-ico { flex: 0 0 auto; font-size: 1rem; line-height: 1.3; }
.iv-cov-body { min-width: 0; }
.iv-cov-title {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 0.72rem;
  letter-spacing: 0.08em; text-transform: uppercase; color: #cbd8ec; margin-bottom: 0.15rem;
}
.iv-cov-text { font-family: 'Barlow', sans-serif; font-size: 0.8rem; line-height: 1.5; color: #a9bcd8; margin: 0; }
.iv-cov-text strong { color: #fff; }
.iv-cov--none, .iv-cov--stated-only {
  background: rgba(245, 158, 11, 0.1); border-color: rgba(245, 158, 11, 0.32);
}
.iv-cov--none .iv-cov-title, .iv-cov--stated-only .iv-cov-title { color: #f0c476; }

/* Honest empty states — a titled explanation and a way out, never a blank wall. */
.iv-empty-t {
  font-family: 'Bebas Neue', 'Barlow Condensed', sans-serif; font-size: 1.15rem;
  letter-spacing: 0.02em; color: #fff; margin-bottom: 0.35rem;
}
.iv-empty-p { font-family: 'Barlow', sans-serif; font-size: 0.85rem; line-height: 1.55; color: #93a7c4; margin: 0 auto 1rem; max-width: 26rem; }
.iv-empty-btn {
  cursor: pointer; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 0.74rem;
  letter-spacing: 0.06em; text-transform: uppercase; color: #0a0f1e;
  background: linear-gradient(90deg, #f5c842, #fbbf24); border: 0; border-radius: 9999px;
  padding: 0.55rem 1.1rem; min-height: 42px; line-height: 1;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.iv-empty-btn:hover { transform: translateY(-1px); box-shadow: 0 5px 16px rgba(245, 200, 66, 0.35); }
.iv-empty-btn:focus-visible { outline: 2px solid #f5c842; outline-offset: 2px; }
.iv-empty--scope .iv-empty-t { color: #f0c476; }

/* ── Responsive ─────────────────────────────────────────────────────────────*/
@media (max-width: 560px) {
  .iv-panel { max-height: 100vh; border-radius: 0.8rem; }
  .iv-row { flex-wrap: wrap; }
  .iv-row-actions { width: 100%; margin-top: 0.5rem; padding-left: 3.2rem; }
  .iv-receipt-btn { width: 100%; }
  .ifd-grid { grid-template-columns: 1fr; }
  .iv-eyebrow { font-size: 0.62rem; letter-spacing: 0.1em; }
  .iv-share { padding: 0.4rem 0.6rem; }
  .iv-focus { margin: 0 0.5rem 0.15rem; }
  .iv-focus-btn { margin-left: 0; width: 100%; }
  .iv-cov { margin: 0.15rem 0.2rem 0.5rem; }
  .iv-empty-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .iv-overlay.is-open, .iv-panel { animation: none; }
  .ifd-card, .iv-chip, .iv-fbtn, .iv-receipt-btn, .iv-row, .ifd-go,
  .iv-share, .iv-focus-btn, .iv-empty-btn { transition: none; }
  .iv-empty-btn:hover, .iv-receipt-btn:hover { transform: none; }
}