/* WhoKnew Views - Icon Picker Styles */

/* =============================================================================
   CRITICAL FIX: Block [data-icon]::before from dripicons-v2.css and elegant-icons.css
   These libraries use [data-icon]:before { content: attr(data-icon); } which conflicts
   with our icon picker's data-icon attributes, causing garbled text to appear.
   
   IMPORTANT: We ONLY block ::before on .wkviews-icon-item divs that have data-icon.
   This allows Dashicons spans to keep their ::before (which is how they render).
   ============================================================================= */
#wkviews-icon-modal .wkviews-icon-item[data-icon]::before,
#wkviews-icon-modal .wkviews-icon-item[data-icon]::after,
.wkviews-icon-modal .wkviews-icon-item[data-icon]::before,
.wkviews-icon-modal .wkviews-icon-item[data-icon]::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
}

/* Ensure Dashicons can use their ::before pseudo-element */
.wkviews-icon-modal .dashicons::before,
#wkviews-icon-modal .dashicons::before,
.wkviews-icon-modal span[class^="dashicons-"]::before,
#wkviews-icon-modal span[class^="dashicons-"]::before {
    display: inline-block !important;
    font-family: dashicons !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    text-decoration: inherit !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Hide all Font Awesome brand icons (they don't work with solid fas class) */
/* Hide by class and by data-icon attribute */
.wkviews-icon-modal .fa-brands,
.wkviews-icon-modal .fab,
#wkviews-icon-modal .fa-brands,
#wkviews-icon-modal .fab,
/* Hide icon items containing brand icon names */
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-42-group"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-500px"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-accessible-icon"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-accusoft"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-adn"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-adversal"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-affiliatetheme"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-airbnb"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-algolia"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-alipay"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-amazon-pay"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-amilia"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-android"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-angellist"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-angrycreative"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-angular"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-apper"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-apple-pay"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-app-store"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-asymmetrik"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-atlassian"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-audible"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-avianex"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-aviato"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-aws"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-bandcamp"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-battle-net"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-behance"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-bilibili"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-bimobject"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-bitbucket"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-bitcoin"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-bity"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-black-tie"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-blackberry"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-blogger"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-bluetooth-b"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-bootstrap"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-bots"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-brave"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-btc"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-buffer"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-buromobelexperte"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-buy-n-large"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-buysellads"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-canadian-maple-leaf"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cc-amazon-pay"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cc-amex"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cc-apple-pay"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cc-diners-club"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cc-discover"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cc-jcb"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cc-mastercard"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cc-paypal"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cc-stripe"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-centercode"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-centos"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-chrome"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-chromecast"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cloudflare"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cloudscale"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cloudsmith"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cloudversify"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cmplid"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-codepen"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-codiepie"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-confluence"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-connectdevelop"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-contao"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cotton-bureau"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cpanel"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-creative-commons"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-critical-role"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-css3"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-cuttlefish"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-d-and-d"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-dailymotion"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-dashcube"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-debian"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-deezer"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-delicious"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-deploydog"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-deskpro"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-dev"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-deviantart"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-dhl"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-diaspora"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-digg"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-digital-ocean"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-discord"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-discourse"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-dochub"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-docker"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-draft2digital"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-dribbble"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-dropbox"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-drupal"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-dyalog"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-earlybirds"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-ebay"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-edge"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-elementor"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-ello"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-ember"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-empire"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-envira"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-erlang"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-ethereum"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-etsy"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-evernote"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-expeditedssl"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-facebook"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-fantasy-flight-games"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-fedex"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-fedora"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-figma"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-firefox"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-firstdraft"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-first-order"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-flickr"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-flipboard"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-fly"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-font-awesome"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-fonticons"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-fort-awesome"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-forumbee"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-foursquare"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-free-code-camp"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-freebsd"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-fulcrum"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-galactic-republic"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-galactic-senate"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-get-pocket"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-gg"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-git"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-github"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-gitkraken"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-gitlab"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-gitter"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-glide"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-gofore"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-golang"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-goodreads"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-google"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-gratipay"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-grav"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-gripfire"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-grunt"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-guilded"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-gulp"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-hackerrank"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-hashnode"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-hips"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-hire-a-helper"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-hive"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-hooli"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-hornbill"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-hotjar"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-houzz"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-html5"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-hubspot"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-ideal"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-imdb"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-innosoft"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-instagram"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-instalod"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-intercom"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-internet-explorer"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-invision"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-ioxhost"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-itch-io"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-itunes"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-java"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-jedi-order"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-jenkins"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-jira"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-joget"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-joomla"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-js"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-jsfiddle"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-kaggle"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-keybase"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-keycdn"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-kickstarter"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-korvue"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-laravel"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-lastfm"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-leanpub"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-less"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-letterboxd"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-line"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-linkedin"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-linode"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-linux"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-lyft"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-magento"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-mailchimp"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-mandalorian"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-markdown"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-mastodon"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-maxcdn"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-mdb"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-medapps"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-medium"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-medrt"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-meetup"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-megaport"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-mendeley"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-meta"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-microblog"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-microsoft"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-mintbit"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-mix"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-mixcloud"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-mixer"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-mizuni"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-modx"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-monero"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-napster"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-neos"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-nfc-"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-nimblr"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-node"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-npm"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-ns8"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-nutritionix"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-octopus-deploy"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-odnoklassniki"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-odysee"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-old-republic"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-opencart"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-openid"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-opera"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-optin-monster"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-orcid"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-osi"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-padlet"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-page4"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-pagelines"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-palfed"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-patreon"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-paypal"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-perbyte"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-periscope"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-phabricator"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-phoenix-"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-php"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-pied-piper"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-pinterest"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-pix"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-playstation"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-product-hunt"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-pushed"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-python"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-qq"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-quinscape"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-quora"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-r-project"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-raspberry-pi"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-ravelry"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-react"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-readme"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-rebel"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-reddit"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-red-river"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-rendact"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-renren"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-replyd"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-researchgate"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-resolving"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-rev"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-rocketchat"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-rockrms"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-rust"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-safari"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-salesforce"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-sass"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-schlix"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-screenpal"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-scribd"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-searchengin"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-sellcast"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-sellsy"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-servicestack"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-shirtsinbulk"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-shoelace"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-shopify"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-shopware"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-signal-messenger"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-simplybuilt"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-sistrix"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-sith"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-sitrox"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-sketch"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-skyatlas"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-skype"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-slack"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-slideshare"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-snapchat"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-soundcloud"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-sourcetree"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-space-awesome"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-speakap"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-speaker-deck"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-spotify"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-behance"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-bluesky"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-dribbble"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-facebook"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-font-awesome"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-git"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-github"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-gitlab"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-google-plus"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-instagram"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-js"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-kickstarter"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-lastfm"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-letterboxd"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-odnoklassniki"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-pied-piper"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-pinterest"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-reddit"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-snapchat"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-steam"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-threads"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-tumblr"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-twitter"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-viadeo"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-vimeo"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-whatsapp"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-x-twitter"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-xing"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-square-youtube"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-squarespace"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-stack-exchange"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-stack-overflow"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-stackpath"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-staylinked"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-steam"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-sticker-mule"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-strava"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-stripe"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-stubber"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-studiovinari"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-stumbleupon"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-superpowers"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-supple"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-suse"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-swift"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-symfony"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-teamspeak"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-telegram"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-tencent-weibo"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-the-red-yeti"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-themeco"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-themeisle"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-think-peaks"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-tiktok"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-trade-federation"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-trello"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-tumblr"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-twitch"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-twitter"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-typo3"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-uber"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-ubuntu"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-uikit"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-umbraco"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-uncharted"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-uniregistry"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-unity"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-unsplash"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-untappd"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-ups"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-upwork"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-usb"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-usps"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-ussunnah"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-vaadin"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-viacoin"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-viadeo"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-viber"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-vimeo"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-vine"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-vk"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-vnv"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-vuejs"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-watchman-monitoring"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-waze"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-webflow"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-weebly"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-weibo"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-weixin"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-whatsapp"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-whmcs"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wikipedia-w"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-windows"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wirsindhandwerk"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wix"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wizards-of-the-coast"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wodu"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wolf-pack-battalion"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wordpress"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wpbeginner"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wpexplorer"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wpforms"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wpressr"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-wsh"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-xbox"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-xing"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-x-twitter"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-yahoo"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-yammer"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-yandex"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-yarn"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-y-combinator"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-yelp"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-yoast"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-youtube"],
.wkviews-icon-modal .wkviews-icon-item[data-icon*="fa-zhihu"] {
    display: none !important;
}

