#ch.tg .tg-app{position:absolute;inset:0;display:flex;flex-direction:row;overflow:hidden;background:var(--tg-bg)}
#ch.tg.gated .tg-app{visibility:hidden}
#ch.tg .tg-layer{position:absolute;inset:0;pointer-events:none;z-index:50}
#ch.tg .tg-layer>*{pointer-events:auto}
#ch.tg .tg-btn-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--tg-text-2);flex:none;transition:color .15s,background-color .15s,opacity .15s}
#ch.tg .tg-btn-icon:hover{background:var(--tg-hover)}
#ch.tg .tg-btn-icon:disabled{opacity:.35;pointer-events:none}
#ch.tg .tg-btn-icon.active{color:var(--tg-primary)}
#ch.tg .tg-btn-icon>.tgico{position:relative;z-index:1}
#ch.tg .tg-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:10px;font-size:15px;font-weight:500;color:var(--tg-primary);transition:background-color .15s,opacity .15s,transform .1s}
#ch.tg .tg-btn:hover{background:rgba(var(--tg-primary-rgb),.08)}
#ch.tg .tg-btn.primary{background:var(--tg-primary);color:var(--tg-primary-text)}
#ch.tg .tg-btn.primary:hover{filter:brightness(1.07)}
#ch.tg .tg-btn.danger{color:var(--tg-danger)}
#ch.tg .tg-btn.danger:hover{background:rgba(var(--tg-danger-rgb),.08)}
#ch.tg .tg-btn.big{height:54px;border-radius:12px;font-size:16px;width:100%}
#ch.tg .tg-btn:disabled{opacity:.45;pointer-events:none}
#ch.tg .tg-btn>.tgico{font-size:22px;position:relative;z-index:1}
#ch.tg .tg-btn .tg-btn-t{position:relative;z-index:1}
#ch.tg .tg-menu-overlay{position:absolute;inset:0;z-index:60}
#ch.tg .tg-menu{position:absolute;z-index:61;min-width:180px;max-width:320px;padding:4px 0;border-radius:var(--tg-radius-big);background:var(--tg-menu-bg);-webkit-backdrop-filter:blur(30px) saturate(1.4);backdrop-filter:blur(30px) saturate(1.4);box-shadow:var(--tg-menu-shadow);opacity:0;transform:scale(.8);transition:opacity .2s var(--tg-ease),transform .2s var(--tg-ease);color:var(--tg-text);direction:rtl}
#ch.tg .tg-menu.open{opacity:1;transform:none}
#ch.tg .tg-menu.closing{opacity:0;transform:scale(.8);pointer-events:none}
#ch.tg .tg-menu-items{display:flex;flex-direction:column}
#ch.tg .tg-menu-item{position:relative;display:flex;align-items:center;gap:20px;height:36px;margin:0 4px;padding:0 12px;border-radius:8px;font-size:14.5px;font-weight:500;white-space:nowrap;text-align:start;color:var(--tg-text);transition:transform .1s var(--tg-ease),background-color .1s}
#ch.tg .tg-menu-item:hover{background:var(--tg-hover)}
#ch.tg .tg-menu-item:active{transform:scale(.97)}
#ch.tg .tg-menu-item.danger{color:var(--tg-danger)}
#ch.tg .tg-menu-item.danger .tg-menu-ic{color:var(--tg-danger)}
#ch.tg .tg-menu-item.disabled{opacity:.4;pointer-events:none}
#ch.tg .tg-menu-ic{font-size:20px;color:var(--tg-text);position:relative;z-index:1}
#ch.tg .tg-menu-ic-empty{width:20px;flex:none}
#ch.tg .tg-menu-emo{font-size:18px;width:20px;text-align:center}
#ch.tg .tg-menu-item .tg-avatar{flex:none}
#ch.tg .tg-menu-t{flex:1;position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis}
#ch.tg .tg-menu-check{font-size:20px;color:var(--tg-primary)}
#ch.tg .tg-menu-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--tg-primary);color:var(--tg-primary-text);font-size:12px;font-weight:700;display:grid;place-items:center}
#ch.tg .tg-menu-right{color:var(--tg-text-2);font-size:13px;font-weight:400}
#ch.tg .tg-menu-sep{height:1px;margin:4px 0;background:var(--tg-border)}
#ch.tg .tg-menu-head{padding:8px 16px 6px;color:var(--tg-text-2);font-size:13px;font-weight:500}
#ch.tg .tg-popup-ov{position:absolute;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);opacity:0;transition:opacity .15s var(--tg-ease)}
#ch.tg .tg-popup-ov.open{opacity:1}
#ch.tg .tg-popup-ov.closing{opacity:0;pointer-events:none}
#ch.tg .tg-popup{position:relative;width:min(400px,calc(100% - 32px));max-height:calc(100% - 48px);display:flex;flex-direction:column;border-radius:var(--tg-radius-big);background:var(--tg-surface);box-shadow:0 4px 24px rgba(0,0,0,.35);padding:16px 8px 8px;transform:scale(.92);transition:transform .15s var(--tg-ease);overflow:hidden}
#ch.tg .tg-popup-ov.open .tg-popup{transform:none}
#ch.tg .tg-popup-head{display:flex;align-items:center;gap:12px;padding:0 16px 8px}
#ch.tg .tg-popup-x{margin-inline-start:-8px}
#ch.tg .tg-popup-title{font-size:20px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ch.tg .tg-popup-body{padding:0 16px;overflow-y:auto;min-height:0;flex:1 1 auto}
#ch.tg .tg-popup-text{font-size:15px;line-height:1.5;color:var(--tg-text);margin:4px 0 8px;white-space:pre-wrap}
#ch.tg .tg-popup-check{display:flex;align-items:center;gap:14px;margin:10px 0 4px;cursor:pointer;font-size:15px}
#ch.tg .tg-popup-btns{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:4px;padding:8px 8px 0}
#ch.tg .tg-popup-btn{height:40px;padding:0 14px;font-size:15px;font-weight:500;border-radius:8px}
#ch.tg .tg-popup-btn.primary{background:none;color:var(--tg-primary)}
#ch.tg .tg-popup-btn.primary:hover{background:rgba(var(--tg-primary-rgb),.1);filter:none}
#ch.tg .tg-popup.wide{width:min(480px,calc(100% - 32px))}
#ch.tg .tg-toasts{position:absolute;left:50%;bottom:84px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:80;pointer-events:none}
#ch.tg .tg-toast{display:flex;align-items:center;gap:10px;max-width:420px;padding:10px 16px;border-radius:10px;background:rgba(18,24,21,.92);color:#fff;font-size:14.5px;line-height:1.4;box-shadow:0 2px 10px rgba(0,0,0,.3);animation:tg-slide-up .2s var(--tg-ease);transition:opacity .25s,transform .25s}
#ch.tg[data-theme="light"] .tg-toast{background:rgba(30,34,32,.88)}
#ch.tg .tg-toast.error .tgico{color:var(--tg-danger)}
#ch.tg .tg-toast .tgico{font-size:20px}
#ch.tg .tg-toast.out{opacity:0;transform:translateY(6px)}
#ch.tg .tg-tooltip{position:absolute;z-index:90;padding:5px 9px;border-radius:7px;background:rgba(0,0,0,.78);color:#fff;font-size:12.5px;pointer-events:none;white-space:nowrap;animation:tg-fade-in .12s}
#ch.tg .tg-checkbox{position:relative;display:inline-block;width:20px;height:20px;flex:none}
#ch.tg .tg-cb-input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:2}
#ch.tg .tg-cb-box{position:absolute;inset:0;border:2px solid var(--tg-text-3);border-radius:5px;display:grid;place-items:center;transition:background-color .15s,border-color .15s}
#ch.tg .tg-checkbox.round .tg-cb-box{border-radius:50%}
#ch.tg .tg-cb-ic{font-size:16px;color:#fff;transform:scale(0);transition:transform .15s var(--tg-ease)}
#ch.tg .tg-cb-input:checked+.tg-cb-box{background:var(--tg-primary);border-color:var(--tg-primary)}
#ch.tg .tg-cb-input:checked+.tg-cb-box .tg-cb-ic{transform:scale(1);color:var(--tg-primary-text)}
#ch.tg .tg-toggle{position:relative;display:inline-block;width:36px;height:20px;flex:none}
#ch.tg .tg-tg-input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:2}
#ch.tg .tg-toggle-track{position:absolute;inset:3px 0;border-radius:7px;background:var(--tg-text-3);transition:background-color .2s}
#ch.tg .tg-toggle-knob{position:absolute;top:-3px;inset-inline-start:0;width:20px;height:20px;border-radius:50%;background:var(--tg-surface);border:2px solid var(--tg-text-3);transition:transform .2s var(--tg-ease),border-color .2s}
#ch.tg .tg-tg-input:checked+.tg-toggle-track{background:var(--tg-primary)}
#ch.tg .tg-tg-input:checked+.tg-toggle-track .tg-toggle-knob{border-color:var(--tg-primary);transform:translateX(-16px)}
#ch.tg .tg-field{position:relative;display:block;margin:8px 0 14px}
#ch.tg .tg-field-input{width:100%;height:54px;padding:0 15px;border:1px solid var(--tg-input-border);border-radius:12px;background:transparent;font-size:16px;color:var(--tg-text);transition:border-color .2s;resize:none}
#ch.tg textarea.tg-field-input{height:auto;min-height:54px;padding:15px;line-height:1.35}
#ch.tg .tg-field-input:hover{border-color:var(--tg-text-3)}
#ch.tg .tg-field-input:focus{border:2px solid var(--tg-primary);padding:0 14px}
#ch.tg textarea.tg-field-input:focus{padding:14px}
#ch.tg .tg-field-label{position:absolute;top:16px;inset-inline-start:12px;padding:0 4px;font-size:16px;color:var(--tg-text-3);background:var(--tg-surface);pointer-events:none;transition:transform .15s var(--tg-ease),color .15s,font-size .15s;transform-origin:right center}
#ch.tg .tg-field-input:focus+.tg-field-label,#ch.tg .tg-field-input:not(:placeholder-shown)+.tg-field-label{transform:translateY(-26px) scale(.78)}
#ch.tg .tg-field-input:focus+.tg-field-label{color:var(--tg-primary)}
#ch.tg .tg-field.error .tg-field-input{border-color:var(--tg-danger)}
#ch.tg .tg-field.error .tg-field-label{color:var(--tg-danger)}
#ch.tg .tg-field-count{position:absolute;top:18px;inset-inline-end:14px;font-size:13px;color:var(--tg-text-3)}
#ch.tg .tg-avatar{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%;background:var(--tg-av-bg,var(--tg-av-5));color:#fff;font-weight:500;line-height:1;overflow:visible;user-select:none;-webkit-user-drag:none}
#ch.tg .tg-avatar-t{position:relative;font-family:"Vazirmatn",system-ui,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.08)}
#ch.tg .tg-avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;transition:opacity .2s}
#ch.tg .tg-avatar.has-img .tg-avatar-img{opacity:1}
#ch.tg .tg-avatar.no-fade .tg-avatar-img{transition:none}
#ch.tg .tg-avatar.has-img .tg-avatar-t{visibility:hidden}
#ch.tg .tg-avatar.is-saved{background:var(--tg-av-saved)}
#ch.tg .tg-avatar.is-saved .tg-avatar-ic{font-size:.95em;width:auto;height:auto}
#ch.tg .tg-avatar-online{position:absolute;bottom:2px;inset-inline-end:2px;width:14px;height:14px;border-radius:50%;background:var(--tg-online);border:2px solid var(--tg-surface);transform:scale(1);transition:transform .2s}
#ch.tg .tg-badge{display:inline-flex;align-items:center;justify-content:center;height:22px;min-width:22px;padding:0 7px;border-radius:11px;background:var(--tg-primary);color:var(--tg-primary-text);font-size:13.5px;font-weight:600;line-height:1;flex:none}
#ch.tg .tg-badge.muted{background:var(--tg-badge-muted);color:#fff}
#ch.tg[data-theme="light"] .tg-badge.muted{color:#fff}
#ch.tg .tg-badge.mention{padding:0;width:22px}
#ch.tg .tg-badge.mention .tgico{font-size:16px}
#ch.tg .tg-spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(var(--tg-primary-rgb),.25);border-top-color:var(--tg-primary);animation:tg-spin .8s linear infinite;flex:none}
#ch.tg .tg-gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5}
#ch.tg .tg-gate-card{position:relative;z-index:1;width:min(420px,calc(100% - 40px));padding:36px 32px 28px;border-radius:20px;background:var(--tg-surface);box-shadow:0 8px 40px rgba(0,0,0,.35);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;animation:tg-scale-in .25s var(--tg-ease)}
#ch.tg .tg-gate-ic{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--tg-primary-rgb),.14);color:var(--tg-primary)}
#ch.tg .tg-gate-ic .tgico{font-size:44px}
#ch.tg .tg-gate-card h3{font-size:20px;font-weight:600;margin:6px 0 0}
#ch.tg .tg-gate-card p{font-size:14.5px;line-height:1.75;color:var(--tg-text-2);margin:0 0 8px}
#ch.tg .tg-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 24px;text-align:center;color:var(--tg-text-2)}
#ch.tg .tg-empty .tgico{font-size:56px;color:var(--tg-text-3);margin-bottom:6px}
#ch.tg .tg-empty b{color:var(--tg-text);font-size:16px;font-weight:500}
#ch.tg .tg-empty p{font-size:14px;line-height:1.6;margin:0;max-width:280px}
#ch.tg .tg-row{position:relative;display:flex;align-items:center;gap:16px;min-height:48px;padding:6px 16px;border-radius:12px;margin:0 8px;text-align:start;width:calc(100% - 16px);cursor:pointer;color:var(--tg-text)}
#ch.tg .tg-row:hover{background:var(--tg-hover)}
#ch.tg .tg-row>.tgico{font-size:24px;color:var(--tg-text-2);position:relative;z-index:1}
#ch.tg .tg-row-main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;z-index:1}
#ch.tg .tg-row-title{font-size:16px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ch.tg .tg-row-sub{font-size:14px;color:var(--tg-text-2);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ch.tg .tg-row-sub.online{color:var(--tg-primary)}
#ch.tg .tg-row.danger,#ch.tg .tg-row.danger>.tgico{color:var(--tg-danger)}
#ch.tg .tg-row .tg-avatar{position:relative;z-index:1}
#ch.tg .tg-section-cap{padding:14px 24px 8px;font-size:15px;font-weight:500;color:var(--tg-primary)}
#ch.tg .tg-sep{height:12px;background:var(--tg-bg);margin:8px 0;box-shadow:inset 0 1px 0 var(--tg-border),inset 0 -1px 0 var(--tg-border)}
#ch.tg .tg-kbd{display:inline-block;padding:1px 6px;border-radius:5px;border:1px solid var(--tg-border);font-size:12px;color:var(--tg-text-2)}
#ch.tg .tg-row-title,#ch.tg .tg-row-sub,#ch.tg .tg-profile-name,#ch.tg .tg-bar-title,#ch.tg .tg-bar-text,#ch.tg .tg-pin-body,#ch.tg .tg-reply-name,#ch.tg .tg-reply-text,#ch.tg .tg-file-name,#ch.tg .tg-name-t,#ch.tg .tg-topbar-name,#ch.tg .tg-chat-title{text-align:right}
#ch.tg input[type=text].tg-search-input,#ch.tg input[type=text].tg-ep-search-input{width:auto;padding:0 0 0 8px;border:0;border-radius:0;background:none;box-shadow:none;outline:none}
#ch.tg input[type=text].tg-field-input{background:transparent;box-shadow:none;width:100%}
#ch.tg input[type=text].tg-field-input:focus{border-color:var(--tg-primary);box-shadow:none}