/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Propshaft's stylesheet_link_tag :app links the sibling app stylesheets directly. */

:root,
[data-theme],
[data-theme=light],
[data-theme=dark],
[data-theme=cupcake] {
    --radius-field: 0.25rem;
}

:is(
    .input,
    .select,
    .textarea,
    .file-input,
    input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
    select,
    textarea,
    trix-editor,
    trix-toolbar .trix-input--dialog,
    .ss-main,
    .ss-content .ss-search input
) {
    border-radius: var(--radius-field) !important;
}

input[type="file"]::file-selector-button {
    border-radius: var(--radius-field) !important;
}

.tab-active {
    background: #dbeafe;
    color: #1e3a8a;
    border-bottom: 1px solid #93c5fd;
    font-weight: 500;
}

trix-editor {
    min-height: 10rem !important;
}

trix-editor ul {
    list-style-type: disc;
    padding-left: 1.5rem;
}

trix-editor ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
}

.trix-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
}

.trix-content ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
}