/* ═══ $100B PREMIUM — Transaction Manager (scoped to #transactions) ═══
   Apple animated hero + glass cards + animated blue glow lines + premium tabs.
   Uses globally-defined @keyframes z100bCardGlow (z100b-social) and
   z100bHeroShift (z100b-hero-animated).
   Kills: gold (#c9a84c/var(--gold)/rgba(201,168,76)), alt-blue (#4FA8FF/#1A7FE8),
   yellow (#FBBF24), amber-orange (#E0A870), dark CSS-var panels
   (var(--black)/var(--black-card)/var(--black-border)), ghost text.
   Green (#50C878/#34D399/#10b981) kept as semantic SUCCESS → premium #059669. */

/* ── Base: light page + dark text ── */
#transactions { background: #f0f2f7 !important; color: #111827 !important; }
#transactions, #transactions * { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }
#transactions label { color: #374151 !important; -webkit-text-fill-color: #374151 !important; }

/* ── Ghost-gray / muted tokens → readable slate ── */
#transactions [style*="color:var(--white-dim"],
#transactions [style*="color:var(--text-muted"],
#transactions [style*="color:#aaa"], #transactions [style*="color: #aaa"],
#transactions [style*="color:#888"], #transactions [style*="color: #888"],
#transactions [style*="color:#999"], #transactions [style*="color: #999"],
#transactions [style*="color:#ccc"], #transactions [style*="color: #ccc"],
#transactions [style*="color:#ddd"], #transactions [style*="color: #ddd"],
#transactions [style*="color:#eee"], #transactions [style*="color: #eee"],
#transactions [style*="color:#546080"], #transactions [style*="color: #546080"],
#transactions [style*="color:#6070A0"], #transactions [style*="color: #6070A0"] {
  color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important;
}

/* ── White text (in body, not hero) → dark ── */
#transactions [style*="color:#fff"]:not(.add-tx-panel *),
#transactions [style*="color: #fff"]:not(.add-tx-panel *),
#transactions [style*="color:white"] {
  color: #111827 !important; -webkit-text-fill-color: #111827 !important;
}

/* ── Gold / yellow / alt-blue / amber-orange → ZOOM blue ── */
#transactions [style*="color:var(--gold"],
#transactions [style*="color:#c9a84c"], #transactions [style*="color: #c9a84c"],
#transactions [style*="color:#E0A870"], #transactions [style*="color: #E0A870"],
#transactions [style*="color:#FBBF24"], #transactions [style*="color: #FBBF24"],
#transactions [style*="color:#4FA8FF"], #transactions [style*="color: #4FA8FF"],
#transactions [style*="color:#1A7FE8"], #transactions [style*="color: #1A7FE8"] {
  color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important;
}

/* ── Green success tokens → premium emerald ── */
#transactions [style*="color:#50C878"], #transactions [style*="color: #50C878"],
#transactions [style*="color:#34D399"], #transactions [style*="color: #34D399"],
#transactions [style*="color:#22C55E"], #transactions [style*="color: #22C55E"],
#transactions [style*="color:#10b981"], #transactions [style*="color: #10b981"] {
  color: #059669 !important; -webkit-text-fill-color: #059669 !important;
}

/* ── Gold/amber-tinted stat tile backgrounds & borders → ZOOM blue ── */
#transactions [style*="rgba(201,168,76,0.08)"] { background-color: rgba(0,101,241,0.06) !important; }
#transactions [style*="rgba(201,168,76,0.15)"] { border-color: rgba(0,101,241,0.18) !important; }
#transactions [style*="rgba(201,168,76,0.2)"]  { border-color: rgba(0,101,241,0.22) !important; }
#transactions [style*="rgba(201,168,76,0.25)"] { border-color: rgba(0,101,241,0.25) !important; }
#transactions [style*="rgba(201,168,76,0.3)"]  { border-color: rgba(0,101,241,0.30) !important; }
#transactions [style*="rgba(201,168,76,0.4)"]  { border-color: rgba(0,101,241,0.40) !important; }
#transactions [style*="rgba(224,168,112,0.3)"] { border-color: rgba(0,101,241,0.28) !important; }
#transactions [style*="rgba(79,168,255,0.3)"]  { border-color: rgba(0,101,241,0.28) !important; }
/* Blue rgba(26,127,232) → ZOOM blue rgba(0,101,241) */
#transactions [style*="rgba(26,127,232,0.06)"] { background-color: rgba(0,101,241,0.06) !important; }
#transactions [style*="rgba(26,127,232,0.08)"] { background-color: rgba(0,101,241,0.08) !important; }
#transactions [style*="rgba(26,127,232,0.2)"]  { border-color: rgba(0,101,241,0.25) !important; }
#transactions [style*="rgba(26,127,232,0.4)"]  { border-color: rgba(0,101,241,0.40) !important; }
/* Green success tints kept but deepened */
#transactions [style*="rgba(80,200,120,0.08)"] { background-color: rgba(5,150,105,0.07) !important; }
#transactions [style*="rgba(80,200,120,0.2)"]  { border-color: rgba(5,150,105,0.25) !important; }
#transactions [style*="rgba(80,200,120,0.3)"]  { border-color: rgba(5,150,105,0.30) !important; }
#transactions [style*="rgba(80,200,120,0.4)"]  { border-color: rgba(5,150,105,0.40) !important; }

