@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("./fonts/YekanBakhFaNum-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("./fonts/YekanBakhFaNum-SemiBold.woff2") format("woff2");
    font-weight: 500 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("./fonts/YekanBakhFaNum-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Yekan Bakh FaNum";
    src: url("./fonts/YekanBakhFaNum-ExtraBold.woff2") format("woff2");
    font-weight: 800 900;
    font-style: normal;
    font-display: swap;
}

/* Scope all adjustments to this panel; retain Filament's layout and theme. */
.fi-panel-admin,
.ap-admin-error {
    font-family: "Yekan Bakh FaNum", Tahoma, sans-serif;
}

.fi-panel-admin :is(input, textarea, select, button),
.fi-panel-admin .fi-fo-markdown-editor,
.fi-panel-admin .fi-fo-markdown-editor .CodeMirror,
.fi-panel-admin .fi-fo-markdown-editor .editor-preview {
    font-family: inherit;
}

.fi-panel-admin :is(.fi-header-heading, .fi-section-header-heading) {
    letter-spacing: normal;
}

.fi-panel-admin .fi-fo-markdown-editor .CodeMirror,
.fi-panel-admin .fi-fo-markdown-editor .editor-preview {
    direction: rtl;
    text-align: start;
}

.fi-panel-admin [data-admin-technical="true"],
.fi-panel-admin .fi-fo-key-value input[x-model="row.key"],
.fi-panel-admin .fi-fo-markdown-editor :is(pre, code) {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: left;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Yekan Bakh FaNum", monospace;
}

.fi-panel-admin .fi-fo-key-value input[x-model="row.value"] {
    unicode-bidi: plaintext;
    text-align: start;
}

.ap-admin-error {
    box-sizing: border-box;
    min-height: 100vh;
    margin: 0;
    padding: 24px;
    display: grid;
    place-items: center;
    background: #f9fafb;
    color: #111827;
    line-height: 1.8;
}

.ap-admin-error main {
    box-sizing: border-box;
    width: min(100%, 480px);
    padding: 24px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    text-align: center;
}

.ap-admin-error h1 {
    margin-block: 0 12px;
    font-size: 24px;
}

.ap-admin-error a {
    display: inline-block;
    margin-block-start: 12px;
    padding: 8px 16px;
    border-radius: 8px;
    background: #4f46e5;
    color: #fff;
    text-decoration: none;
}

.ap-admin-error a:focus-visible {
    outline: 2px solid #4f46e5;
    outline-offset: 4px;
}
