ZoHo Workplace flavoured with RTL and Vazir font by a3dho3yn

/* ==UserStyle==
@name           Zoho RTL
@namespace      zoho.com
@version        0.1.0
@description    Don't want to change the language to fix RTL issues? Need a better font? Just add this style ;)
@author         Hossein Taleghani
==/UserStyle== */

@-moz-document domain("zoho.com") {
    
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

:root {
    --font:  Vazirmatn, Open-sans;
}

body {
    font-family: Vazirmatn;
}

/* RTL */
.zcmsgcnt,
.zwpCSMTxtMsg,
.quotedmsgellips {
    direction:  rtl;
    text-align: right;
    unicode-bidi: embed;
}

.quotedmsgdiv,
.quotedmsgsender {
    direction: ltr;
}

pre {
    unicode-bidi: plaintext;
    text-align: left;
}

/* Beautify */ 
.bubble-view .zchtcmdmgmn {
    margin-top: 10px;
}

div.currchatpanel .zcnew-strtng .staricon,
div.currchatpanel .zcnew-strtng [purpose="staroptions"] + .chattime,
div.currchatpanel .zcnew-strtng [purpose="unstar"] + .chattime
 {
    font-size: 12px
}

div.currchatpanel .zcnew-strtng [purpose="staroptions"] + .chattime,
div.currchatpanel .zcnew-strtng [purpose="unstar"] + .chattim {
    margin-top: 1.5em;
}
.zcmsg-thread_main,
.zcmsg-head_msg,
.zcmsgcnt {
    max-width: 768px;
}

.thread-reply pre.zcmsgcnt,
.bubble-view pre.zcmsgcnt,
.bubble-view pre.zcmsgcustm {
    max-width: min(90%, 718px); 
}

/* Reactions */
.zcreactn-optns {
    height: 2em;
}

.zcreactn-optns span {
    margin-left: .8em;
}


.zcreactn-optns [elemtype="emoji"]:not(:root:root) {
    font-size: .9em;    
}

.msi-qut:before {
    content: "\e649";
    font-size: 1.5em;
    margin-left: 5px;
}

.zcsetrectns .zcf-addemoji {
    font-size: 1.4em;
}

.zcreactn-optns [class^="zcsly-"],
.zcreactn-optns [class^="zcslymsg-"] {
    transform: scale(0.8);
}
}