/* Emphasize raw anchor tags rendered via format_html in admin list/readonly fields.
   Loaded before Unfold's main styles.css, so !important is required to win against
   Tailwind preflight's `a { color: inherit; text-decoration: inherit; }`. */
#content a[href]:not([class]),
#result_list a[href]:not([class]),
.readonly a[href]:not([class]),
.field-box a[href]:not([class]),
.form-row a[href]:not([class]) {
    color: var(--color-primary-600) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--color-primary-600) !important;
    text-underline-offset: 2px !important;
    font-weight: 500 !important;
}

#content a[href]:not([class]):hover,
#result_list a[href]:not([class]):hover,
.readonly a[href]:not([class]):hover,
.field-box a[href]:not([class]):hover,
.form-row a[href]:not([class]):hover {
    color: var(--color-primary-700) !important;
    text-decoration-color: var(--color-primary-700) !important;
    text-decoration-thickness: 2px !important;
}

.dark #content a[href]:not([class]),
.dark #result_list a[href]:not([class]),
.dark .readonly a[href]:not([class]),
.dark .field-box a[href]:not([class]),
.dark .form-row a[href]:not([class]) {
    color: var(--color-primary-400) !important;
    text-decoration-color: var(--color-primary-400) !important;
}

.dark #content a[href]:not([class]):hover,
.dark #result_list a[href]:not([class]):hover,
.dark .readonly a[href]:not([class]):hover,
.dark .field-box a[href]:not([class]):hover,
.dark .form-row a[href]:not([class]):hover {
    color: var(--color-primary-300) !important;
    text-decoration-color: var(--color-primary-300) !important;
}