@font-face { font-family: 'SONBOLAT Amiri'; src: url('../fonts/amiri/Amiri-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'SONBOLAT Naskh'; src: url('../fonts/naskh/NotoNaskhArabic.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'SONBOLAT Cairo'; src: url('../fonts/cairo/Cairo.ttf') format('truetype'); font-weight: 200 1000; font-style: normal; font-display: swap; }
:is(.sonbolat-scene-text, body#tinymce) .sonbolat-format-verse { color: var(--sonbolat-verse-color, #176846); font-family: var(--sonbolat-verse-font, 'SONBOLAT Amiri', serif); line-height: 2; }
:is(.sonbolat-scene-text, body#tinymce) .sonbolat-format-note { color: var(--sonbolat-note-color, #654415); background: var(--sonbolat-note-background, #fff4d7); font-family: var(--sonbolat-note-font, 'SONBOLAT Naskh', serif); padding: .12em .35em; border-radius: .3em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
body#tinymce .sonbolat-note-ref { display: inline-block; color: #175b54; background: #e4efea; border-radius: 4px; cursor: pointer; padding-inline: 4px; font: 16px/1.5 sans-serif; user-select: none; }
body#tinymce .sonbolat-timing-control { display: inline-flex; align-items: center; gap: 2px; vertical-align: baseline; margin-inline: 7px 0; padding: 1px 3px; border: 1px solid #bad1c5; border-radius: 5px; background: #edf6f0; color: #175b54; font: 12px/1.7 monospace; direction: ltr; white-space: nowrap; user-select: none; }
body#tinymce .sonbolat-time-stamp { display: inline-block; min-width: 22px; padding: 0 3px; text-align: center; cursor: pointer; }
body#tinymce .sonbolat-time-clear { display: inline-block; width: 18px; text-align: center; color: #8e2222; cursor: pointer; }
body#tinymce .sonbolat-timing-control [role="button"]:focus-visible { outline: 2px solid #2271b1; outline-offset: 2px; }
body#tinymce .sonbolat-time-inline-input { box-sizing: border-box; width: 96px; height: 27px; margin: 0; padding: 2px 4px; border: 1px solid #2271b1; border-radius: 3px; background: #fff; color: #172e2b; font: 13px/1.5 monospace; text-align: center; user-select: text; }
body#tinymce .sonbolat-time-inline-input[aria-invalid="true"] { border-color: #b32d2e; outline: 1px solid #b32d2e; }