/* ══════════════════════════════════════════════════════════════════
   BEEASY FIELD OMEGA — STYLES
   Scope: .omega-* classes only. Uses existing Field CSS vars.
   ══════════════════════════════════════════════════════════════════ */

/* ── DEFENSIVE LAYOUT (prevent collapse/shrink on refresh) ────────── */
#tab-marketplace, #tab-myjobs, #tab-routes, #tab-performance, #tab-alerts,
#mkt-root, #myjobs-root, #routes-root, #perf-root, #alerts-root {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}
#mkt-root, #myjobs-root, #routes-root, #perf-root, #alerts-root {
  min-height: 300px;
}
.omega-body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 0;
}
/* Prevent any inherited transform/scale from compressing the view */
#tab-marketplace, #tab-myjobs, #tab-routes, #tab-performance, #tab-alerts,
#mkt-root, #myjobs-root, #routes-root, #perf-root, #alerts-root,
.omega-body, .omega-hdr, .omega-nav {
  transform: none !important;
}

/* ── HEADER ────────────────────────────────────────────────────── */
.omega-hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  background: linear-gradient(135deg, rgba(245,158,11,.08), rgba(245,158,11,.02) 40%, transparent);
  border-bottom: 1px solid var(--border, rgba(255,255,255,.08));
  flex-wrap: wrap;
  gap: 16px;
}
.omega-hdr-title { display:flex; align-items:center; gap:14px; }
.omega-hdr-label {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px; letter-spacing: 3px;
  color: var(--amber, #f59e0b);
  font-weight: 700;
}
.omega-hdr-sub {
  font-size: 12px; color: var(--text3, #94a3b8);
  margin-top: 2px;
}
.omega-pulse {
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 0 rgba(34,197,94,.7);
  animation: omega-pulse 2s infinite;
}
@keyframes omega-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(34,197,94,.7); }
  70%  { box-shadow: 0 0 0 10px rgba(34,197,94,0); }
  100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}
