/** * messenger-link.css — پنلِ «فرستادن گزارش به پیام‌رسان». * * همه‌چیز زیرِ .nabgol-mlink محدود است، و پنل داخلِ هاستِ مشترکِ * #nabgolControlSurface رندر می‌شود — پس این فایل هیچ چیدمانی را جابه‌جا * نمی‌کند و بارگذاریِ بی‌استفاده‌اش روی ربات‌های دیگر بی‌اثر است. * رنگ‌ها از توکن‌های موجودِ پروژه می‌آیند و روی روز/شب هر دو کار می‌کنند. */ .nabgol-mlink { /* `body` on the chat page computes `ltr` even though , so every pane declares its own direction — same as tutor-quest.css and control-surface.css do. Without this the Persian bullets and punctuation land on the wrong side. Caught in the real browser, not by a gate. */ direction: rtl; text-align: right; display: flex; flex-direction: column; gap: 12px; padding: 2px; font-size: 0.95rem; line-height: 1.85; } .nabgol-mlink-card { border: 1px solid var(--nabgol-border, rgba(127, 127, 127, 0.28)); border-radius: 14px; padding: 14px 13px; background: var(--nabgol-surface-2, rgba(127, 127, 127, 0.06)); } .nabgol-mlink-h { margin: 0 0 6px; font-size: 1rem; font-weight: 700; } .nabgol-mlink-p, .nabgol-mlink-hint, .nabgol-mlink-wait, .nabgol-mlink-note, .nabgol-mlink-ok { margin: 0 0 8px; } .nabgol-mlink-p { color: var(--nabgol-text-muted, rgba(127, 127, 127, 0.95)); } .nabgol-mlink-hint, .nabgol-mlink-wait { font-size: 0.86rem; color: var(--nabgol-text-muted, rgba(127, 127, 127, 0.9)); } .nabgol-mlink-ok { font-weight: 700; color: #2f9e6d; } .nabgol-mlink-note { margin: 0; padding: 9px 11px; border-radius: 10px; background: rgba(127, 127, 127, 0.12); font-size: 0.9rem; } /* کد باید از آن‌طرفِ اتاق هم خوانده شود — والد ممکن است آن را تایپ کند. */ .nabgol-mlink-code { margin: 10px 0; padding: 12px 8px; border-radius: 12px; border: 2px dashed var(--nabgol-border, rgba(127, 127, 127, 0.4)); background: rgba(127, 127, 127, 0.08); text-align: center; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 1.9rem; font-weight: 800; letter-spacing: 0.28em; /* letter-spacing سمتِ راستِ آخرین حرف یک فاصلهٔ جاافتاده می‌سازد؛ جبرانش. */ padding-inline-start: calc(8px + 0.28em); direction: ltr; unicode-bidi: isolate; } /* آخرین سنگر وقتی نه صفحهٔ اشتراک هست نه کلیپ‌بورد (مثلاً روی http). */ .nabgol-mlink-manual { display: block; width: 100%; margin: 10px 0 4px; padding: 10px 12px; border: 1px solid var(--nabgol-border, rgba(127, 127, 127, 0.35)); border-radius: 10px; background: rgba(127, 127, 127, 0.08); color: inherit; font: inherit; font-size: 0.9rem; line-height: 1.8; direction: rtl; text-align: right; resize: vertical; } .nabgol-mlink-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; } .nabgol-mlink-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 8px 16px; margin-inline-end: 8px; border: 1px solid var(--nabgol-border, rgba(127, 127, 127, 0.35)); border-radius: 11px; background: var(--nabgol-surface, rgba(127, 127, 127, 0.1)); color: inherit; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; transition: filter 0.15s ease, transform 0.1s ease; } .nabgol-mlink-btn:hover:not(:disabled) { filter: brightness(1.08); } .nabgol-mlink-btn:active:not(:disabled) { transform: translateY(1px); } .nabgol-mlink-btn:disabled { opacity: 0.55; cursor: default; } .nabgol-mlink-btn.is-primary { background: var(--nabgol-accent, #2f7d5d); border-color: transparent; color: #fff; } .nabgol-mlink-btn.is-quiet { background: transparent; font-weight: 500; opacity: 0.8; } @media (max-width: 520px) { .nabgol-mlink-btn { width: 100%; margin-inline-end: 0; margin-bottom: 8px; } .nabgol-mlink-row { flex-direction: column; } .nabgol-mlink-code { font-size: 1.6rem; letter-spacing: 0.2em; } }