.tag-editor .red-tag .tag-editor-tag {
    color: var(--qeng-bs-danger);
    background: var(--qeng-alert-danger-bg);
}

select:focus,
input:focus {
    border: 1px solid var(--qeng-field-border);
    box-shadow: inset 0px 0px 1px var(--qeng-accent-line),
        0px 0px 2px var(--qeng-accent-line);
    outline: none;
}

.changed,
input.changed:focus,
select.changed:focus {
    /*border:0px;*/
    box-shadow: inset 0px 0px 1px var(--qeng-bs-danger),
        0px 0px 2px var(--qeng-bs-danger);
}

/* The border is load-bearing, not decoration: --qeng-surface-warm-bg sits at
   1.05:1 against the card on the light theme, so the fill alone does not
   separate one row from the next. */
.edit-element {
    background-color: var(--qeng-surface-warm-bg);
    border: 1px solid var(--qeng-border);
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
}

/*
select {
  margin:0.2rem;
  border: 1px solid var(--qeng-field-border);
  border-radius: .25rem;
}
*/

input {
    max-width: 100%;
    border: 1px solid var(--qeng-field-border);
    border-radius: .25rem;
}