/*!
 * Minimal @font-face for the vendored Tabler Icons webfont (MIT licensed,
 * see LICENSE-tabler-icons.txt), used only for the IndesignIconField live
 * preview in the Kategorie admin form (com_sebp, Schritt 19). Not the
 * upstream tabler-icons.css (which defines a class per icon) — this
 * component looks up codepoints.json at runtime instead, since the icon
 * name is free text entered by the admin, not a fixed set of classes.
 */
@font-face {
    font-family: "sebp-tabler-icons";
    font-style: normal;
    font-weight: 400;
    src: url("tabler-icons.woff2") format("woff2"), url("tabler-icons.ttf") format("truetype");
}

.sebp-indesign-icon-preview {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    margin-inline-start: 0.5rem;
    border: 1px solid var(--border-color, #ccc);
    border-radius: 0.25rem;
    font-family: "sebp-tabler-icons";
    font-size: 1.25rem;
    vertical-align: middle;
}

.sebp-indesign-icon-preview[data-sebp-icon-state="empty"] {
    border-style: dashed;
}

.sebp-indesign-icon-preview[data-sebp-icon-state="not-found"] {
    color: #b00020;
    border-color: #b00020;
    font-family: inherit;
    font-size: 0.75rem;
}