/* CRITICAL FIX: Override [data-icon]:before from dripicons and elegant-icons */
/* Use MAXIMUM specificity to override icon library CSS */
.wkviews-icon-modal [data-icon]::before,
.wkviews-icon-modal [data-icon]::after,
.wkviews-icon-modal div[data-icon]::before,
.wkviews-icon-modal div[data-icon]::after,
#wkviews-icon-modal [data-icon]::before,
#wkviews-icon-modal [data-icon]::after,
#wkviews-icon-modal div[data-icon]::before,
#wkviews-icon-modal div[data-icon]::after,
.wkviews-icon-modal .wkviews-icon-item[data-icon]::before,
.wkviews-icon-modal .wkviews-icon-item[data-icon]::after,
#wkviews-icon-modal .wkviews-icon-item[data-icon]::before,
#wkviews-icon-modal .wkviews-icon-item[data-icon]::after,
.wkviews-icon-modal .wkviews-icon-grid [data-icon]::before,
.wkviews-icon-modal .wkviews-icon-grid [data-icon]::after {
    content: none !important;
    display: none !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Ensure text elements use standard font, not icon fonts */
.wkviews-icon-modal,
.wkviews-modal-header,
.wkviews-modal-search,
.wkviews-modal-library-info,
.wkviews-icon-name,
.wkviews-loading,
.wkviews-no-results {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Allow pseudo-elements on icon elements but don't set any styles */
/* Let the icon library CSS handle everything about ::before */
.wkviews-icon-modal i::before,
.wkviews-icon-modal span::before,
#wkviews-icon-modal i::before,
#wkviews-icon-modal span::before {
    /* Override the div blocking rules */
    display: inline-block !important;
    /* Do NOT set font-size, font-family, or anything else - let icon CSS handle it */
}

/* DO NOT set any font-family on icon elements */
/* Let the icon library CSS apply font-family to ::before naturally */
.wkviews-icon-item i,
.wkviews-icon-item span {
    /* No font-family here at all */
}

/* Field container */
.wkviews-icon-picker-field {
    max-width: 600px;
}

/* Trigger button - Matching Clean Design */
.wkviews-icon-trigger {
    display: flex !important;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 600px;
    padding: 1rem 1.25rem !important;
    height: auto !important;
    min-height: auto !important;
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease !important;
    text-align: left;
    outline: none !important;
}

.wkviews-icon-trigger:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}

