/* بررسی خودکار مدرک‌ها.
   کارت‌ها از همان .review-card صف بررسی ارث می‌برند؛ این فایل فقط چیزهایی را دارد که آن‌جا
   نیست: نشانِ رأی، دو عکس کنار هم، و نوار عددِ تطبیق. */

.proof-verdict { display:inline-block; padding:3px 9px; border-radius:7px; font-size:12px; font-weight:700; }
.proof-verdict.ok { color:#8ce6b8; background:#2bd18a1f; }
.proof-verdict.bad { color:#ff9aa8; background:#ff5f7a1f; }
.proof-verdict.neutral { color:#b9b2d6; background:#ffffff10; }
.proof-confidence { color:#8f89aa; font-size:12px; }

.proof-reason { color:#ded8f5 !important; font-size:14.5px !important; margin:6px 0 10px !important; }
.proof-note { color:#a9a2c4 !important; font-size:13.5px !important; border-inline-start:2px solid #3a3361; padding-inline-start:10px; }

/* کارتی که ماشین و آدم رویش اختلاف دارند. همان رنگ «بررسی اعتماد» در صف بررسی، چون همان
   معنی را دارد: این یکی مثل بیست‌تای دیگر نیست و نباید مثل آن‌ها رد شود. */
.proof-card.proof-disagrees { border-color:#f0b42980; box-shadow:0 0 0 1px #f0b42933; }
.proof-card.proof-answered { opacity:.55; }

.proof-shots { display:flex; gap:14px; flex-wrap:wrap; margin:12px 0; }
/* هر دو عکس یک عرض دارند حتی وقتی نسبتشان فرق دارد، وگرنه چشم اندازهٔ متفاوت را
   اختلافِ محتوا می‌خواند و همان چیزی است که این کارت می‌خواهد قضاوت شود. */
.proof-shot { margin:0; flex:0 0 210px; max-width:210px; }
.proof-shot img { display:block; width:100%; max-height:330px; object-fit:contain; border-radius:10px; border:1px solid #312b51; background:#0d0b18; }
.proof-shot figcaption { margin-top:6px; color:#8f89aa; font-size:12px; line-height:1.7; }
.proof-shot.twin img { border-color:#f0b42966; }
/* اسم ویدئویی که عکس برایش فرستاده شده، خط جدا و روشن‌تر از بقیهٔ زیرنویس: وقتی دو عکس همزاد
   مو‌به‌مو یکسان‌اند، این تنها چیزی روی کارت است که آن دو را از هم جدا می‌کند، پس نباید هم‌رنگ
   توضیح کنارش باشد. سه خط و بعد «…»، چون عنوان یک ویدئو گاهی از خود عکس بلندتر است. */
.proof-shot .proof-target { display:block; margin-top:3px; color:#cfc9e6; }
.proof-shot .proof-target a { color:#a99cf5; text-decoration:none; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.proof-shot .proof-target a:hover { text-decoration:underline; }

.proof-bar { position:relative; height:20px; border-radius:6px; background:#ffffff0f; overflow:hidden; }
.proof-bar span { display:block; height:100%; background:#6d63c4; }
.proof-bar.ok span { background:#2bd18a; }
.proof-bar.bad span { background:#ff5f7a; }
.proof-bar b { position:absolute; inset:0; display:grid; place-items:center; font-size:12px; color:#fff; text-shadow:0 1px 2px #000a; }

.proof-flags { margin:10px 0 0; padding-inline-start:18px; color:#a9a2c4; font-size:13px; line-height:2; }
.proof-mine { margin:0 0 10px; color:#8ce6b8; font-size:13px; }

.proof-filters { display:grid; gap:9px; margin-bottom:18px; }
.proof-card form select { width:100%; border:1px solid #36304f; border-radius:9px; padding:9px 10px; background:#110f21; color:#fff; }
.proof-pager { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; margin:22px 0; color:#8f89aa; font-size:13px; }
.proof-pager button[disabled] { opacity:.4; }

@media (max-width:900px) { .proof-shot { flex:1 1 100%; max-width:100%; } }

/* لایهٔ دو. رنگ سبزآبی خودش را دارد تا در یک نگاه از رأی لایهٔ یک جدا باشد: یکی هندسه است و
   تکرارپذیر، آن یکی یک مدل که فردا عوض می‌شود. */
.proof-vision { margin:10px 0 0 !important; padding:8px 11px; border-radius:9px; background:#42c5ff12; color:#a9dcf5 !important; font-size:13.5px !important; line-height:1.9 !important; }
.proof-vision b { color:#6cd4ff; margin-inline-end:6px; }
.proof-vision span { color:#dcecf7; }
.proof-vision small { color:#7f9db0; margin-inline-start:6px; }

/* dashboard.css به هر .text-button یک margin-inline-start:auto می‌دهد، که در این ردیف دکمهٔ
   «بعدی» را تا لبهٔ صفحه هل می‌داد و زیر حباب پشتیبانی می‌برد. صفحه‌بندی باید وسط بماند. */
.proof-pager .text-button { margin:0; }