/* templates/base.html — μεταφέρθηκε από inline <style> (extract_inline_css). Κοινά στοιχεία: eteron_ui.css */
        /* HTMX loading indicator */
        .htmx-indicator {
            display: none;
        }
        .htmx-request .htmx-indicator {
            display: inline-block;
        }
        .htmx-request.htmx-indicator {
            display: inline-block;
        }

        /* Fade effect for swapped content */
        .htmx-swapping {
            opacity: 0.5;
            transition: opacity 0.2s ease-out;
        }

        /* Smooth content swap animation */
        .htmx-settling {
            opacity: 1;
            transition: opacity 0.2s ease-in;
        }

        /* Loading spinner for HTMX */
        .htmx-spinner {
            display: none;
            width: 1rem;
            height: 1rem;
            border: 2px solid #f3f3f3;
            border-top: 2px solid var(--color-primary, #475569);
            border-radius: 50%;
            animation: htmx-spin 0.8s linear infinite;
        }
        .htmx-request .htmx-spinner {
            display: inline-block;
        }
        @keyframes htmx-spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Button loading state */
        button.htmx-request {
            pointer-events: none;
            opacity: 0.7;
        }