/* ── Hero header: shared z100b-hero-animated handles bg + animated border glow.
   Here we only refine hero stat tiles on the white glass hero. ── */
#transactions > .tx-section > div:first-child > div[style*="display:flex"] > div[style*="text-align:center"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(0,101,241,0.04)) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.04), 0 4px 14px rgba(0,101,241,0.06) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* ── Deal velocity card ── */
#transactions #ss-deal-velocity {
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(0,101,241,0.04)) !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.05), 0 10px 28px rgba(0,101,241,0.08) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}
#transactions #ss-deal-velocity::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 5s linear infinite;
  z-index: 2;
}
#transactions #ss-deal-velocity:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(0,101,241,0.14), 0 14px 36px rgba(0,101,241,0.10) !important;
}

/* ── Daily pulse card ── */
#transactions #tc-daily-pulse {
  position: relative !important;
  overflow: hidden !important;
}
#transactions #tc-daily-pulse::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 5s linear infinite;
  z-index: 2;
}

/* ── Inner filter tabs ── */
#transactions .inner-tab {
  background: rgba(255,255,255,0.82) !important;
  border: 0.5px solid rgba(0,101,241,0.14) !important;
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
  transition: all 0.22s ease !important;
}
#transactions .inner-tab:hover {
  background: rgba(0,101,241,0.08) !important;
  border-color: rgba(0,101,241,0.32) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transform: translateY(-1px) !important;
}
#transactions .inner-tab.active {
  background: linear-gradient(135deg, #0055d4, #0065f1, #2d7af8) !important;
  background-size: 200% 100% !important;
  animation: z100bCardGlow 6s linear infinite !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0,101,241,0.30) !important;
}
#transactions .inner-tab.active * { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* ── Buttons: btn-gold → ZOOM blue with white text ── */
#transactions .btn-gold {
  background: linear-gradient(135deg, #0055d4, #0065f1, #2d7af8) !important;
  border: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.30) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
#transactions .btn-gold:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(0,101,241,0.42) !important;
}
#transactions .btn-gold * { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* btn-outline → glass with blue hover */
#transactions .btn-outline {
  background: rgba(255,255,255,0.82) !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
  transition: all 0.2s ease !important;
}
#transactions .btn-outline:hover {
  background: rgba(0,101,241,0.08) !important;
  border-color: rgba(0,101,241,0.42) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(0,101,241,0.14) !important;
}

/* ── Add Transaction panel (.add-tx-panel) → premium glass + animated glow ── */
#transactions .add-tx-panel {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(0,101,241,0.035)) !important;
  border: 0.5px solid rgba(0,101,241,0.15) !important;
  border-radius: 18px !important;
  padding: 28px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.04), 0 10px 30px rgba(0,101,241,0.07) !important;
}
#transactions .add-tx-panel::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 4s linear infinite;
  z-index: 2;
}

/* ── Inputs / selects / textareas ── */
#transactions input[type="text"], #transactions input[type="email"], #transactions input[type="tel"],
#transactions input[type="number"], #transactions input[type="date"], #transactions input[type="time"],
#transactions input[type="password"], #transactions select, #transactions textarea {
  background: rgba(255,255,255,0.94) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  border-radius: 10px !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
#transactions input:focus, #transactions select:focus, #transactions textarea:focus {
  outline: none !important;
  border-color: #0065f1 !important;
  box-shadow: 0 0 0 3px rgba(0,101,241,0.10) !important;
}
#transactions input::placeholder, #transactions textarea::placeholder {
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;
}

/* ── ai-panel premium ── */
#transactions .ai-panel {
  background: rgba(255,255,255,0.96) !important;
  border: 0.5px solid rgba(0,101,241,0.15) !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.04), 0 10px 30px rgba(0,101,241,0.06) !important;
  position: relative !important;
  overflow: hidden !important;
}
#transactions .ai-panel::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #0055d4, #0065f1, #2d7af8, #0065f1, #0055d4);
  background-size: 200% 100%;
  animation: z100bCardGlow 6s linear infinite;
  z-index: 2;
}
#transactions .ai-panel-title { color: #111827 !important; }
#transactions .ai-panel-subtitle { color: #6b7280 !important; }
#transactions .ai-panel-icon { background: rgba(0,101,241,0.10) !important; color: #0065f1 !important; }

