/* «گزارش اشکال»: the quiet tab on the left edge, and its small dialog (report.js). Loaded on every page after the page's own styles. */
.fb-tab {
  position: fixed; left: 0; top: 62vh; z-index: 55;
  width: 44px; height: 48px; padding: 0 10px 0 0; border: 0; border-radius: 0 14px 14px 0;      /* 44 px to tap (the rule of the pages); a quiet strip to look at */
  background: rgba(30, 32, 70, .38); color: #fff; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  opacity: .5; transition: opacity .2s, background .2s;
}
.fb-tab:hover, .fb-tab:focus-visible { opacity: 1; background: rgba(30, 32, 70, .7); outline: none; }
.fb-tab:focus-visible { box-shadow: 0 0 0 3px rgba(255, 255, 255, .8), 0 0 0 5px #3a3fd1; }
.fb-ic { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media print { .fb-tab { display: none; } }

.fb-dialog {
  width: min(92vw, 420px); margin: auto; padding: 18px 18px 14px; border: 0; border-radius: 18px;
  background: #fff; color: #1a1d3a; box-shadow: 0 18px 50px rgba(20, 20, 60, .28);
  font-family: inherit; direction: rtl; text-align: start;
}
.fb-dialog::backdrop { background: rgba(14, 16, 40, .45); }
.fb-title { margin: 0 0 6px; font-size: 1.15rem; }
.fb-note { margin: 0 0 10px; font-size: .86rem; line-height: 1.7; opacity: .78; }
.fb-text {
  display: block; width: 100%; box-sizing: border-box; min-height: 96px; padding: 10px 12px;
  border: 2px solid #c8c4ea; border-radius: 12px; font: inherit; font-size: 16px; line-height: 1.7; resize: vertical; background: #fff; color: inherit;
}
.fb-text:focus { outline: none; border-color: #3a3fd1; }
.fb-said { min-height: 1.4em; margin: 8px 0 4px; font-size: .9rem; color: #3a3fd1; }
.fb-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }      /* on the left, like every button row */
.fb-send, .fb-cancel {
  min-height: 42px; padding: 0 16px; border-radius: 12px; border: 2px solid transparent; font: inherit; font-weight: 600; cursor: pointer;
}
.fb-send { background: #3a3fd1; color: #fff; }
.fb-send:disabled { opacity: .6; cursor: default; }
.fb-cancel { background: #eef0ff; color: #2a2f9a; }
