/* =====================================================================
   SCHEDMATE — OVERVIEW (COMMAND CENTER) — v120.1.1
   SOLE OWNER OF OVERVIEW PRESENTATION.

   ZERO !important. That is the point of this revision, and it is a
   structural result, not restraint:

     1. Every Overview-owned selector family (hero, chart, priority
        queue, sources/stages/conversion bars, activity feed, KPI
        sparkline) was REMOVED from schedmate.elite.css,
        schedmate.growth.css, schedmate.luxury.css and theme.css, so
        there is no longer a second generation of rules to out-rank.
        See OVERVIEW_SELECTORS_REMOVED.txt for the exact list.

     2. The Overview markup no longer borrows the shared .sm-card /
        .sm-panel / .sm-metric / .sm-grid-kpis / .sm-btn / .sm-empty
        primitives. Those are styled with !important by the premium,
        luxury and elite layers on behalf of other modules; borrowing
        them here is what dragged this stylesheet into a specificity war
        in the first place. Overview owns its own components (sm-cc-*).

   The previous revision of this file carried 138 !important
   declarations. It now carries none, and it no longer depends on being
   loaded after any other stylesheet to win.

   Built on the shared --sm-e-* design tokens (defined in
   schedmate.elite.css, derived from theme.css) so light and dark come
   from the palette rather than hand-tuned colours.

   Layout contract
   - 8px spacing rhythm; radii 10 / 16 by component level.
   - >=1200px: 4-up KPIs and finance, 2fr/1fr chart row.
   - 768-1199px: 2-up KPIs and finance, stacked chart row.
   - <768px: single-column KPIs, 2-up finance, no horizontal overflow
     at 320px.
===================================================================== */