/* ── Pipeline board columns ── */
#transactions .tc-pipeline-col {
  background: rgba(255,255,255,0.92) !important;
  border: 0.5px solid rgba(0,101,241,0.14) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  box-shadow: 0 1px 3px rgba(0,101,241,0.04), 0 6px 18px rgba(0,101,241,0.06) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}
#transactions .tc-pipeline-col:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0,101,241,0.10), 0 12px 28px rgba(0,101,241,0.08) !important;
}
/* Pipeline column heading underlines */
#transactions .tc-pipeline-col > div[style*="border-bottom:2px solid"] {
  border-bottom-color: rgba(0,101,241,0.28) !important;
}

/* ── Dark CSS-var backgrounds → glass white ── */
#transactions [style*="background:var(--black)"],
#transactions [style*="background: var(--black)"],
#transactions [style*="background:var(--black-card)"],
#transactions [style*="background: var(--black-card)"],
#transactions [style*="background:#0d0f14"], #transactions [style*="background: #0d0f14"],
#transactions [style*="background:#080a0e"], #transactions [style*="background: #080a0e"],
#transactions [style*="background:#111318"], #transactions [style*="background: #111318"] {
  background: rgba(255,255,255,0.96) !important;
  border-color: rgba(0,101,241,0.18) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* ── Dark dashed dropzone border → blue glass dashed ── */
#transactions [style*="border:2px dashed var(--black-border)"],
#transactions [style*="border: 2px dashed var(--black-border)"] {
  background: rgba(0,101,241,0.04) !important;
  border: 2px dashed rgba(0,101,241,0.32) !important;
  color: #111827 !important;
  transition: all 0.25s ease !important;
}
#transactions #tx-doc-dropzone:hover {
  background: rgba(0,101,241,0.08) !important;
  border-color: rgba(0,101,241,0.50) !important;
  box-shadow: 0 6px 20px rgba(0,101,241,0.14) !important;
}

/* ── Dark hairline var borders → soft blue ── */
#transactions [style*="border:1px solid var(--black-border)"],
#transactions [style*="border: 1px solid var(--black-border)"],
#transactions [style*="border:1px solid #1e2028"],
#transactions [style*="border:1px solid #2a2d38"] {
  border-color: rgba(0,101,241,0.16) !important;
}

/* ── Document modal scrim + card ── */
#transactions #tx-doc-modal {
  background: rgba(10,25,47,0.50) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
#transactions #tx-doc-modal > div {
  background: rgba(255,255,255,0.98) !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
  box-shadow: 0 20px 60px rgba(0,101,241,0.24) !important;
}
/* Modal styling kept id-scoped so it survives being reparented to <body> on open (which escapes
   the .section will-change:transform containing block that otherwise traps position:fixed). */
#tx-doc-modal > div {
  background: rgba(255,255,255,0.98) !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
  box-shadow: 0 20px 60px rgba(0,101,241,0.24) !important;
}
#tx-doc-modal-title { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; }
#tx-doc-modal-meta { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }

/* ── Section heading underlines (gold rgba(201,168,76,0.15)) → blue ── */
#transactions [style*="border-bottom:1px solid rgba(201,168,76,0.15)"] {
  border-bottom-color: rgba(0,101,241,0.18) !important;
}

/* ── Copy button ── */
#transactions .copy-btn {
  background: rgba(255,255,255,0.82) !important;
  border: 0.5px solid rgba(0,101,241,0.22) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}

/* ── Transaction list rendered items (tx-list) — inherit transitions ── */
#transactions #tx-list > * {
  transition: transform 0.22s cubic-bezier(0.16,1,0.3,1), box-shadow 0.22s ease, border-color 0.22s ease !important;
}

/* ── Address suggestions dropdown ── */
#transactions #zca-suggestions,
#transactions .address-suggestions {
  background: rgba(255,255,255,0.98) !important;
  border-color: rgba(0,101,241,0.22) !important;
  box-shadow: 0 10px 30px rgba(0,101,241,0.14) !important;
}

/* ── ZOOM Co-Agent selected chip ── */
#transactions #zca-selected {
  background: rgba(0,101,241,0.08) !important;
  border-color: rgba(0,101,241,0.25) !important;
  color: #0065f1 !important;
  -webkit-text-fill-color: #0065f1 !important;
}

/* ── Gradient buttons: force white text ── */
#transactions button[style*="linear-gradient"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ── Weekly update select inline overrides ── */
#transactions #tx-update-select[style*="#eee"],
#transactions #tx-update-select {
  background: rgba(255,255,255,0.94) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

/* ── ai-result panel ── */
#transactions .ai-result {
  background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(0,101,241,0.04)) !important;
  border: 0.5px solid rgba(0,101,241,0.18) !important;
  border-radius: 14px !important;
}
#transactions .ai-result-label { color: #0065f1 !important; -webkit-text-fill-color: #0065f1 !important; }
#transactions .ai-result-text { color: #374151 !important; -webkit-text-fill-color: #374151 !important; }