.omega-hdr-stats { display:flex; gap: 24px; }
.omega-stat { text-align: right; }
.omega-stat-v {
  font-family: var(--font-mono, monospace);
  font-size: 22px; font-weight: 800;
  color: var(--text, #e2e8f0);
  line-height: 1;
}
.omega-stat-v span.omega-stat-u,
.omega-stat-v > span {
  font-size: 12px;
  color: var(--text3, #94a3b8);
  margin-left: 2px;
}
.omega-stat-l {
  font-size: 10px; letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--text3, #94a3b8);
  margin-top: 4px;
}

/* ── NAV ───────────────────────────────────────────────────────── */
.omega-nav {
  display: flex; gap: 4px;
  padding: 8px 16px;
  border-bottom: 1px solid var(--border, rgba(255,255,255,.06));
  background: var(--surface, #0f172a);
  overflow-x: auto;
  scrollbar-width: thin;
}
.omega-nav-btn {
  background: transparent;
  border: 1px solid transparent;
  color: var(--text2, #cbd5e1);
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 13px; font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  display: inline-flex; align-items: center; gap: 6px;
  transition: all .15s ease;
}
.omega-nav-btn:hover { background: var(--surface2, rgba(255,255,255,.04)); color: var(--text, #fff); }
.omega-nav-btn.active {
  background: linear-gradient(135deg, rgba(245,158,11,.18), rgba(245,158,11,.08));
  color: var(--amber, #f59e0b);
  border-color: rgba(245,158,11,.5);
  box-shadow: 0 1px 0 rgba(245,158,11,.3) inset, 0 4px 12px rgba(245,158,11,.08);
  font-weight: 700;
}
.omega-nav-count {
  background: var(--amber, #f59e0b);
  color: #000;
  font-size: 10px; font-weight: 800;
  padding: 1px 6px; border-radius: 8px;
  line-height: 1.4;
}

/* ── BODY ──────────────────────────────────────────────────────── */
.omega-body { padding: 20px 24px; }

/* ── FILTERS ───────────────────────────────────────────────────── */
.omega-filters {
  display: flex; gap: 10px; margin-bottom: 20px;
  flex-wrap: wrap;
}
.omega-filters select,
.omega-filters input {
  background: var(--surface2, #1e293b);
  border: 1px solid var(--border, rgba(255,255,255,.08));
  color: var(--text, #e2e8f0);
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-family: inherit;
}
.omega-filters select:focus,
.omega-filters input:focus {
  outline: none;
  border-color: var(--amber, #f59e0b);
}

/* ── BUTTONS ───────────────────────────────────────────────────── */
.omega-btn, .omega-btn-ghost, .omega-btn-claim, .omega-btn-disabled, .omega-btn-sm {
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
  transition: all .15s ease;
  padding: 8px 14px;
}
.omega-btn {
  background: var(--amber, #f59e0b);
  color: #000;
}
.omega-btn:hover { background: #fbbf24; transform: translateY(-1px); }
.omega-btn-ghost {
  background: transparent;
  color: var(--text2, #cbd5e1);
  border: 1px solid var(--border, rgba(255,255,255,.08));
}
.omega-btn-ghost:hover { background: var(--surface2, rgba(255,255,255,.04)); color: var(--text, #fff); }
.omega-btn-sm {
  padding: 6px 10px; font-size: 12px;
  background: var(--surface2, #1e293b);
  color: var(--text, #e2e8f0);
  border: 1px solid var(--border, rgba(255,255,255,.08));
}
.omega-btn-sm:hover { background: var(--surface3, #334155); }
.omega-btn-claim {
  background: linear-gradient(135deg, var(--amber,#f59e0b), #fbbf24);
  color: #000;
  padding: 10px 20px;
  font-size: 13px; letter-spacing: .5px;
  box-shadow: 0 4px 14px rgba(245,158,11,.25);
}
.omega-btn-claim:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(245,158,11,.4); }
.omega-btn-claim:disabled { opacity: .6; cursor: wait; transform: none; }
.omega-btn-disabled {
  background: rgba(239,68,68,.1);
  color: #ef4444;
  border: 1px solid rgba(239,68,68,.3);
  cursor: not-allowed;
  text-transform: lowercase;
}

/* ── MARKETPLACE GRID ──────────────────────────────────────────── */
.omega-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 14px;
}
.omega-card {
  background: var(--surface, #111827);
  border: 1px solid var(--border, rgba(255,255,255,.08));
  border-radius: 12px;
  padding: 16px;
  display: flex; flex-direction: column;
  gap: 10px;
  transition: all .2s ease;
  position: relative;
}
.omega-card:hover {
  border-color: var(--amber, #f59e0b);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.3);
}
.omega-card.is-hot {
  border-color: rgba(239,68,68,.5);
  background: linear-gradient(135deg, rgba(239,68,68,.08), var(--surface, #111827) 60%);
}
.omega-card.is-hot::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, #ef4444, #f59e0b);
  border-radius: 12px 12px 0 0;
}
.omega-card-top { display: flex; justify-content: space-between; align-items: flex-start; }
.omega-card-trade {
  font-family: var(--font-mono, monospace);
  font-size: 11px; letter-spacing: 1.5px;
  color: var(--amber, #f59e0b);
  text-transform: uppercase;
  font-weight: 700;
  display: flex; gap: 8px; align-items: center;
}
.omega-card-expire {
  font-size: 11px;
  color: var(--text3, #94a3b8);
  font-family: var(--font-mono, monospace);
}
.omega-prio-hot, .omega-prio-high {
  font-size: 10px; padding: 2px 6px;
  border-radius: 4px; font-weight: 800;
  letter-spacing: .5px;
}
.omega-prio-hot  { background: rgba(239,68,68,.2); color: #ef4444; }
.omega-prio-high { background: rgba(168,85,247,.2); color: #a855f7; }
.omega-card-client {
  font-size: 16px; font-weight: 700;
  color: var(--text, #e2e8f0);
}
.omega-card-loc {
  font-size: 12px; color: var(--text2, #cbd5e1);
}
.omega-card-desc {
  font-size: 13px; color: var(--text3, #94a3b8);
  line-height: 1.5;
  min-height: 38px;
}
.omega-card-bottom {
  display: flex; justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid var(--border, rgba(255,255,255,.06));
}
.omega-card-value {
  font-size: 18px; font-weight: 800;
  color: #22c55e;
  font-family: var(--font-mono, monospace);
}
.omega-card-cost {
  font-size: 10px;
  color: var(--text3, #94a3b8);
  letter-spacing: .5px;
  margin-top: 2px;
}

/* ── PIPELINE (MY JOBS) ────────────────────────────────────────── */
.omega-pipeline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
@media (max-width: 900px) {
  .omega-pipeline { grid-template-columns: repeat(2, 1fr); }
}
.omega-col {
  background: var(--surface, #111827);
  border: 1px solid var(--border, rgba(255,255,255,.08));
  border-radius: 10px;
  overflow: hidden;
}
.omega-col-hdr {
  padding: 10px 12px;
  background: var(--surface2, rgba(255,255,255,.03));
  border-bottom: 1px solid var(--border, rgba(255,255,255,.08));
  font-size: 12px; font-weight: 700;
  letter-spacing: .5px; text-transform: uppercase;
  color: var(--text2, #cbd5e1);
  display: flex; justify-content: space-between;
}
.omega-col-hdr span {
  background: var(--amber-dim, rgba(245,158,11,.15));
  color: var(--amber, #f59e0b);
  font-size: 11px;
  padding: 1px 7px; border-radius: 8px;
}
.omega-col-body {
  padding: 8px;
  min-height: 120px;
  display: flex; flex-direction: column; gap: 6px;
}
.omega-col-empty {
  color: var(--text3, #94a3b8);
  font-size: 12px; text-align: center;
  padding: 20px 0;
}
.omega-job {
  background: var(--surface2, #1e293b);
  border-radius: 8px;
  padding: 10px 12px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all .15s ease;
}
.omega-job:hover { border-color: var(--amber, #f59e0b); }
.omega-job-name { font-size: 13px; font-weight: 700; }
.omega-job-meta { font-size: 11px; color: var(--text3, #94a3b8); margin-top: 2px; }
.omega-job-ago { font-size: 10px; color: var(--amber, #f59e0b); margin-top: 4px; font-family: var(--font-mono, monospace); }

/* ── SECTION HEADER ────────────────────────────────────────────── */
.omega-section-hdr {
  display: flex; justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 18px;
  flex-wrap: wrap; gap: 12px;
}
.omega-section-title {
  font-size: 20px; font-weight: 800;
  color: var(--text, #e2e8f0);
}
.omega-section-sub {
  font-size: 12px; color: var(--text3, #94a3b8);
  margin-top: 2px;
}

/* ── ROUTES ───────────────────────────────────────────────────── */
.omega-routes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
}
.omega-route-card {
  background: var(--surface, #111827);
  border: 1px solid var(--border, rgba(255,255,255,.08));
  border-radius: 12px;
  padding: 14px;
}
.omega-route-top {
  display: flex; justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.omega-route-name { font-weight: 700; font-size: 15px; }
.omega-route-cluster {
  font-size: 11px; color: var(--text3, #94a3b8);
  font-family: var(--font-mono, monospace);
  margin-top: 2px;
}
.omega-route-status {
  font-size: 10px; letter-spacing: 1.5px;
  text-transform: uppercase; font-weight: 800;
}
.omega-route-bar {
  background: var(--surface2, #1e293b);
  height: 6px; border-radius: 3px;
  overflow: hidden;
}
.omega-route-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--amber, #f59e0b), #22c55e);
  transition: width .5s ease;
}
.omega-route-meta {
  font-size: 11px; color: var(--text3, #94a3b8);
  margin-top: 8px;
  font-family: var(--font-mono, monospace);
}
.omega-route-actions {
  display: flex; gap: 6px;
  margin-top: 10px;
}

/* ── STOPS LIST (modal) ───────────────────────────────────────── */
.omega-stops-list { display: flex; flex-direction: column; gap: 6px; }
.omega-stop {
  display: grid;
  grid-template-columns: 40px 1fr 160px;
  gap: 10px; align-items: center;
  padding: 8px 12px;
  background: var(--surface2, #1e293b);
  border-radius: 6px;
  font-size: 13px;
}
.omega-stop-seq {
  font-family: var(--font-mono, monospace);
  color: var(--amber, #f59e0b);
  font-weight: 700;
  font-size: 11px;
}
.omega-stop-addr { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.omega-stop select {
  background: var(--surface, #111827);
  border: 1px solid var(--border, rgba(255,255,255,.08));
  color: var(--text, #e2e8f0);
  padding: 4px 8px; border-radius: 4px;
  font-size: 12px;
}

/* ── TABLE (NETWORK) ──────────────────────────────────────────── */
.omega-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.omega-table th {
  text-align: left; padding: 10px 12px;
  background: var(--surface2, rgba(255,255,255,.03));
  font-size: 10px; letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--text3, #94a3b8);
  font-weight: 700;
  border-bottom: 1px solid var(--border, rgba(255,255,255,.08));
}
.omega-table td {
  padding: 12px;
  border-bottom: 1px solid var(--border, rgba(255,255,255,.04));
}
.omega-table tr.is-me { background: rgba(245,158,11,.05); }
.omega-table tr:hover { background: var(--surface2, rgba(255,255,255,.03)); }
.omega-tier {
  font-size: 10px; font-weight: 800;
  padding: 3px 8px; border-radius: 4px;
  border: 1px solid;
  letter-spacing: .5px;
}
.omega-you {
  background: var(--amber, #f59e0b);
  color: #000;
  font-size: 9px; font-weight: 800;
  padding: 1px 5px; border-radius: 3px;
  margin-left: 6px;
  letter-spacing: 1px;
}

/* ── PERFORMANCE ──────────────────────────────────────────────── */
.omega-perf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.omega-perf-card {
  background: var(--surface, #111827);
  border: 1px solid var(--border, rgba(255,255,255,.08));
  border-radius: 12px;
  padding: 18px;
}
.omega-perf-label {
  font-size: 10px; letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--text3, #94a3b8);
  font-weight: 700;
}
.omega-perf-val {
  font-family: var(--font-mono, monospace);
  font-size: 36px; font-weight: 800;
  color: var(--text, #e2e8f0);
  margin: 8px 0 4px;
  line-height: 1;
}
.omega-perf-val span {
  font-size: 18px;
  color: var(--text3, #94a3b8);
  margin-left: 2px;
}
.omega-perf-sub {
  font-size: 11px; color: var(--text3, #94a3b8);
}
.omega-perf-note {
  background: rgba(245,158,11,.04);
  border: 1px solid rgba(245,158,11,.15);
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 12px;
  color: var(--text2, #cbd5e1);
  line-height: 1.6;
}
.omega-perf-note code {
  background: var(--surface2, #1e293b);
  padding: 1px 6px; border-radius: 3px;
  font-size: 11px;
  color: var(--amber, #f59e0b);
}

/* ── NOTIFICATIONS ────────────────────────────────────────────── */
.omega-notif-list { display: flex; flex-direction: column; gap: 6px; }
.omega-notif {
  display: flex; gap: 12px;
  padding: 12px 14px;
  background: var(--surface, #111827);
  border: 1px solid var(--border, rgba(255,255,255,.06));
  border-radius: 10px;
  cursor: pointer;
  transition: all .15s ease;
}
.omega-notif:hover { border-color: var(--amber, #f59e0b); }
.omega-notif.is-unread {
  background: linear-gradient(90deg, rgba(245,158,11,.06), transparent 60%);
  border-color: rgba(245,158,11,.2);
}
.omega-notif-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--text3, #94a3b8);
  margin-top: 8px;
  flex-shrink: 0;
}
.omega-notif.is-unread .omega-notif-dot { background: var(--amber, #f59e0b); }
.omega-notif-title { font-weight: 700; font-size: 13px; }
.omega-notif-sub { font-size: 12px; color: var(--text3, #94a3b8); margin-top: 2px; }
.omega-notif-ago { font-size: 10px; color: var(--text3, #94a3b8); margin-top: 4px; font-family: var(--font-mono, monospace); }

/* ── EMPTY STATES ─────────────────────────────────────────────── */
.omega-empty {
  text-align: center;
  padding: 60px 20px;
  color: var(--text3, #94a3b8);
}
.omega-empty-icon { font-size: 40px; margin-bottom: 12px; opacity: .6; }
.omega-empty-title {
  font-size: 16px; font-weight: 700;
  color: var(--text2, #cbd5e1);
  margin-bottom: 6px;
}
.omega-empty-sub { font-size: 13px; max-width: 400px; margin: 0 auto; line-height: 1.6; }

/* ── MODALS ───────────────────────────────────────────────────── */
.omega-modal-backdrop {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.7);
  backdrop-filter: blur(4px);
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.omega-modal {
  background: var(--surface, #111827);
  border: 1px solid var(--border, rgba(255,255,255,.08));
  border-radius: 14px;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow: hidden;
  display: flex; flex-direction: column;
}
.omega-modal-lg { max-width: 780px; }
.omega-modal-hdr {
  padding: 16px 20px;
  border-bottom: 1px solid var(--border, rgba(255,255,255,.08));
  display: flex; justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 15px;
}
.omega-modal-hdr button {
  background: transparent;
  border: none;
  color: var(--text3, #94a3b8);
  font-size: 18px;
  cursor: pointer;
  padding: 4px 8px;
}
.omega-modal-hdr button:hover { color: var(--text, #fff); }
.omega-modal-body {
  padding: 18px 20px;
  overflow-y: auto;
  display: flex; flex-direction: column; gap: 8px;
}
.omega-modal-body label {
  font-size: 11px;
  color: var(--text3, #94a3b8);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 6px;
}
.omega-modal-body input,
.omega-modal-body textarea {
  background: var(--surface2, #1e293b);
  border: 1px solid var(--border, rgba(255,255,255,.08));
  color: var(--text, #e2e8f0);
  padding: 9px 12px;
  border-radius: 8px;
  font-family: inherit;
  font-size: 13px;
}
.omega-modal-body input:focus,
.omega-modal-body textarea:focus {
  outline: none;
  border-color: var(--amber, #f59e0b);
}

/* ── MOBILE ────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .omega-hdr { padding: 14px 16px; }
  .omega-hdr-stats { gap: 14px; }
  .omega-stat-v { font-size: 18px; }
  .omega-body { padding: 14px; }
  .omega-grid { grid-template-columns: 1fr; }
  .omega-perf-val { font-size: 28px; }
}

/* ── CREW "MY WORK" SIMPLIFIED VIEW ────────────────────────────── */
.omega-crew-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}
.omega-crew-section {
  background: var(--surface, #111827);
  border: 1px solid var(--border, rgba(255,255,255,.08));
  border-radius: 12px;
  padding: 14px;
  display: flex; flex-direction: column; gap: 8px;
  min-height: 200px;
}
.omega-crew-sec-hdr {
  font-size: 11px; letter-spacing: 1.5px;
  text-transform: uppercase; font-weight: 700;
  color: var(--text2, #cbd5e1);
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border, rgba(255,255,255,.06));
  margin-bottom: 4px;
  display: flex; justify-content: space-between;
}
.omega-crew-sec-hdr span {
  background: var(--amber-dim, rgba(245,158,11,.15));
  color: var(--amber, #f59e0b);
  font-size: 11px;
  padding: 1px 7px; border-radius: 8px;
}

/* ── SIDEBAR badges (for the main Field sidebar) ───────────────── */
#omega-sb-marketplace-badge,
#omega-sb-notifications-badge {
  margin-left: auto;
  background: var(--amber, #f59e0b);
  color: #000;
  font-size: 10px;
  font-weight: 800;
  padding: 1px 6px;
  border-radius: 8px;
  min-width: 18px;
  text-align: center;
}/* BeEasy Field Premium Visual Sweep v2 */
:root{--bf-black:#050506;--bf-panel:#0d1118;--bf-panel2:#111823;--bf-line:rgba(255,255,255,.085);--bf-gold:#f7b500;--bf-gold2:#ffd15c;--bf-white:#f8fafc;--bf-muted:#94a3b8;--bf-green:#19c37d;--bf-red:#ef4444;--bf-radius:20px;--bf-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);--bf-glow:0 0 0 1px rgba(247,181,0,.22),0 0 42px rgba(247,181,0,.16);--amber:var(--bf-gold)!important;--amber2:var(--bf-gold2)!important;--surface:var(--bf-panel)!important;--surface2:var(--bf-panel2)!important;--border:var(--bf-line)!important;--text:var(--bf-white)!important;--text2:#cbd5e1!important;--text3:var(--bf-muted)!important}
html,body{background:var(--bf-black)!important;color:var(--bf-white)!important}body{background:radial-gradient(circle at 18% -15%,rgba(247,181,0,.16),transparent 32%),radial-gradient(circle at 88% 8%,rgba(247,181,0,.10),transparent 28%),linear-gradient(180deg,#060607 0%,#080b10 55%,#030304 100%)!important}.bf-logo-img{height:58px;width:auto;object-fit:contain;filter:drop-shadow(0 0 14px rgba(247,181,0,.25))}.bf-logo-mark{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(247,181,0,.28))}.auth-logo .bf-logo-img{height:92px;margin:0 auto 12px}
.app-nav,nav{background:rgba(4,5,7,.88)!important;backdrop-filter:blur(24px)!important;border-bottom:1px solid rgba(247,181,0,.16)!important;box-shadow:0 18px 50px rgba(0,0,0,.45)!important}.app-nav .nav-logo,.nav-logo{font-weight:950!important;letter-spacing:.5px!important;color:#fff!important;text-transform:uppercase;display:flex!important;align-items:center!important;gap:8px!important}.app-nav .nav-logo span,.nav-wordmark span{color:var(--bf-gold)!important;text-shadow:0 0 22px rgba(247,181,0,.26)!important}.nav-plan-badge,#nav-plan-badge,.nav-tag{background:linear-gradient(135deg,var(--bf-gold),var(--bf-gold2))!important;color:#050505!important;border-radius:999px!important;padding:6px 12px!important;font-weight:900!important;box-shadow:0 0 24px rgba(247,181,0,.18)!important}
.auth-card,.kpi-card,.metric-card,.dash-card,.card,.modal-box,.plan-opt,.quote-card,.invoice-card,.lead-card,.job-card,.review-card,.website-card,.settings-card,.powerup-card,.crew-card,.empty-state,.omega-card,.omega-route-card,.omega-notif,.omega-empty,.total-card,.kpi,.section-card,.feature-card,.pricing-card,.stat-card,[class*="card"],[class*="panel"]{border-radius:var(--bf-radius)!important;border:1px solid var(--bf-line)!important;background:linear-gradient(145deg,rgba(17,24,35,.94),rgba(6,8,12,.96))!important;box-shadow:var(--bf-shadow)!important}.kpi-card:hover,.card:hover,.plan-opt:hover,.quote-card:hover,.invoice-card:hover,.lead-card:hover,.job-card:hover,.review-card:hover,.website-card:hover,.powerup-card:hover,.crew-card:hover,.omega-card:hover,.omega-route-card:hover,[class*="card"]:hover{transform:translateY(-3px);border-color:rgba(247,181,0,.34)!important;box-shadow:var(--bf-shadow),var(--bf-glow)!important}
.sidebar{background:linear-gradient(180deg,rgba(10,14,20,.96),rgba(5,6,9,.98))!important;border-right:1px solid rgba(247,181,0,.14)!important;box-shadow:20px 0 60px rgba(0,0,0,.42)!important}.sb-section{color:var(--bf-gold)!important;font-weight:900!important;letter-spacing:2px!important;margin-top:18px!important}.sb-item{border:1px solid transparent!important;border-radius:16px!important;margin:5px 10px!important;padding:12px 14px!important;color:#cbd5e1!important;transition:all .18s ease!important}.sb-item:hover{background:rgba(247,181,0,.08)!important;border-color:rgba(247,181,0,.18)!important;color:#fff!important;transform:translateX(3px)!important}.sb-item.active{background:linear-gradient(135deg,rgba(247,181,0,.22),rgba(247,181,0,.08))!important;border-color:rgba(247,181,0,.42)!important;color:var(--bf-gold2)!important;box-shadow:0 0 24px rgba(247,181,0,.12),inset 4px 0 0 var(--bf-gold)!important}.sb-badge,.omega-nav-count,.notif-count{background:linear-gradient(135deg,var(--bf-gold),var(--bf-gold2))!important;color:#030303!important;border-radius:999px!important;font-weight:950!important}
.page-header,.omega-hdr{margin:0 0 18px!important;padding:24px 28px!important;border-radius:0 0 28px 28px!important;background:linear-gradient(135deg,rgba(247,181,0,.12),rgba(12,16,24,.95) 48%,rgba(5,6,9,.98))!important;border-bottom:1px solid rgba(247,181,0,.24)!important;box-shadow:0 22px 58px rgba(0,0,0,.45)!important}.page-title,.auth-title,.hero-title,.modal-title{font-weight:950!important;text-transform:uppercase!important;letter-spacing:-.8px!important;color:#fff!important;text-shadow:0 14px 45px rgba(0,0,0,.5)!important}.page-title:after,.auth-title:after{content:"";display:block;width:72px;height:4px;margin-top:10px;border-radius:4px;background:linear-gradient(90deg,var(--bf-gold),transparent);box-shadow:0 0 20px rgba(247,181,0,.35)}.page-sub,.auth-subtitle,.kpi-change,.card-sub,.form-help{color:#aab6c8!important}
.kpi-grid{gap:16px!important}.kpi-card{position:relative;overflow:hidden!important;padding:22px!important;min-height:132px!important}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--bf-gold),rgba(247,181,0,.12))}.kpi-label{font-weight:900!important;text-transform:uppercase!important;letter-spacing:1.8px!important;color:#a7b0bf!important;font-size:11px!important}.kpi-value,.metric-value,.total-v{font-size:clamp(28px,4vw,44px)!important;font-weight:950!important;letter-spacing:-1px!important;color:#fff!important}.kpi-value.amber,.invoice-total,.lead-value,.total-v,.omega-card-value,.omega-stat-v{color:var(--bf-gold2)!important;text-shadow:0 0 24px rgba(247,181,0,.24)!important}
.form-input,input,select,textarea,.input{background:rgba(2,5,10,.76)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}.form-input:focus,input:focus,select:focus,textarea:focus,.input:focus{outline:none!important;border-color:rgba(247,181,0,.62)!important;box-shadow:0 0 0 4px rgba(247,181,0,.12)!important}.form-label,.section-label{font-weight:900!important;letter-spacing:1.2px!important;text-transform:uppercase!important;color:#d8dee9!important;font-size:11px!important}.btn,.omega-btn,.omega-btn-claim,.omega-btn-ghost,.btn-brand,.pay-btn{border-radius:14px!important;font-weight:950!important;letter-spacing:.2px!important;transition:all .18s ease!important}.btn-amber,.btn-brand,.omega-btn,.omega-btn-claim,.btn-gold{background:linear-gradient(135deg,var(--bf-gold),var(--bf-gold2))!important;color:#030303!important;border:1px solid rgba(255,226,135,.5)!important;box-shadow:0 12px 34px rgba(247,181,0,.24)!important}.btn-amber:hover,.btn-brand:hover,.omega-btn:hover,.omega-btn-claim:hover,.btn-gold:hover{transform:translateY(-2px)!important;box-shadow:0 18px 48px rgba(247,181,0,.34)!important}.btn-outline,.btn-ghost,.omega-btn-ghost,.nav-btn{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.10)!important;color:#e5e7eb!important}.btn-outline:hover,.btn-ghost:hover,.omega-btn-ghost:hover,.nav-btn:hover{border-color:rgba(247,181,0,.45)!important;color:var(--bf-gold2)!important;background:rgba(247,181,0,.08)!important}
#screen-auth{background:radial-gradient(circle at 28% 12%,rgba(247,181,0,.18),transparent 35%),linear-gradient(135deg,#030304,#0b0f16 56%,#050506)!important}.auth-card{padding:30px!important;border-color:rgba(247,181,0,.20)!important;background:linear-gradient(145deg,rgba(13,17,24,.94),rgba(2,4,8,.98))!important;box-shadow:0 40px 120px rgba(0,0,0,.72),0 0 0 1px rgba(247,181,0,.10)!important}.auth-tabs{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:5px!important}.auth-tab{border-radius:12px!important;color:#aab6c8!important;font-weight:900!important}.auth-tab.active{background:linear-gradient(135deg,var(--bf-gold),var(--bf-gold2))!important;color:#020202!important}
#lead-list,.lead-list,.omega-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:16px!important}.lead-card,.omega-card{position:relative;overflow:hidden!important;min-height:190px!important}.lead-card:before,.omega-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--bf-gold),rgba(247,181,0,.0))}.lead-card:after,.omega-card:after{content:"LEAD";position:absolute;right:14px;top:14px;font-size:10px;font-weight:950;letter-spacing:1.5px;color:#060606;background:linear-gradient(135deg,var(--bf-gold),var(--bf-gold2));border-radius:999px;padding:4px 9px}.omega-card-client,.lead-name,.client-name{font-size:20px!important;font-weight:950!important;color:#fff!important}.omega-card-trade,.lead-trade{font-weight:900!important;text-transform:uppercase!important;letter-spacing:1.2px!important;color:var(--bf-gold2)!important}
#tab-quotes .table-wrap,#tab-invoices .table-wrap,#tab-contracts .table-wrap,table{background:linear-gradient(145deg,rgba(13,17,24,.96),rgba(6,8,12,.98))!important;border:1px solid var(--bf-line)!important;border-radius:20px!important;overflow:hidden!important;box-shadow:var(--bf-shadow)!important}th{background:rgba(247,181,0,.10)!important;color:var(--bf-gold2)!important;font-weight:950!important;letter-spacing:1.4px!important;border-bottom:1px solid rgba(247,181,0,.14)!important}td{border-bottom:1px solid rgba(255,255,255,.06)!important;color:#e5e7eb!important}tr:hover td{background:rgba(247,181,0,.045)!important}#modal-invoice,#modal-contract{background:radial-gradient(circle at top right,rgba(247,181,0,.11),transparent 38%),#050506!important}#modal-invoice .modal-canvas,#modal-contract .modal-canvas{background:#f8fafc!important;color:#0f172a!important;border-radius:24px!important;box-shadow:0 35px 100px rgba(0,0,0,.55)!important;border:1px solid rgba(247,181,0,.25)!important}#modal-invoice input,#modal-invoice textarea,#modal-invoice select,#modal-contract input,#modal-contract textarea,#modal-contract select{background:#fff!important;color:#0f172a!important;border:1px solid #d7dde8!important;box-shadow:none!important}#tab-easypay .kpi-card,#tab-invoices .kpi-card{background:linear-gradient(145deg,rgba(8,35,24,.55),rgba(6,8,12,.96))!important;border-color:rgba(25,195,125,.22)!important}#tab-easypay .kpi-value,#tab-invoices .kpi-value{color:#71f7b2!important;text-shadow:0 0 22px rgba(25,195,125,.22)!important}#tab-ai .page-header{background:linear-gradient(135deg,rgba(168,85,247,.15),rgba(247,181,0,.10),rgba(7,9,14,.97))!important}.omega-nav{background:rgba(255,255,255,.03)!important;border-bottom:1px solid rgba(247,181,0,.14)!important;padding:12px 18px!important;gap:8px!important}.omega-nav-btn{border-radius:999px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important}.omega-nav-btn.active{background:linear-gradient(135deg,var(--bf-gold),var(--bf-gold2))!important;color:#030303!important}.omega-filters{background:rgba(255,255,255,.035)!important;border:1px solid var(--bf-line)!important;border-radius:18px!important;padding:14px!important}.omega-empty,.empty,.empty-state{text-align:center!important;padding:54px 22px!important;border-style:dashed!important;border-color:rgba(247,181,0,.22)!important;background:linear-gradient(145deg,rgba(247,181,0,.06),rgba(255,255,255,.025))!important}.hero-title .accent,.accent{color:var(--bf-gold2)!important;text-shadow:0 0 32px rgba(247,181,0,.24)!important}.header,.total-card{background:linear-gradient(145deg,rgba(13,17,24,.96),rgba(6,8,12,.98))!important;border-color:rgba(247,181,0,.18)!important}.biz-name{color:#fff!important}.biz-meta,.biz-cred{color:#aab6c8!important}.logo{background:#050505!important;border:1px solid rgba(247,181,0,.35)!important;box-shadow:var(--bf-glow)!important}
@media(max-width:860px){.app-nav{height:64px!important;padding:0 12px!important}.app-nav .nav-logo{font-size:18px!important}.nav-plan-badge,#nav-business-name{display:none!important}.main-content{padding-bottom:92px!important}.page-header,.omega-hdr{padding:20px 18px!important;border-radius:0 0 22px 22px!important}.page-title{font-size:28px!important}.kpi-grid,#lead-list,.lead-list,.omega-grid{grid-template-columns:1fr!important}.kpi-card{min-height:112px!important}.auth-card{padding:22px!important}.auth-logo .bf-logo-img{height:78px!important}}@media(max-width:520px){.auth-box{padding:18px!important}.hero-title{font-size:56px!important}.omega-hdr-stats{width:100%;justify-content:space-between}.omega-stat{text-align:left}}


/* ===================================================================
   BEEASY FIELD — LOGO-ANCHORED OMEGA VISUAL FIX
   Visual-only polish: premium black/gold identity, mobile stability,
   branded landing/auth/app/pay views. No wiring or data logic changed.
=================================================================== */
:root{
  --bf-black:#030304;
  --bf-black-2:#070809;
  --bf-charcoal:#0d1015;
  --bf-card:#11161f;
  --bf-card-2:#151b25;
  --bf-gold:#D4A017;
  --bf-gold-bright:#ffd35a;
  --bf-gold-soft:rgba(212,160,23,.18);
  --bf-border:rgba(255,211,90,.16);
  --bf-border-2:rgba(255,255,255,.08);
  --bf-text:#f8fafc;
  --bf-muted:#a8b0bd;
  --bf-shadow:0 30px 90px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.045);
  --bf-gold-shadow:0 0 0 1px rgba(212,160,23,.22),0 0 42px rgba(212,160,23,.18),0 20px 60px rgba(0,0,0,.46);
  --amber:var(--bf-gold)!important;
  --amber2:var(--bf-gold-bright)!important;
  --gold:var(--bf-gold)!important;
}
html,body{background:var(--bf-black)!important;color:var(--bf-text)!important;overflow-x:hidden!important;}
body{
  background:
    radial-gradient(circle at 16% 0%,rgba(212,160,23,.20),transparent 30%),
    radial-gradient(circle at 87% 8%,rgba(255,211,90,.13),transparent 28%),
    radial-gradient(circle at 50% 115%,rgba(212,160,23,.10),transparent 36%),
    linear-gradient(180deg,#020203 0%,#080a0d 44%,#040506 100%)!important;
  -webkit-font-smoothing:antialiased;
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(circle at center,black,transparent 80%);opacity:.36;
}
body>*{position:relative;z-index:1}
img.bf-logo-img,.bf-logo-img{height:92px!important;width:auto!important;max-width:min(260px,80vw)!important;object-fit:contain!important;filter:drop-shadow(0 0 18px rgba(212,160,23,.38)) drop-shadow(0 18px 28px rgba(0,0,0,.55))!important;}
img.bf-logo-mark,.bf-logo-mark{width:52px!important;height:52px!important;object-fit:contain!important;border-radius:50%!important;filter:drop-shadow(0 0 14px rgba(212,160,23,.32))!important;}
nav,.app-nav,.topbar,.header{
  background:linear-gradient(180deg,rgba(6,7,9,.94),rgba(8,10,13,.84))!important;
  border-bottom:1px solid var(--bf-border)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(22px)!important;
}
.nav-logo,.brand,.footer-logo,.auth-logo-mark{color:#fff!important;text-transform:uppercase!important;letter-spacing:.02em!important;text-shadow:0 0 28px rgba(212,160,23,.18)!important;}
.nav-wordmark span,.nav-logo span,.footer-logo span,.brand,.label,.section-label,.card-h{color:var(--bf-gold-bright)!important;}
.nav-tag,.nav-plan-badge,#nav-plan-badge,.tag,.badge,.pill,[class*="badge"]{
  background:linear-gradient(135deg,var(--bf-gold),var(--bf-gold-bright))!important;color:#080808!important;
  border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;font-weight:900!important;letter-spacing:.07em!important;
  box-shadow:0 0 26px rgba(212,160,23,.20)!important;
}
.hero,.auth-box,.screen.active,#screen-auth,.container,.shell{
  background:transparent!important;
}
.bf-hero-logo-wrap{text-align:left;margin:0 0 22px;display:flex;align-items:center;gap:16px;}
.bf-hero-logo{width:min(245px,72vw);height:auto;filter:drop-shadow(0 0 30px rgba(212,160,23,.32)) drop-shadow(0 24px 45px rgba(0,0,0,.75));}
.hero:before,.auth-box:before{
  content:"";position:absolute;inset:auto -8% 4% -8%;height:45%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(212,160,23,.18),transparent 60%);filter:blur(18px);opacity:.75;
}
.hero-title,.auth-title,h1,h2,h3{color:#fff!important;text-shadow:0 0 34px rgba(212,160,23,.10)!important;}
.hero-title .accent,.accent{color:var(--bf-gold-bright)!important;text-shadow:0 0 34px rgba(212,160,23,.30)!important;}
.hero-sub,.auth-subtitle,.page-sub,p,.value-sub,.tagline{color:var(--bf-muted)!important;}
.card,.auth-card,.plan-opt,.feature-card,.pricing-card,.lead-card,.job-card,.metric-card,.kpi-card,.dash-card,.section-card,.website-card,.powerup-card,.crew-card,.invoice-card,.quote-card,.review-card,.empty-state,.modal-box,.amount-box,.kpi,.shell,[class*="card"],[class*="panel"]{
  background:linear-gradient(145deg,rgba(20,27,38,.94),rgba(7,9,13,.97))!important;
  border:1px solid var(--bf-border-2)!important;border-radius:22px!important;box-shadow:var(--bf-shadow)!important;
}
.card:hover,.plan-opt:hover,.feature-card:hover,.pricing-card:hover,.lead-card:hover,.job-card:hover,.powerup-card:hover,[class*="card"]:hover{
  border-color:rgba(255,211,90,.34)!important;box-shadow:var(--bf-gold-shadow)!important;transform:translateY(-2px);
}
.btn,.nav-btn,button,.pay-btn,.btn-amber,.btn-primary,[class*="btn"]{
  border-radius:14px!important;font-weight:900!important;letter-spacing:.01em!important;min-height:42px;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease!important;
}
.btn-amber,.btn-primary,.pay-btn,.cta-primary,.button-primary,[class*="amber"]{
  background:linear-gradient(135deg,var(--bf-gold) 0%,var(--bf-gold-bright) 52%,#b87905 100%)!important;color:#050505!important;
  border:1px solid rgba(255,235,160,.45)!important;box-shadow:0 0 0 1px rgba(212,160,23,.22),0 18px 42px rgba(212,160,23,.22)!important;
}
.btn-outline,.btn-ghost,.nav-btn{background:rgba(255,255,255,.035)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;}
.btn:hover,.nav-btn:hover,button:hover{transform:translateY(-1px);}
input,select,textarea,.form-input{
  background:rgba(3,4,6,.70)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
input:focus,select:focus,textarea:focus,.form-input:focus{border-color:rgba(255,211,90,.62)!important;box-shadow:0 0 0 4px rgba(212,160,23,.13)!important;outline:none!important;}
.auth-card{border-color:rgba(212,160,23,.22)!important;max-width:560px!important;margin-inline:auto!important;}
.auth-logo{text-align:center!important;margin-bottom:18px!important;}
.auth-tabs{background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:5px!important;}
.auth-tab.active,.tab.active,.omega-nav-btn.active,[aria-selected="true"]{
  background:linear-gradient(135deg,var(--bf-gold),var(--bf-gold-bright))!important;color:#050505!important;box-shadow:0 12px 32px rgba(212,160,23,.22)!important;border-color:rgba(255,235,160,.42)!important;
}
.tabs,.tab-row,.omega-nav,.app-tabs,.nav-tabs{display:flex!important;align-items:stretch!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:thin!important;min-width:0!important;width:100%!important;max-width:100%!important;}
.tab,.omega-nav-btn,.app-tab,.tab-btn,[class*="tab"] button{flex:0 0 auto!important;white-space:nowrap!important;min-height:42px!important;border-radius:14px!important;}
.sidebar,.side-nav{background:linear-gradient(180deg,#07080a,#0d1118)!important;border-right:1px solid var(--bf-border)!important;box-shadow:18px 0 50px rgba(0,0,0,.35)!important;}
.stat-bar,.kpi-row,.stats-grid,.dashboard-grid,.cards-grid{gap:16px!important;}
.logo{background:transparent!important;width:96px!important;height:96px!important;border-radius:50%!important;margin:0 auto 12px!important;box-shadow:none!important;}
.logo img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 0 20px rgba(212,160,23,.35))!important;}
.status-box{background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.10)!important;}
@media (max-width:900px){
  nav,.app-nav{padding-inline:14px!important;gap:10px!important;}
  .nav-logo{min-width:0!important;font-size:16px!important;}
  .nav-links{display:none!important;}
  .hero{padding:96px 18px 56px!important;}
  .hero-title{font-size:clamp(48px,16vw,84px)!important;line-height:.88!important;}
  .hero-actions,.nav-actions{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;}
  .bf-hero-logo-wrap{justify-content:center!important;text-align:center!important;}
  .auth-box{padding:24px 14px!important;}
  .auth-card,.shell{border-radius:20px!important;}
  img.bf-logo-img,.bf-logo-img{height:82px!important;}
  img.bf-logo-mark,.bf-logo-mark{width:44px!important;height:44px!important;}
  .card,.auth-card,.plan-opt,.feature-card,.pricing-card,[class*="card"]{border-radius:18px!important;}
}
@media (max-width:520px){
  .nav-tag,.nav-plan-badge,#nav-plan-badge{display:none!important;}
  .bf-hero-logo{width:min(210px,74vw)!important;}
  .btn,.nav-btn,button,.pay-btn{min-height:46px!important;width:auto;}
  .hero-proof{gap:8px!important;}
  .plan-selector,.form-row,.kpi-row{grid-template-columns:1fr!important;}
}


/* ═══════════════════════════════════════════════════════
   BEEASY FIELD CLEAN VISUAL PATCH — visual only
   Locks logo sizing, removes oversized-logo behavior,
   improves premium black/gold consistency and mobile stability.
═══════════════════════════════════════════════════════ */
:root{--bf-gold:#D4A017;--bf-gold2:#FFC63A;--bf-black:#050505;--bf-panel:#101012;--bf-line:rgba(212,160,23,.16);}
html,body{background:#050505!important;overflow-x:hidden!important;}
body{background:radial-gradient(circle at 18% -8%,rgba(212,160,23,.14),transparent 30%),linear-gradient(180deg,#050505,#090909 46%,#050505)!important;}
img.bf-logo-img,.bf-logo-img{height:72px!important;width:auto!important;max-width:min(190px,62vw)!important;object-fit:contain!important;border-radius:0!important;filter:drop-shadow(0 0 14px rgba(212,160,23,.32)) drop-shadow(0 14px 24px rgba(0,0,0,.55))!important;}
img.bf-logo-mark,.bf-logo-mark{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;object-fit:cover!important;border-radius:50%!important;filter:drop-shadow(0 0 12px rgba(212,160,23,.30))!important;}
.auth-logo{text-align:center!important;margin-bottom:18px!important;}
.auth-logo .bf-logo-img{height:78px!important;max-width:200px!important;margin:0 auto 10px!important;}
.app-nav,.topbar,header{background:rgba(5,5,5,.92)!important;border-bottom:1px solid rgba(212,160,23,.14)!important;box-shadow:0 18px 50px rgba(0,0,0,.38)!important;}
.nav-logo{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;white-space:nowrap!important;}
.auth-card,.card,.kpi-card,.lead-card,.job-card,.page-card,.omega-card,.plan-card,.powerup-card,.modal-content,section[class*="card"]{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border-color:rgba(212,160,23,.12)!important;box-shadow:0 22px 70px rgba(0,0,0,.28)!important;}
button,.btn,.primary-btn,.cta-btn{border-radius:12px!important;}
.btn-primary,.primary-btn,.cta-primary,button[style*="f59e0b"],button[style*="amber"]{background:linear-gradient(135deg,var(--bf-gold),var(--bf-gold2))!important;color:#050505!important;}
.tab,.nav-tab,.app-tab,[role="tab"],.bottom-nav button{min-height:42px!important;flex-shrink:0!important;white-space:nowrap!important;}
.tabs,.tab-row,.nav-tabs,.bottom-nav{overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
.tabs::-webkit-scrollbar,.tab-row::-webkit-scrollbar,.nav-tabs::-webkit-scrollbar,.bottom-nav::-webkit-scrollbar{display:none!important;}
.active,.tab.active,.nav-tab.active,[aria-selected="true"]{border-color:rgba(212,160,23,.45)!important;box-shadow:inset 0 0 0 1px rgba(212,160,23,.18),0 10px 28px rgba(212,160,23,.08)!important;}
input,select,textarea{background:rgba(255,255,255,.035)!important;border-color:rgba(212,160,23,.14)!important;color:#fff!important;}
input:focus,select:focus,textarea:focus{border-color:rgba(212,160,23,.44)!important;box-shadow:0 0 0 3px rgba(212,160,23,.10)!important;outline:none!important;}
.bf-hero-logo-wrap{max-width:140px!important;margin:0 auto 18px!important;display:flex!important;justify-content:center!important;}
.bf-hero-logo{width:112px!important;max-width:112px!important;height:auto!important;border-radius:50%!important;object-fit:cover!important;}
@media(max-width:860px){
  img.bf-logo-img,.bf-logo-img{height:62px!important;max-width:170px!important;}
  .auth-logo .bf-logo-img{height:68px!important;}
  img.bf-logo-mark,.bf-logo-mark{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;}
  .app-nav{height:62px!important;padding:0 12px!important;gap:8px!important;}
  .nav-logo{font-size:16px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .auth-box,.auth-card{max-width:calc(100vw - 24px)!important;}
  .main-content,.page-content{padding-left:14px!important;padding-right:14px!important;}
  .kpi-grid,.lead-list,#lead-list,.cards-grid,.omega-grid{grid-template-columns:1fr!important;}
  .bf-hero-logo{width:82px!important;max-width:82px!important;}
}


/* ═══════════════════════════════════════════════════════
   TEXT BRIGHTNESS / CLARITY POLISH — VISUAL ONLY
   Makes copy cleaner, brighter, and easier to read.
═══════════════════════════════════════════════════════ */
:root{
  --text:#fafafa!important;
  --text2:#c2c2c2!important;
  --text3:#8d8d8d!important;
}
body,
input,textarea,select,button,
.card,.panel,.tile,.module,.shell,
.feat-card,.how-card,.plan-card,.lead-pack-card,.pack-card,.pu-card,.testi-card,.comparison-box{
  color:var(--text)!important;
}

h1,h2,h3,h4,h5,h6,
.section-title,.hero-title,.feat-title,.how-title,.plan-title,.price,.testi-name,.cta-title,
.nav-wordmark,.nav-logo,.auth-title,.page-title,.dashboard-title,.card-title,.modal-title,
label,.form-label,.stat-value,.metric-value,.sidebar-brand,.topbar-title{
  color:#fff!important;
  text-rendering:optimizeLegibility;
}

p,small,span,li,a,.section-sub,.hero-copy,.hero-sub,.feat-desc,.how-desc,.plan-desc,
.plan-sub,.testi-role,.muted,.subtext,.helper,.helper-text,.field-help,.stat-label,
.metric-label,.comparison-box li,.footer-copy,.footer-links a,.nav-links a,.auth-sub,
.page-subtitle,.card-copy,.card-desc,.meta,.badge-sub,.list-sub,.table-sub,.empty-copy,
.placeholder-copy,.input-help,.caption,.eyebrow-sub,.support-copy,.dashboard-copy{
  color:var(--text2)!important;
}

.section-label,.hero-kicker,.eyebrow,.mini-label,.badge,.nav-tag,.feat-tag,.plan-badge,.status-chip{
  letter-spacing:.08em!important;
}

.section-title,.hero-title,.auth-title,.page-title,.cta-title,
.feat-title,.how-title,.plan-title,.testi-name{
  text-shadow:0 8px 20px rgba(0,0,0,.25)!important;
}

button,.btn,.cta-btn,.btn-primary,.btn-secondary{
  color:#fff!important;
}

input::placeholder, textarea::placeholder{
  color:#9a9a9a!important;
  opacity:1!important;
}