#view-overview {
  --cc-gap: 18px;
  --cc-radius: 16px;
  --cc-radius-sm: 10px;
  --cc-line: var(--sm-e-border, rgba(16, 24, 40, .095));
  --cc-surface: var(--sm-e-surface-solid, #fff);
  --cc-surface-2: var(--sm-e-surface-2, #f8fafc);
  --cc-text: var(--sm-e-text, #101828);
  --cc-muted: var(--sm-e-muted, #667085);
  --cc-faint: var(--sm-e-faint, #98a2b3);
  --cc-accent: var(--sm-e-primary, #5865e8);
  --cc-success: var(--sm-e-success, #0e9f6e);
  --cc-warning: var(--sm-e-warning, #d97a13);
  --cc-danger: var(--sm-e-danger, #e5484d);
  --cc-info: var(--sm-e-info, #2f6feb);
  display: block;
}

#view-overview > * + * {
  margin-top: var(--cc-gap);
}

.sm-cc-eyebrow {
  display: block;
  color: var(--cc-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* ------------------------------------------------------------------
   Buttons — Overview's own, so the shared .sm-btn !important rules
   never apply here.
------------------------------------------------------------------ */
.sm-cc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 13px;
  color: var(--cc-text);
  background: var(--cc-surface);
  border: 1px solid var(--cc-line);
  border-radius: var(--cc-radius-sm);
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
  cursor: pointer;
}

.sm-cc-btn:hover {
  border-color: var(--sm-e-border-strong, rgba(16, 24, 40, .16));
}

.sm-cc-btn:focus-visible {
  outline: 2px solid var(--cc-accent);
  outline-offset: 2px;
}

.sm-cc-btn-primary {
  color: #fff;
  background: var(--cc-accent);
  border-color: var(--cc-accent);
}

.sm-cc-btn-onhero {
  color: #eaf0f7;
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .18);
}

.sm-cc-btn-onhero:hover {
  background: rgba(255, 255, 255, .16);
  border-color: rgba(255, 255, 255, .28);
}

/* ------------------------------------------------------------------
   1. Hero / context
------------------------------------------------------------------ */
.sm-cc-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 26px;
  color: #f4f8fc;
  background: linear-gradient(135deg, #111a35 0%, #0b1220 100%);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: var(--cc-radius);
  overflow: hidden;
}

.sm-cc-hero-copy {
  min-width: 0;
  max-width: 560px;
}

.sm-cc-hero-copy small {
  display: block;
  color: #98a5ff;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sm-cc-hero-copy h2 {
  margin: 8px 0 6px;
  color: #fff;
  font-size: clamp(20px, 2.4vw, 27px);
  font-weight: 800;
  letter-spacing: -.02em;
}

.sm-cc-hero-copy p {
  margin: 0;
  color: rgba(255, 255, 255, .64);
  font-size: 13px;
  line-height: 1.5;
}

.sm-cc-hero-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.sm-overview-period {
  display: inline-flex;
  gap: 4px;
  padding: 3px;
  border-radius: var(--cc-radius-sm);
  background: rgba(255, 255, 255, .09);
  border: 1px solid rgba(255, 255, 255, .12);
}

.sm-overview-period button {
  min-height: 30px;
  padding: 6px 11px;
  color: rgba(255, 255, 255, .58);
  background: transparent;
  border: 0;
  border-radius: 7px;
  font: inherit;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}

.sm-overview-period button.is-active {
  color: #fff;
  background: var(--cc-accent);
}

.sm-overview-period button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Launch checklist mount — guide.css owns the card itself. */
.sm-cc-checklist[hidden] {
  display: none;
}

/* ------------------------------------------------------------------
   2. KPI row + finance strip
------------------------------------------------------------------ */
.sm-cc-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.sm-cc-kpi {
  min-width: 0;
  padding: 16px 18px;
  background: var(--cc-surface);
  border: 1px solid var(--cc-line);
  border-radius: var(--cc-radius);
}

.sm-cc-kpi-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.sm-cc-kpi-title {
  min-width: 0;
  color: var(--cc-muted);
  font-size: 12px;
  font-weight: 650;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sm-cc-tag {
  flex: none;
  padding: 2px 7px;
  color: var(--cc-accent);
  background: color-mix(in srgb, var(--cc-accent) 10%, transparent);
  border-radius: 6px;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sm-cc-tag.is-good {
  color: var(--cc-success);
  background: color-mix(in srgb, var(--cc-success) 12%, transparent);
}

.sm-cc-tag.is-warn {
  color: var(--cc-warning);
  background: color-mix(in srgb, var(--cc-warning) 14%, transparent);
}

.sm-cc-kpi-value {
  margin-top: 8px;
  color: var(--cc-text);
  font-size: 27px;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.1;
}

.sm-cc-kpi-sub {
  margin-top: 4px;
  color: var(--cc-faint);
  font-size: 11.5px;
}

.sm-cc-finance {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: var(--cc-surface);
  border: 1px solid var(--cc-line);
  border-radius: var(--cc-radius);
  overflow: hidden;
}

.sm-cc-finance-cell {
  min-width: 0;
  padding: 14px 18px;
  border-left: 1px solid var(--cc-line);
}

.sm-cc-finance-cell:first-child {
  border-left: 0;
}

.sm-cc-finance-label {
  color: var(--cc-muted);
  font-size: 11.5px;
  font-weight: 650;
}

.sm-cc-finance-value {
  margin-top: 4px;
  color: var(--cc-text);
  font-size: 18px;
  font-weight: 750;
  letter-spacing: -.02em;
}

.sm-cc-finance-value.is-success { color: var(--cc-success); }
.sm-cc-finance-value.is-warning { color: var(--cc-warning); }
.sm-cc-finance-value.is-danger { color: var(--cc-danger); }

/* ------------------------------------------------------------------
   3. Cards, panels, empty states
------------------------------------------------------------------ */
.sm-cc-card,
.sm-cc-panel {
  min-width: 0;
  padding: 18px;
  background: var(--cc-surface);
  border: 1px solid var(--cc-line);
  border-radius: var(--cc-radius);
}

.sm-cc-card-head,
.sm-cc-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}

.sm-cc-card-head h3,
.sm-cc-panel-title {
  margin: 4px 0 0;
  color: var(--cc-text);
  font-size: 15px;
  font-weight: 750;
  letter-spacing: -.02em;
}

.sm-cc-panel-title {
  margin: 0;
  font-size: 14.5px;
}

.sm-cc-card-head p,
.sm-cc-panel-sub {
  margin: 4px 0 0;
  color: var(--cc-faint);
  font-size: 11.5px;
}

.sm-cc-empty {
  display: grid;
  gap: 3px;
  padding: 22px 8px;
  text-align: center;
}

.sm-cc-empty strong {
  color: var(--cc-text);
  font-size: 13px;
  font-weight: 650;
}

.sm-cc-empty span {
  color: var(--cc-muted);
  font-size: 11.5px;
}

/* ------------------------------------------------------------------
   4. Activity over time + priority queue
------------------------------------------------------------------ */
#smIntelligenceMount:empty {
  display: none;
}

.sm-cc-intelligence {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 14px;
}

/* The chart wrapper is the positioning context for the tooltip and is
   deliberately NOT clipped. The pre-redesign build combined
   overflow:hidden here with translateY(-110%) on the tooltip, which cut
   the tooltip off for any point near the top of the plot. */
.sm-cc-chart {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: stretch;
  margin-top: 14px;
  overflow: visible;
}

.sm-cc-chart-yaxis {
  position: relative;
  height: 170px;
}

.sm-cc-chart-yaxis span {
  position: absolute;
  right: 8px;
  transform: translateY(-50%);
  color: var(--cc-faint);
  font-size: 10px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.sm-cc-plot {
  position: relative;
  height: 170px;
  overflow: visible;
}

.sm-cc-plot svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.sm-cc-plot .grid {
  stroke: var(--cc-line);
  stroke-width: 1;
  stroke-dasharray: 3 5;
}

.sm-cc-plot .area {
  fill: url(#smPulseGradient);
}

.sm-cc-plot .line {
  fill: none;
  stroke: var(--cc-accent);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sm-cc-plot .point {
  fill: var(--cc-surface);
  stroke: var(--cc-accent);
  stroke-width: 2;
  paint-order: stroke;
  cursor: pointer;
}

.sm-cc-plot .point.is-active,
.sm-cc-plot .point:hover {
  fill: var(--cc-accent);
}

.sm-cc-plot .point:focus-visible {
  outline: 2px solid var(--cc-accent);
  outline-offset: 3px;
}

.sm-cc-tooltip {
  position: absolute;
  z-index: 6;
  left: 0;
  top: 0;
  display: grid;
  gap: 2px;
  max-width: min(240px, 78%);
  padding: 8px 11px;
  color: var(--cc-surface);
  background: var(--cc-text);
  border-radius: var(--cc-radius-sm);
  box-shadow: var(--sm-e-shadow-sm, 0 8px 24px rgba(16, 24, 40, .065));
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.35;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -100%);
  transition: opacity .14s ease;
}

.sm-cc-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
}

/* Points close to the ceiling flip below instead of being clipped. */
.sm-cc-tooltip.is-below {
  transform: translate(-50%, 0);
}

.sm-cc-tooltip strong {
  font-size: 12px;
  font-weight: 800;
}

.sm-cc-tooltip span {
  opacity: .82;
}

.sm-cc-xaxis {
  display: flex;
  justify-content: space-between;
  margin: 8px 0 0 34px;
  color: var(--cc-faint);
  font-size: 10.5px;
  font-weight: 600;
}

.sm-cc-chart-hint {
  margin: 6px 0 0 34px;
  color: var(--cc-faint);
  font-size: 10.5px;
}

.sm-cc-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.sm-cc-summary div {
  padding: 11px 12px;
  background: var(--cc-surface-2);
  border: 1px solid var(--cc-line);
  border-radius: var(--cc-radius-sm);
}

.sm-cc-summary span {
  display: block;
  color: var(--cc-muted);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.sm-cc-summary strong {
  display: block;
  margin-top: 4px;
  color: var(--cc-text);
  font-size: 16px;
  font-weight: 750;
  letter-spacing: -.02em;
}

.sm-cc-priority-list {
  display: grid;
  gap: 8px;
}

.sm-cc-priority-item {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 11px;
  color: var(--cc-text);
  background: var(--cc-surface-2);
  border: 1px solid var(--cc-line);
  border-radius: var(--cc-radius-sm);
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease;
}

.sm-cc-priority-item:hover {
  transform: translateX(3px);
  border-color: color-mix(in srgb, var(--cc-accent) 28%, var(--cc-line));
}

.sm-cc-priority-item:focus-visible {
  outline: 2px solid var(--cc-accent);
  outline-offset: 2px;
}

.sm-cc-priority-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: var(--cc-accent);
  background: color-mix(in srgb, var(--cc-accent) 10%, transparent);
  border-radius: 11px;
}

.sm-cc-priority-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sm-cc-priority-copy strong {
  display: block;
  font-size: 12.5px;
  font-weight: 650;
}

.sm-cc-priority-copy span {
  display: block;
  margin-top: 3px;
  color: var(--cc-muted);
  font-size: 11.5px;
  line-height: 1.45;
}

.sm-cc-priority-arrow {
  color: var(--cc-faint);
  font-size: 14px;
}

.sm-cc-priority-clear {
  display: grid;
  place-items: center;
  gap: 4px;
  min-height: 180px;
  color: var(--cc-muted);
  text-align: center;
}

.sm-cc-priority-clear .check {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  color: var(--cc-success);
  background: color-mix(in srgb, var(--cc-success) 10%, transparent);
  border-radius: 14px;
  font-size: 20px;
}

.sm-cc-priority-clear strong {
  color: var(--cc-text);
  font-size: 13px;
}

.sm-cc-priority-clear p {
  margin: 0;
  font-size: 11.5px;
}

.sm-cc-chart-card {
  display: flex;
  flex-direction: column;
}

.sm-cc-priority-card {
  display: flex;
  flex-direction: column;
}

/* Structural wrappers emitted by the lead-analytics renderers. They carry
   no styling of their own; they exist so a re-render can replace exactly
   the block it owns. */
.sm-cc-funnel,
.sm-cc-srcconv {
  display: block;
}

/* ------------------------------------------------------------------
   5. Operational panels
------------------------------------------------------------------ */
.sm-cc-operational {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 14px;
}

.sm-cc-upcoming {
  display: flex;
  flex-direction: column;
}

.sm-cc-upcoming-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--cc-line);
}

.sm-cc-upcoming-row:first-child {
  border-top: 0;
}

.sm-cc-upcoming-stripe {
  flex: none;
  align-self: stretch;
  width: 3px;
  min-height: 30px;
  border-radius: 2px;
  background: var(--cc-status, var(--cc-muted));
}

.sm-cc-upcoming-main {
  flex: 1;
  min-width: 0;
}

.sm-cc-upcoming-title {
  display: block;
  color: var(--cc-text);
  font-size: 12.5px;
  font-weight: 650;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sm-cc-upcoming-meta {
  display: block;
  margin-top: 2px;
  color: var(--cc-faint);
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sm-cc-upcoming-status {
  flex: none;
  color: var(--cc-status, var(--cc-muted));
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

/* Status colour supports a text label; it is never the only cue. */
.sm-cc-status-pending { --cc-status: var(--cc-warning); }
.sm-cc-status-in_progress { --cc-status: var(--cc-info); }
.sm-cc-status-completed { --cc-status: var(--cc-success); }
.sm-cc-status-cancelled { --cc-status: var(--cc-danger); }

.sm-cc-activity {
  display: flex;
  flex-direction: column;
}

.sm-cc-activity-row {
  display: flex;
  gap: 10px;
  padding: 9px 0;
  border-top: 1px solid var(--cc-line);
}

.sm-cc-activity-row:first-child {
  border-top: 0;
}

.sm-cc-activity-date {
  flex: none;
  width: 52px;
  color: var(--cc-accent);
  font-size: 10.5px;
  font-weight: 750;
}

.sm-cc-activity-body {
  min-width: 0;
}

.sm-cc-activity-tag {
  display: inline-block;
  margin-bottom: 2px;
  color: var(--cc-faint);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.sm-cc-activity-tag.is-lead { color: var(--cc-accent); }
.sm-cc-activity-tag.is-payment { color: var(--cc-success); }
.sm-cc-activity-tag.is-invoice { color: var(--cc-warning); }

.sm-cc-activity-text {
  color: var(--cc-text);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

/* ------------------------------------------------------------------
   6. Growth Command Center (collapsible, secondary)
------------------------------------------------------------------ */
.sm-cc-growth {
  background: var(--cc-surface);
  border: 1px solid var(--cc-line);
  border-radius: var(--cc-radius);
  overflow: hidden;
}

.sm-cc-growth-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 16px 18px;
  border: 0;
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.sm-cc-growth-toggle:focus-visible {
  outline: 2px solid var(--cc-accent);
  outline-offset: -2px;
}

.sm-cc-growth-sub {
  min-width: 0;
  color: var(--cc-muted);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sm-cc-growth-state {
  flex: none;
  margin-left: auto;
  color: var(--cc-accent);
  font-size: 12px;
  font-weight: 700;
}

.sm-cc-growth-state::after { content: " ▾"; }
.sm-cc-growth.is-open .sm-cc-growth-state::after { content: " ▴"; }

.sm-cc-growth-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0 18px 18px;
}

.sm-cc-growth-body[hidden] {
  display: none;
}

.sm-cc-growth-body .sm-cc-panel {
  border-radius: var(--cc-radius-sm);
}

.sm-cc-bars {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sm-cc-bar-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sm-cc-bar-row-src {
  cursor: pointer;
}

.sm-cc-bar-copy {
  flex: 1;
  min-width: 0;
}

.sm-cc-bar-name {
  color: var(--cc-text);
  font-size: 12px;
  font-weight: 650;
}

.sm-cc-bar-meta {
  color: var(--cc-faint);
  font-size: 11px;
}

.sm-cc-bar-track {
  flex: none;
  width: 38%;
  height: 6px;
  background: var(--cc-surface-2);
  border-radius: 3px;
  overflow: hidden;
}

.sm-cc-bar-track span {
  display: block;
  height: 100%;
  background: var(--cc-accent);
  border-radius: 3px;
}

.sm-cc-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.sm-cc-metric-pill {
  padding: 5px 10px;
  color: var(--cc-muted);
  background: var(--cc-surface-2);
  border: 1px solid var(--cc-line);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
}

/* ------------------------------------------------------------------
   7. Responsive
------------------------------------------------------------------ */
@media (max-width: 1199px) {
  .sm-cc-intelligence,
  .sm-cc-operational {
    grid-template-columns: minmax(0, 1fr);
  }

  .sm-cc-kpis,
  .sm-cc-finance {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm-cc-finance-cell:nth-child(3) {
    border-left: 0;
  }

  .sm-cc-finance-cell:nth-child(n + 3) {
    border-top: 1px solid var(--cc-line);
  }
}

@media (max-width: 767px) {
  #view-overview {
    --cc-gap: 14px;
  }

  .sm-cc-hero {
    flex-direction: column;
    align-items: stretch;
    padding: 20px;
  }

  .sm-cc-hero-actions {
    justify-content: space-between;
  }

  .sm-cc-hero-actions .sm-cc-btn {
    flex: 1 1 auto;
  }

  .sm-overview-period {
    flex: 1 1 100%;
    justify-content: space-between;
  }

  .sm-overview-period button {
    flex: 1;
  }

  /* A four-across KPI row is unreadable on a phone. */
  .sm-cc-kpis {
    grid-template-columns: minmax(0, 1fr);
  }

  .sm-cc-kpi-value {
    font-size: 24px;
  }

  .sm-cc-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .sm-cc-growth-body {
    grid-template-columns: minmax(0, 1fr);
    padding: 0 14px 14px;
  }

  .sm-cc-growth-sub {
    display: none;
  }

  .sm-cc-upcoming-status {
    font-size: 10.5px;
  }

  .sm-cc-bar-track {
    width: 30%;
  }
}

@media (max-width: 359px) {
  .sm-cc-hero-copy h2 {
    font-size: 19px;
  }

  .sm-cc-finance {
    grid-template-columns: minmax(0, 1fr);
  }

  .sm-cc-finance-cell {
    border-left: 0;
    border-top: 1px solid var(--cc-line);
  }

  .sm-cc-finance-cell:first-child {
    border-top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sm-cc-tooltip,
  .sm-cc-priority-item {
    transition: none;
  }
}