.wkviews-icon-trigger:focus {
    outline: none !important;
    background: #ffffff !important;
    border-color: #667eea !important;
    box-shadow: 
        0 0 0 4px rgba(102, 126, 234, 0.1),
        0 4px 12px rgba(102, 126, 234, 0.15) !important;
    transform: translateY(-1px) !important;
}

.wkviews-icon-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    font-size: 16px;
    color: #667eea;
}

.wkviews-icon-preview i,
.wkviews-icon-preview span {
    font-size: 16px;
    line-height: 1;
}

/* Ensure Dashicons render properly in the preview button */
.wkviews-icon-preview .dashicons,
.wkviews-icon-preview span[class^="dashicons-"],
.wkviews-icon-preview span[class*=" dashicons-"] {
    font-family: dashicons !important;
    display: inline-block !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    text-align: center !important;
    vertical-align: middle !important;
    speak: never !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.wkviews-icon-preview .dashicons::before,
.wkviews-icon-preview span[class^="dashicons-"]::before,
.wkviews-icon-preview span[class*=" dashicons-"]::before {
    display: inline-block !important;
    font-family: dashicons !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

.wkviews-icon-label {
    flex: 1;
    text-align: left;
    color: #1e293b;
    font-weight: 400;
}

.wkviews-icon-arrow {
    color: #64748b;
    font-size: 12px;
    transition: color 0.3s ease;
}

.wkviews-icon-trigger:hover .wkviews-icon-arrow {
    color: #667eea;
}

/* Modal - Create isolated stacking context */
.wkviews-icon-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999999 !important;
    pointer-events: auto !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    isolation: isolate !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
}

.wkviews-modal-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(5px) !important;
    pointer-events: auto !important;
    z-index: 9999998 !important;
    margin: 0 !important;
    padding: 0 !important;
    isolation: isolate !important;
}

