/* BFZ_V300_UI_VISUAL_CONSISTENCY_STYLES */
:root {
  --bfz-v300-system: var(--bfz-system-color, var(--user-blue, #1f6ca8));
  --bfz-v300-ink: #17324d;
  --bfz-v300-muted: #62788d;
  --bfz-v300-line: color-mix(in srgb, var(--bfz-v300-system) 28%, #dbe7ef);
  --bfz-v300-tint: color-mix(in srgb, var(--bfz-v300-system) 10%, #fff);
  --bfz-v300-tint-strong: color-mix(in srgb, var(--bfz-v300-system) 14%, #fff);
}

/* BFZ_V300_HOME_QUICK_ACCESS_NO_WHITE_CORNERS */
body .bfz-v300-home-quick-image-shell {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body .bfz-v300-home-quick-slot .bfz-v300-home-quick-image-shell::before,
body .bfz-v300-home-quick-slot .bfz-v300-home-quick-image-shell::after {
  display: none !important;
  content: none !important;
}
body .bfz-v300-home-quick-icon {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  object-fit: cover !important;
  object-position: center center !important;
  overflow: hidden !important;
  clip-path: inset(0 round 13px) !important;
  -webkit-clip-path: inset(0 round 13px) !important;
  box-shadow: none !important;
}

/* BFZ_V300_EMPLOYEE_VISUAL_GEOMETRY */
body .bfz-v300-employee-cell,
body .bfz-v300-customer-cell {
  position: relative !important;
}
body .bfz-v300-employee-visual,
body .bfz-v300-customer-visual {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, var(--bfz-v300-system) 18%, #dfe8ef) !important;
  background: #fff !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  flex: 0 0 46px !important;
  box-sizing: border-box !important;
}
body .bfz-v300-employee-visual {
  border-radius: 50% !important;
}
body .bfz-v300-customer-visual {
  border-radius: 12px !important;
}
body .bfz-v300-employee-image,
body .bfz-v300-customer-image {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  object-position: center center !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body .bfz-v300-employee-image {
  object-fit: cover !important;
  border-radius: 50% !important;
}
body .bfz-v300-employee-visual[data-source="system"] .bfz-v300-employee-image {
  object-fit: contain !important;
  padding: 2px !important;
}
body .bfz-v300-customer-image {
  object-fit: cover !important;
  border-radius: 11px !important;
}
body .bfz-v300-customer-visual[data-source="system"] .bfz-v300-customer-image {
  object-fit: contain !important;
  padding: 2px !important;
}
body .bfz-v300-legacy-visual-suppressed {
  display: none !important;
}

/* Customer list: number is text only; customer image belongs to the customer cell. */
body .bfz-v300-customer-number-cell img,
body .bfz-v300-customer-number-cell svg,
body .bfz-v300-customer-number-cell [class*="icon"],
body .bfz-v300-customer-number-cell [class*="avatar"] {
  display: none !important;
}
body .bfz-v300-customer-action-cell {
  white-space: nowrap !important;
}
body .bfz-v300-customer-edit-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}
body .bfz-v300-customer-edit-action img,
body .bfz-v300-customer-edit-action svg,
body .bfz-v300-customer-edit-action [class*="icon"] {
  display: none !important;
}

/* BFZ_V300_SALES_NAVIGATION_EXACT_FOUR_LABELS */
body .bfz-v300-sales-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}
body .bfz-v300-sales-nav a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 10px 20px !important;
  border: 1.5px solid var(--bfz-v300-system) !important;
  border-radius: 15px !important;
  background: #fff !important;
  color: var(--bfz-v300-system) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  font-size: inherit !important;
  font-weight: 880 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}
body .bfz-v300-sales-nav a.bfz-v300-sales-active,
body .bfz-v300-sales-nav a[aria-current="page"] {
  background: var(--bfz-v300-system) !important;
  border-color: var(--bfz-v300-system) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body .bfz-v300-sales-nav a.bfz-v300-sales-inactive {
  background: #fff !important;
  color: var(--bfz-v300-system) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* BFZ_V300_PIPELINE_PASTEL_TINT */
body .bfz-v300-pipeline-column {
  background: var(--bfz-v300-tint) !important;
  background-color: var(--bfz-v300-tint) !important;
  color: var(--bfz-v300-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: var(--bfz-v300-line) !important;
  box-shadow: none !important;
}
body .bfz-v300-pipeline-column > * {
  color: inherit !important;
}
body .bfz-v300-pipeline-column article,
body .bfz-v300-pipeline-column [class*="card"] {
  background: #fff !important;
  color: var(--bfz-v300-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
body .bfz-v300-pipeline-column [class*="empty"] {
  background: rgba(255,255,255,.72) !important;
  color: #50687a !important;
  -webkit-text-fill-color: currentColor !important;
}
body .bfz-v300-sales-visual {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 10px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  background: #fff !important;
}

/* BFZ_V300_DAY_CLOSE_READABLE_PASTEL_GRID */
body .bfz-v300-day-check-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
}
body .bfz-v300-day-check {
  min-width: 0 !important;
  min-height: 112px !important;
  height: auto !important;
  padding: 18px !important;
  border: 1px solid var(--bfz-v300-line) !important;
  border-radius: 18px !important;
  background: var(--bfz-v300-tint) !important;
  background-color: var(--bfz-v300-tint) !important;
  color: var(--bfz-v300-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
body .bfz-v300-day-check * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body .bfz-v300-day-check .bfz-v300-semantic-done,
body .bfz-v300-day-check-done .is-done,
body .bfz-v300-day-check-done [data-status="done"] {
  color: #258244 !important;
  -webkit-text-fill-color: #258244 !important;
}
body .bfz-v300-day-check .bfz-v300-semantic-open,
body .bfz-v300-day-check-open .is-open,
body .bfz-v300-day-check-open [data-status="open"] {
  color: #b74432 !important;
  -webkit-text-fill-color: #b74432 !important;
}

@media (max-width: 900px) {
  body .bfz-v300-sales-nav {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }
  body .bfz-v300-sales-nav a {
    white-space: nowrap !important;
  }
  body .bfz-v300-day-check-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body .bfz-v300-home-quick-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    border-radius: 12px !important;
    clip-path: inset(0 round 12px) !important;
    -webkit-clip-path: inset(0 round 12px) !important;
  }
}