/* Custom styles for structure and non-Tailwind properties */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #4b5563; /* Dark background (Tailwind gray-600) */
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .container-card {
            background-color: #f3f4f6; /* Very light, subtle gray (Tailwind gray-100) */
            border-radius: 16px; 
            box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 6px 10px -2px rgba(0, 0, 0, 0.04); 
        }
        
        /* --- HIGH-CONTRAST PLAYING STATE (VISUALLY UNDENIABLE) --- */
        /* This selector requires the button to have the class 'station-btn' */
        .station-btn.playing {
            /* Added scale transform to make the button physically stand out when active */
            transform: scale(1.05); 
            /* High-contrast styling: lime ring, lime background, dark text */
            --tw-ring-opacity: 1; /* Ensure ring is visible */
            box-shadow: 0 0 0 8px rgb(163 230 53 / var(--tw-ring-opacity)), 0 0 0 2px rgb(255 255 255); /*
 Manual ring/offset effect */
            background-color: rgb(132 204 22); /* bg-lime-500 */
            border-color: rgb(101 163 13); /* border-lime-600 */
            color: rgb(17 24 39); /* text-gray-900 */
            font-weight: 800; /* font-extrabold */
        }

        /* --- EDIT MODE STYLE --- */
        /* Applied to assigned buttons only when in edit mode */
        .station-btn.edit-mode-active {
            border-style: dashed;
            opacity: 0.9;
            box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5); /* Subtle red glow for edit mode */
        }
        
        .modal-overlay {
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
        }
        .modal-content {
            z-index: 1001;
        }
        #button-container {
            gap: 1rem; /* Equivalent to gap-4 in Tailwind */
        }
        /* Style for the small reconfigure and remove buttons (icons) */
        .reconfigure-btn, .remove-btn {
            line-height: 0; /* Fix vertical alignment of SVG */
            z-index: 50; /* Ensure icons are clickable over other content */
        }