add support for CSS

wp-api-consumer.php

@@ -92,7 +92,7 @@ function dsi_get_status() : bool {
 
 function dsi_shortcode() : string {
     $open  = dsi_get_status();
-    $emoji = $open ? '<div>🟢 Open</div>' : '<div>🔴 Closed</div>';
+    $emoji = $open ? '<div class="door-status-indicator open">🟢 Open</div>' : '<div class="door-status-indicator closed">🔴 Closed</div>';
 
     return sprintf(
         '<span class="door-status-indicator" aria-label="Door is %s">%s</span>',
@@ -132,13 +132,21 @@ add_action( 'admin_bar_menu', 'dsi_admin_bar', 1000 );
 |--------------------------------------------------------------------------
 */
 
+/**
+ * Front-end + admin-bar styles for the indicator.
+ */
 function dsi_enqueue_assets() : void {
-    if ( is_admin() ) {
-        return; // Front‑end only.
-    }
-    wp_add_inline_style( 'wp-block-library', '.door-status-indicator{font-size:1.2em;line-height:1}' );
+    // register & enqueue the standalone CSS file
+    wp_enqueue_style(
+        'door-status-indicator',
+        plugins_url( 'door-status.css', __FILE__ ),
+        [],          // no dependencies
+        '1.0.0'      // file version
+    );
 }
 add_action( 'wp_enqueue_scripts', 'dsi_enqueue_assets' );
+add_action( 'admin_enqueue_scripts', 'dsi_enqueue_assets' ); // so the Admin Bar icon also gets styled
+
 
 /*
 |--------------------------------------------------------------------------