.wkviews-modal-content {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) translateZ(0) !important;
    -webkit-transform: translate(-50%, -50%) translateZ(0) !important;
    width: 800px !important;
    max-width: 90vw !important;
    height: 85vh !important;
    min-height: 600px !important;
    max-height: 85vh !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    display: flex !important;
    flex-direction: column !important;
    pointer-events: auto !important;
    z-index: 9999999 !important;
    margin: 0 !important;
    padding: 0 !important;
    isolation: isolate !important;
    will-change: auto !important;
}

/* Header */
.wkviews-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border-radius: 8px 8px 0 0;
}

.wkviews-modal-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.wkviews-modal-close {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: background 0.2s;
}

.wkviews-modal-close:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Search */
.wkviews-modal-search {
    padding: 16px 24px;
    border-bottom: 1px solid #ddd;
}

#wkviews-icon-search {
    width: 100%;
    padding: 10px 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

#wkviews-icon-search:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 1px #667eea;
}

/* Library info */
.wkviews-modal-library-info {
    display: flex;
    justify-content: space-between;
    padding: 12px 24px;
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    color: #666;
}

#wkviews-library-name {
    font-weight: 600;
}

/* Icon grid */
.wkviews-modal-grid {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    min-height: 0;
}

.wkviews-icon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 10px;
    width: 100%;
}

/* Prevent pseudo-elements on ALL divs in the modal - NUCLEAR OPTION */
/* This stops the garbled characters from rendering at all */
.wkviews-icon-modal div::before,
.wkviews-icon-modal div::after,
#wkviews-icon-modal div::before,
#wkviews-icon-modal div::after,
.wkviews-icon-modal .wkviews-icon-item::before,
.wkviews-icon-modal .wkviews-icon-item::after,
.wkviews-icon-modal .wkviews-top-pick::before,
.wkviews-icon-modal .wkviews-top-pick::after,
#wkviews-icon-modal .wkviews-top-pick::before,
#wkviews-icon-modal .wkviews-top-pick::after {
    content: none !important;
    display: none !important;
}

.wkviews-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background: #f9f9f9;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
    height: 90px;
    min-height: 90px;
    max-height: 90px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

/* These rules are now covered by the div::before/after blocking above */

/* Top Pick styling */
.wkviews-icon-item.wkviews-top-pick {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border-color: #fbbf24;
}

.wkviews-icon-item.wkviews-top-pick:hover {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-color: #f59e0b;
}

/* CRITICAL: Block ::before on top-pick items specifically */
.wkviews-icon-item.wkviews-top-pick::before,
.wkviews-icon-item.wkviews-top-pick::after {
    content: none !important;
    display: none !important;
}

.wkviews-top-badge {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 12px;
}

.wkviews-icon-item:hover {
    background: #f0f0ff;
    border-color: #667eea;
}

