@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/IBMPlexSansArabic-Regular.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600 800;font-display:swap;src:url('/assets/fonts/IBMPlexSansArabic-Bold.woff2') format('woff2')}
/* Canonical brand and interface values. Change these once, across every module. */
/* Native number/date controls retain their canonical HTML values. Only digit glyphs change. */
@font-face{font-family:'Fixzit Arabic Numerals';font-style:normal;font-weight:100 900;font-display:block;src:url('/assets/fonts/FixzitArabicNumerals.woff2') format('woff2');unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9}
@font-face{font-family:'Fixzit English Numerals';font-style:normal;font-weight:100 900;font-display:block;src:url('/assets/fonts/FixzitEnglishNumerals.woff2') format('woff2');unicode-range:U+0030-0039,U+0660-0669,U+06F0-06F9}
html:lang(ar){--fx-input-font:'Fixzit Arabic Numerals',var(--fx-font)}
html:lang(en){--fx-input-font:'Fixzit English Numerals',var(--fx-font)}
:root{
 --fx-primary:#176e68;--fx-primary-hover:#125b56;--fx-primary-soft:#eef7f5;
 --fx-text:#253536;--fx-muted:#627477;--fx-border:#dfe6e7;--fx-surface:#fff;--fx-background:#f5f7f8;--fx-surface-soft:#f4f7f7;
 --fx-accent:#845627;--fx-warning:#85632f;--fx-warning-soft:#fcf8ef;--fx-danger:#9b3b33;--fx-danger-soft:#fff0ec;--fx-success:#307655;--fx-success-soft:#eaf5ee;
 --fx-font:'IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;--fx-brand-font:var(--fx-font);
 --fx-text-xs:12px;--fx-text-sm:13px;--fx-text-base:15px;--fx-title:28px;--fx-section-title:20px;
 --fx-radius:8px;--fx-control-radius:6px;--fx-control-height:44px;--fx-content-width:1320px;--fx-content-padding:36px;--fx-panel-padding:24px;--fx-gap:20px;
 --fx-space-1:4px;--fx-space-2:8px;--fx-space-3:12px;--fx-space-4:16px;--fx-space-5:20px;--fx-space-6:24px;--fx-space-8:32px;
 --fx-focus:0 0 0 3px #176e6840;--fx-overlay:#102f39a6;--fx-shadow:0 8px 25px #20303016;
 --fx-glass-radius:999px;--fx-glass-background:linear-gradient(145deg,#ffffffed,#f0f7f5e8);--fx-glass-shadow:inset 0 1px 0 #ffffffed,0 2px 6px #153f3610;--fx-glass-border:#c6d9d5;--fx-glass-primary:linear-gradient(150deg,#237a73,#176e68 58%,#125b56);
 --teal:var(--fx-primary);--ink:var(--fx-text);--muted:var(--fx-muted);--line:var(--fx-border);--paper:var(--fx-surface);--soft-teal:var(--fx-primary-soft);--font:var(--fx-font);--brown:var(--fx-accent);--ivory:var(--fx-background);--serif:var(--fx-font);
}
.fl-portal,.fx-app{--teal:var(--fx-primary);--ink:var(--fx-text);--muted:var(--fx-muted);--line:var(--fx-border);--paper:var(--fx-surface);--soft-teal:var(--fx-primary-soft);--font:var(--fx-font)}
@media(max-width:800px){:root{--fx-content-padding:20px;--fx-panel-padding:20px;--fx-gap:16px;--fx-title:24px}}
@media(max-width:500px){:root{--fx-content-padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Shared action component tokens; palette stays in the canonical brand values. */
:root{
 --fx-button-radius:10px;--fx-button-height:44px;--fx-button-padding:18px;
 --fx-button-border:#b7c9c7;--fx-button-hover-border:#7ea7a1;
 --fx-button-shadow:0 1px 2px #123b3510,inset 0 1px 0 #ffffffb3;
 --fx-button-primary-shadow:0 3px 8px #125b5626,inset 0 1px 0 #ffffff26;
 --fx-button-motion:160ms;--fx-button-ease:cubic-bezier(.2,.7,.2,1);
}
.fx-queue-return{margin:1rem clamp(1rem,4vw,3rem);max-inline-size:100%;overflow-wrap:anywhere}.fx-queue-return a{display:inline-block;white-space:normal}
.fx-queue-return{padding-inline:clamp(1rem,4vw,3rem)} [data-issue-id]{scroll-margin-block:12rem}