/* OMNi Hub Visual-Matched Icon Library
   Uses the actual approved PNG visual assets as background images.
   This is intentionally NOT a CSS-mask monochrome icon set; these are full-color product graphics. */

:root {
  --omni-blue: #002147;
  --omni-orange: #FF6319;
  --omni-white: #FFFFFF;
}

.omni {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: -0.25em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex: 0 0 auto;
}

.omni-fw { width: 1.75em; text-align: center; }
.omni-sm { width: 1em; height: 1em; }
.omni-lg { width: 2em; height: 2em; }
.omni-xl { width: 3em; height: 3em; }
.omni-2x { width: 2em; height: 2em; }
.omni-3x { width: 3em; height: 3em; }
.omni-4x { width: 4em; height: 4em; }
.omni-5x { width: 5em; height: 5em; }

/* Logo helpers */
.omni-logo { width: 16rem; height: 5rem; }
.omni-logo-stacked { width: 10rem; height: 10rem; }

.omni-hub-logo { background-image: url('../assets/png/hub-logo.png'); }
.omni-hub-logo-stacked { background-image: url('../assets/png/hub-logo-stacked.png'); }
.omni-hub-mark { background-image: url('../assets/png/hub-mark.png'); }
.omni-dashboard { background-image: url('../assets/png/dashboard.png'); }
.omni-affiliates { background-image: url('../assets/png/affiliates.png'); }
.omni-distribution { background-image: url('../assets/png/distribution.png'); }
.omni-playout { background-image: url('../assets/png/playout.png'); }
.omni-automation { background-image: url('../assets/png/automation.png'); }
.omni-production { background-image: url('../assets/png/production.png'); }
.omni-contracts { background-image: url('../assets/png/contracts.png'); }
.omni-billing { background-image: url('../assets/png/billing.png'); }
.omni-analytics { background-image: url('../assets/png/analytics.png'); }
.omni-reports { background-image: url('../assets/png/reports.png'); }
.omni-messaging { background-image: url('../assets/png/messaging.png'); }
.omni-alerts { background-image: url('../assets/png/alerts.png'); }
.omni-scheduling { background-image: url('../assets/png/scheduling.png'); }
.omni-inventory { background-image: url('../assets/png/inventory.png'); }
.omni-ingest { background-image: url('../assets/png/ingest.png'); }
.omni-tenant-management { background-image: url('../assets/png/tenant-management.png'); }
.omni-network-health { background-image: url('../assets/png/network-health.png'); }
.omni-settings { background-image: url('../assets/png/settings.png'); }
.omni-users { background-image: url('../assets/png/users.png'); }
.omni-security { background-image: url('../assets/png/security.png'); }