._backdrop_1tg15_1{z-index:50;background:radial-gradient(540px 480px at calc(100% - 50px) calc(100% - 50px),#0f121961,#080a10c7 85%);transition:opacity .25s ease-out;position:fixed;inset:0}._backdrop_1tg15_1[data-starting-style],._backdrop_1tg15_1[data-ending-style],._stage_1tg15_15[data-starting-style],._stage_1tg15_15[data-ending-style]{opacity:0}._stage_1tg15_15{z-index:50;right:24px;bottom:max(24px, env(safe-area-inset-bottom));outline:none;width:min(20rem,100vw - 4rem);max-height:calc(100dvh - 48px);transition:opacity .2s ease-out;position:fixed}._scene_1tg15_31{flex-direction:column;align-items:flex-end;display:flex;position:relative}._expanded_1tg15_38{width:min(370px,100vw - 48px)}._expanded_1tg15_38 ._scene_1tg15_31{gap:22px}._agent_1tg15_46{background:var(--card);border-radius:50%;place-items:center;width:52px;height:52px;animation:.3s ease-out both _mark-celebration-arrive_1tg15_1;display:grid;position:relative;box-shadow:0 0 0 8px #ffffff12,0 0 65px 22px #ffffff38}._confetti_1tg15_60{pointer-events:none;position:fixed;inset:0;overflow:hidden}._confetti_1tg15_60 span{opacity:0;border-radius:2px;width:7px;height:11px;animation:1.6s cubic-bezier(.12,.65,.3,1) both _mark-celebration-confetti_1tg15_1;position:absolute;bottom:46px;right:46px}._confetti_1tg15_60 span:nth-child(3n){border-radius:50%;width:5px;height:5px}._confetti_1tg15_60 span:nth-child(4n){width:4px;height:13px}@keyframes _mark-celebration-arrive_1tg15_1{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes _mark-celebration-confetti_1tg15_1{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:1}48%{opacity:1;transform:translate(var(--flight-x), var(--flight-y)) rotate(var(--flight-spin))}to{opacity:0;transform:translate(calc(var(--flight-x) * 1.2), calc(var(--flight-y) + 200px)) rotate(calc(var(--flight-spin) * 1.7))}}@media (prefers-reduced-motion:reduce){._confetti_1tg15_60{display:none}._agent_1tg15_46{animation:none}._backdrop_1tg15_1,._stage_1tg15_15{transition:none}}._backdropCenter_1tg15_133{z-index:50;background:#080a1073;transition:opacity .25s ease-out;position:fixed;inset:0}._backdropCenter_1tg15_133[data-starting-style],._backdropCenter_1tg15_133[data-ending-style],._stageCenter_1tg15_143[data-starting-style],._stageCenter_1tg15_143[data-ending-style]{opacity:0}._stageCenter_1tg15_143{z-index:50;outline:none;place-items:center;padding:24px;transition:opacity .2s ease-out;display:grid;position:fixed;inset:0}._sceneCenter_1tg15_159{flex-direction:column;align-items:center;gap:18px;width:min(420px,100%);display:flex}._agentLarge_1tg15_167{background:var(--card);border-radius:50%;place-items:center;width:56px;height:56px;animation:.3s ease-out both _mark-celebration-arrive_1tg15_1;display:grid;box-shadow:0 0 0 6px #ffffff1a}@media (prefers-reduced-motion:reduce){._agentLarge_1tg15_167{animation:none}._backdropCenter_1tg15_133,._stageCenter_1tg15_143{transition:none}}


/* --- Additional Grid, Spacing & Scrollbar Utilities for CRM Reporting --- */
html, body {
  height: 100% !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

[data-scroll-restoration-id="app-content"] {
  height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

@media (min-width: 640px) {
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (min-width: 768px) {
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .md\:col-span-1 { grid-column: span 1 / span 1 !important; }
  .md\:col-span-2 { grid-column: span 2 / span 2 !important; }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  .lg\:col-span-1 { grid-column: span 1 / span 1 !important; }
  .lg\:col-span-2 { grid-column: span 2 / span 2 !important; }
  .lg\:col-span-3 { grid-column: span 3 / span 3 !important; }
  .lg\:col-span-6 { grid-column: span 6 / span 6 !important; }
}

@media (min-width: 1280px) {
  .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  .xl\:col-span-1 { grid-column: span 1 / span 1 !important; }
  .xl\:col-span-2 { grid-column: span 2 / span 2 !important; }
  .xl\:col-span-3 { grid-column: span 3 / span 3 !important; }
  .xl\:col-span-6 { grid-column: span 6 / span 6 !important; }
}

/* Height and spacing */
.h-\[66px\] { height: 66px !important; min-height: 66px !important; position: relative !important; display: block !important; }
.h-1\.5 { height: 0.375rem !important; }
.h-2\.5 { height: 0.625rem !important; }
.gap-1\.5 { gap: 0.375rem !important; }
.gap-3\.5 { gap: 0.875rem !important; }

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.375rem !important; }
.space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.5rem !important; }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem !important; }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem !important; }
.space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.25rem !important; }
.space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.5rem !important; }

/* Section Label matching HeyMark */
.section-label {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: var(--foreground) !important;
  margin-bottom: 1rem !important;
}

/* Funnel container and styling */
#funnelViz {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 420px !important;
}
#funnelViz .space-y-1\.5 {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
}
#funnelViz .relative {
  height: 66px !important;
  min-height: 66px !important;
  display: block !important;
  width: 100% !important;
}
#funnelViz .text-3xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}

/* Styled HTML native selects */
select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
  background-position: right 0.5rem center !important;
  background-repeat: no-repeat !important;
  background-size: 1.25em 1.25em !important;
  padding-right: 2rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid var(--border) !important;
  background-color: var(--card) !important;
  color: var(--foreground) !important;
  cursor: pointer !important;
}
select:focus {
  outline: none !important;
  border-color: var(--foreground) !important;
}
select option {
  background-color: var(--card) !important;
  color: var(--foreground) !important;
  padding: 8px 12px !important;
}