.wkviews-icon-item.selected {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: #667eea;
    color: #fff;
}

.wkviews-icon-item i,
.wkviews-icon-item span {
    /* Minimal styling - let icon library CSS handle everything else */
    display: inline-block;
    font-size: 24px; /* Only set size, not font-family */
    line-height: 1;
}

/* DO NOT set font-family here - let the icon library CSS handle it naturally */
/* The icon libraries already have correct font-family rules in their CSS files */
/* Our job is just to not interfere */

/* Hide ::after if it exists */
.wkviews-icon-item i::after,
.wkviews-icon-item span::after {
    display: none !important;
}

.wkviews-icon-item.selected i,
.wkviews-icon-item.selected span {
    color: #fff;
}

.wkviews-icon-name {
    margin-top: 6px;
    font-size: 10px;
    text-align: center;
    line-height: 1.2;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
}

/* Loading state */
.wkviews-loading {
    text-align: center;
    padding: 40px;
    color: #999;
}

/* No results */
.wkviews-no-results {
    text-align: center;
    padding: 40px;
    color: #999;
}

.wkviews-no-results h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    color: #666;
}

/* Responsive */
@media (max-width: 768px) {
    .wkviews-modal-content {
        width: 95%;
        max-height: 90vh;
    }
    
    .wkviews-icon-grid {
        grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
        gap: 8px;
    }
    
    .wkviews-icon-item i,
    .wkviews-icon-item span {
        font-size: 20px;
    }
}

/* FINAL NUCLEAR OVERRIDE - Must be at the END of the file */
/* Override dripicons [data-icon]:before and elegant-icons [data-icon]:before */
/* These rules MUST come last to override the icon library CSS */
/* ONLY target .wkviews-icon-item containers, NOT the icons themselves */
body .wkviews-icon-modal .wkviews-icon-item[data-icon]::before,
body .wkviews-icon-modal .wkviews-icon-item[data-icon]::after,
body #wkviews-icon-modal .wkviews-icon-item[data-icon]::before,
body #wkviews-icon-modal .wkviews-icon-item[data-icon]::after,
html body .wkviews-icon-modal .wkviews-icon-item[data-icon]::before,
html body .wkviews-icon-modal .wkviews-icon-item[data-icon]::after,
html body #wkviews-icon-modal .wkviews-icon-item[data-icon]::before,
html body #wkviews-icon-modal .wkviews-icon-item[data-icon]::after {
    content: "" !important;
    display: none !important;
    speak: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* CRITICAL: Completely disable background when modal is open */
body.wkviews-modal-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}

/* Block ALL interactions with background elements */
body.wkviews-modal-open > *:not(.wkviews-icon-modal) {
    pointer-events: none !important;
}

/* Disable all hover effects and transitions on background elements */
body.wkviews-modal-open #wpadminbar,
body.wkviews-modal-open #adminmenuwrap,
body.wkviews-modal-open #adminmenu,
body.wkviews-modal-open #adminmenu *,
body.wkviews-modal-open #wpcontent,
body.wkviews-modal-open #wpfooter,
body.wkviews-modal-open .wkviews-section,
body.wkviews-modal-open .wkviews-field-card,
body.wkviews-modal-open .ui-tooltip,
body.wkviews-modal-open .qtip,
body.wkviews-modal-open [role="tooltip"],
body.wkviews-modal-open .tooltip {
    pointer-events: none !important;
    transition: none !important;
    animation: none !important;
}

/* Prevent any hover states from triggering */
body.wkviews-modal-open *:not(.wkviews-icon-modal):not(.wkviews-icon-modal *):hover {
    pointer-events: none !important;
    transition: none !important;
    animation: none !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Force modal and its children to be interactive */
.wkviews-icon-modal,
.wkviews-icon-modal *,
.wkviews-icon-modal *:hover,
.wkviews-icon-modal *:focus {
    pointer-events: auto !important;
}