.label-aligned-end label {
    text-align: right;
    padding-right: 1rem;
}

.EasyMDEContainer {
    .editor-toolbar {
        background-color: #fff;
    }

    .editor-preview {
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: #24292e;
        background-color: #fff;
        padding: 1.5em;
        border-radius: 6px;
        line-height: 1.6;
        overflow-x: auto;
    }

    .editor-preview * {
        all: unset;
        display: revert;
        font-family: inherit;
        color: inherit;
        line-height: inherit;
        box-sizing: border-box;
    }

    /* --- Basic markdown styles --- */
    .editor-preview h1,
    .editor-preview h2,
    .editor-preview h3,
    .editor-preview h4,
    .editor-preview h5,
    .editor-preview h6 {
        font-weight: 600;
        margin: 1.2em 0 0.6em;
        line-height: 1.25;
    }

    .editor-preview h1 { font-size: 2em; border-bottom: 1px solid #eaecef; padding-bottom: 0.3em; }
    .editor-preview h2 { font-size: 1.5em; border-bottom: 1px solid #eaecef; padding-bottom: 0.3em; }
    .editor-preview h3 { font-size: 1.25em; }

    .editor-preview p {
        margin: 0.8em 0;
    }

    .editor-preview a {
        color: #0969da;
        text-decoration: underline;
    }

    .editor-preview code {
        font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
        background: rgba(175, 184, 193, 0.2);
        padding: 0.2em 0.4em;
        border-radius: 6px;
    }

    .editor-preview pre {
        background: #f6f8fa;
        padding: 1em;
        border-radius: 6px;
        overflow: auto;
    }

    .editor-preview pre code {
        background: none;
        padding: 0;
    }

    .editor-preview blockquote {
        border-left: 0.25em solid #d0d7de;
        color: #6a737d;
        padding-left: 1em;
        margin: 0.8em 0;
    }

    .editor-preview ul,
    .editor-preview ol {
        padding-left: 2em;
        margin: 0.8em 0;
    }

    .editor-preview ul {
        list-style-type: disc;
    }

    .editor-preview ol {
        list-style-type: decimal;
    }

    .editor-preview li {
        display: list-item;
        margin: 0.4em 0;
    }

    .editor-preview table {
        border-collapse: collapse;
        margin: 1em 0;
        width: 100%;
    }

    .editor-preview th,
    .editor-preview td {
        border: 1px solid #d0d7de;
        padding: 0.6em 0.8em;
    }

    .editor-preview img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0.8em 0;
    }

    /* Horizontal rule */
    .editor-preview hr {
        border: 0;
        border-top: 1px solid #d0d7de;
        margin: 1.5em 0;
    }
}



/* assets/styles/rating-stars.css */

/* Base star styles */
.rating-stars .stars-container {
    display: inline-flex;
    align-items: center;
}

.rating-stars .ti-star,
.rating-stars .ti-star-filled,
.rating-stars .ti-star-half-filled {
    display: inline-block;
}

/* In case Tabler icons aren't loaded properly, provide fallback */
.rating-stars .ti-star:before {
    content: "☆"; /* Unicode empty star */
}

.rating-stars .ti-star-filled:before {
    content: "★"; /* Unicode filled star */
}

.rating-stars .ti-star-half-filled:before {
    content: "★"; /* Can be styled with gradient/overlay for half-star */
    position: relative;
}

/* Hover effects for interactive stars */
.rating-stars-form .rating-star:hover {
    transform: scale(1.2);
    transition: transform 0.2s ease;
}

/* Add animation for star selection */
.rating-stars-form .rating-star.ti-star-filled {
    animation: star-pulse 0.3s ease-in-out;
}

@keyframes star-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

/* Ensure proper spacing */
.rating-stars-form .stars-container {
    margin-bottom: 0.5rem;
}

/* Size variations */
.rating-stars .fs-2 {
    font-size: 1.5rem !important;
}

.rating-stars .fs-3 {
    font-size: 1.25rem !important;
}

.rating-stars .fs-4 {
    font-size: 1rem !important;
}

/* Ensure proper alignment of stars and numeric value */
.rating-stars span.ms-2 {
    margin-left: 0.5rem !important;
    vertical-align: middle;
}
