/* InstaFlow Design System v1.7 */
:root{
 --cn-font:"Vazirmatn",Tahoma,Arial,sans-serif;
 --cn-bg:#f5f7fb;--cn-surface:#ffffff;--cn-surface-2:#f8f9fc;--cn-ink:#181b24;--cn-muted:#6f7685;--cn-line:#e6e9f0;
 --cn-primary:#6757e8;--cn-primary-2:#846ff2;--cn-success:#1f9d72;--cn-danger:#d94b61;--cn-warning:#e99231;--cn-info:#437de0;
 --cn-r-xs:10px;--cn-r-sm:14px;--cn-r-md:18px;--cn-r-lg:24px;--cn-r-xl:30px;--cn-r-pill:999px;
 --cn-shadow-1:0 8px 24px rgba(24,28,38,.05);--cn-shadow-2:0 18px 48px rgba(24,28,38,.075);--cn-shadow-3:0 28px 80px rgba(24,28,38,.11);
 --cn-ease:cubic-bezier(.2,.8,.2,1);
}
/* Global Persian typography — every InstaFlow surface uses one font. */
html:has(body.cn-app-body),html:has(body.cnsite-body){font-family:var(--cn-font)!important}
body.cn-app-body,body.cnsite-body,.cnadmin-wrap{font-family:var(--cn-font)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none}
body.cn-app-body *,body.cn-app-body *::before,body.cn-app-body *::after,
body.cnsite-body *,body.cnsite-body *::before,body.cnsite-body *::after,
.cnadmin-wrap *,.cnadmin-wrap *::before,.cnadmin-wrap *::after{font-family:var(--cn-font)!important}
body.cn-app-body input::placeholder,body.cn-app-body textarea::placeholder,body.cnsite-body input::placeholder,body.cnsite-body textarea::placeholder,.cnadmin-wrap input::placeholder,.cnadmin-wrap textarea::placeholder{font-family:var(--cn-font)!important}
body.cn-app-body button,body.cn-app-body input,body.cn-app-body textarea,body.cn-app-body select,body.cn-app-body option,
body.cnsite-body button,body.cnsite-body input,body.cnsite-body textarea,body.cnsite-body select,body.cnsite-body option,
.cnadmin-wrap button,.cnadmin-wrap input,.cnadmin-wrap textarea,.cnadmin-wrap select,.cnadmin-wrap option{font-family:var(--cn-font)!important}
/* Keep WordPress icon glyphs intact inside the admin while text stays Vazirmatn. */
.cnadmin-wrap .dashicons,.cnadmin-wrap .dashicons-before::before{font-family:dashicons!important}
.cn-app-body button,.cnsite-body button,.cnadmin-wrap button,.cn-btn,.cnsite-btn{border-radius:var(--cn-r-md)!important}
.cn-app-body button,.cn-btn,.cn-icon-btn,.cn-modal-x,.cnsite-btn{transition:transform .16s var(--cn-ease),box-shadow .16s var(--cn-ease),background .16s var(--cn-ease),border-color .16s var(--cn-ease)}
.cn-app-body button:focus-visible,.cn-btn:focus-visible,.cn-icon-btn:focus-visible,.cn-modal-x:focus-visible,.cnsite-body button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary,var(--cn-primary)) 24%,transparent);outline-offset:2px}