/*
 * Whole Business Engine interactive card state contract
 *
 * Summary/navigation cards are quiet on the extra-dark canvas at rest.
 * Their semantic bright color (or approved orange for neutral families)
 * appears only during hover or keyboard focus. Filled primary actions,
 * status-only panels, calendar events, and the protected Painting estimator
 * are intentionally outside this contract.
 */
.premium-app{
  --ifg-card-rest-border:#2b4054;
  --ifg-card-neutral-interaction:#ff7a00;
}

.dashboard-v1 .dashboard-kpi-card{--ifg-card-interaction:var(--kpi-accent,#ff7a00);}
.dashboard-v1 .dashboard-insight.green{--ifg-card-interaction:#22c55e;}
.dashboard-v1 .dashboard-insight.gold{--ifg-card-interaction:#eab308;}
.dashboard-v1 .dashboard-insight.purple{--ifg-card-interaction:#c084fc;}
.dashboard-v1 .dashboard-pipeline-card.green{--ifg-card-interaction:#22c55e;}
.dashboard-v1 .dashboard-pipeline-card.gold{--ifg-card-interaction:#eab308;}
.dashboard-v1 .dashboard-pipeline-card.blue{--ifg-card-interaction:#38bdf8;}
.dashboard-v1 .dashboard-pipeline-card.purple{--ifg-card-interaction:#c084fc;}
.dashboard-v1 .dashboard-pipeline-card.red{--ifg-card-interaction:#ef4444;}
.command-center-modern .command-kpi{--ifg-card-interaction:var(--command-accent,#ff7a00);}
.ironflow-calendar-page .calendar-focus-metric{--ifg-card-interaction:var(--calendar-accent,#ff7a00);}
.premium-app .lead-stat-card{--ifg-card-interaction:var(--lead-stat-accent,#ff7a00);}
.premium-app .invoice-reference-kpi{--ifg-card-interaction:var(--invoice-tone,#ff7a00);}
.premium-app .jobs-kpi-card{--ifg-card-interaction:var(--jobs-kpi-color,#ff7a00);}
.premium-app .proposal-reference-metric{--ifg-card-interaction:var(--metric-color,#ff7a00);}

.premium-app :is(
  .dashboard-kpi-card,
  .dashboard-insight,
  .dashboard-pipeline-card,
  .command-kpi,
  .calendar-focus-metric:not([data-calendar-focus="new-appointment"]),
  .lead-stat-card,
  .lead-clickable-panel,
  .customer-card-v6,
  .customer-summary-button-v8,
  .jobs-kpi-card,
  .jobs-action-card,
  .proposal-reference-metric,
  .if-draft-card,
  .invoice-reference-kpi,
  .wfops-metric,
  .report-kpi,
  .report-library-card,
  .ti-insight-card,
  .blast-metric-card,
  .blast-audience-card,
  .mh-metric
):not(:disabled){
  border-color:var(--ifg-card-rest-border)!important;
  outline:0 solid transparent!important;
  outline-offset:0!important;
  box-shadow:none!important;
  transform:none!important;
  transition:
    border-color .14s ease,
    background-color .14s ease,
    box-shadow .14s ease,
    color .14s ease!important;
}

.premium-app :is(
  .dashboard-kpi-card,
  .dashboard-insight,
  .dashboard-pipeline-card,
  .command-kpi,
  .calendar-focus-metric:not([data-calendar-focus="new-appointment"]),
  .lead-stat-card,
  .lead-clickable-panel,
  .customer-card-v6,
  .customer-summary-button-v8,
  .jobs-kpi-card,
  .jobs-action-card,
  .proposal-reference-metric,
  .if-draft-card,
  .invoice-reference-kpi,
  .wfops-metric,
  .report-kpi,
  .report-library-card,
  .ti-insight-card,
  .blast-metric-card,
  .blast-audience-card,
  .mh-metric
):not(:disabled):hover{
  border-color:var(--ifg-card-interaction,var(--ifg-card-neutral-interaction))!important;
  outline:1px solid var(--ifg-card-interaction,var(--ifg-card-neutral-interaction))!important;
  outline-offset:-1px!important;
  box-shadow:
    inset 0 0 0 1px color-mix(
      in srgb,
      var(--ifg-card-interaction,var(--ifg-card-neutral-interaction)) 24%,
      transparent
    )!important;
  transform:none!important;
}

.premium-app :is(
  .dashboard-kpi-card,
  .dashboard-insight,
  .dashboard-pipeline-card,
  .command-kpi,
  .calendar-focus-metric:not([data-calendar-focus="new-appointment"]),
  .lead-stat-card,
  .lead-clickable-panel,
  .customer-card-v6,
  .customer-summary-button-v8,
  .jobs-kpi-card,
  .jobs-action-card,
  .proposal-reference-metric,
  .if-draft-card,
  .invoice-reference-kpi,
  .wfops-metric,
  .report-kpi,
  .report-library-card,
  .ti-insight-card,
  .blast-metric-card,
  .blast-audience-card,
  .mh-metric
):not(:disabled):focus-visible{
  border-color:var(--ifg-card-interaction,var(--ifg-card-neutral-interaction))!important;
  outline:2px solid var(--ifg-card-interaction,var(--ifg-card-neutral-interaction))!important;
  outline-offset:2px!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Neutral families use the approved orange interaction edge. */
.premium-app :is(
  .lead-clickable-panel,
  .customer-card-v6,
  .customer-summary-button-v8,
  .jobs-action-card,
  .if-draft-card,
  .wfops-metric,
  .report-kpi,
  .report-library-card,
  .ti-insight-card,
  .blast-metric-card,
  .blast-audience-card,
  .mh-metric
){
  --ifg-card-interaction:var(--ifg-card-neutral-interaction);
}