/* ============================================================================
   assets/icr.css — גיליון העיצוב המשותף של ICR
   ============================================================================

   ── למה הוא קיים ─────────────────────────────────────────────────────────
   באתר אין גיליון סגנון משותף: כל עמוד מחזיק <style> משלו. התוצאה היא שכל
   כלל שנכון לכל האתר נכתב מחדש בכל קובץ בנפרד, ואז נשכח באחד מהם. הדוגמה
   שהובילה לקובץ הזה: הכלל שמונע זום אוטומטי בשדות ב-iOS נוסף חמש פעמים
   בנפרד (profile.php פעמיים, group_tiles.php, album.php, events.php,
   event.php) — ועדיין החמיץ את שדות ציר הזמן בעמוד הרכב.

   ── איך מעבירים לכאן ─────────────────────────────────────────────────────
   **בהדרגה, לא במעבר חד.** כל כלל עיצובי חדש שנכון ליותר מעמוד אחד נכתב
   כאן מלכתחילה; כלל קיים עובר לכאן רק כשנוגעים בו ממילא. מעבר גורף של
   כל ה-CSS בבת אחת היה מייצר גל רגרסיות שאי אפשר לאתר את מקורן.

   ── כלל אחד לקובץ הזה ────────────────────────────────────────────────────
   כאן נכנס רק מה שנכון ל**כל** האתר. עיצוב שנוגע לעמוד אחד נשאר בעמוד
   שלו — קובץ משותף שמתמלא בכללים של עמוד יחיד חוזר להיות אותה בעיה, רק
   בקובץ אחד גדול.
   ========================================================================= */


/* ── שדות קלט: בלי זום אוטומטי בנייד ────────────────────────────────────────
   Safari ב-iOS מזים את המסך בכל פוקוס על שדה שגודל הגופן בו **קטן מ-16px**.
   זו התנהגות מובנית של המערכת ואי אפשר לכבות אותה — הדרך היחידה למנוע אותה
   היא שהגופן יהיה 16px ומעלה ברגע הפוקוס.

   **למה לא `user-scalable=no` ב-viewport:** זו הייתה ה"תשובה" הישנה, והיא
   שגויה משתי סיבות — iOS מתעלם ממנה מגרסה 10, והיא מבטלת גם את הזום היזום
   של המשתמש, שהוא צורך נגישות אמיתי. כאן הזום היזום נשאר עובד; רק הקפיצה
   האוטומטית נעצרת.

   **למה `!important`:** רוב השדות באתר מגדירים `font-size` **בסגנון מוטבע**
   על התגית עצמה (שדות ציר הזמן, למשל: `style="...font-size:13px"`). סגנון
   מוטבע גובר על גיליון, ולכן בלי `!important` הכלל הזה פשוט לא היה עושה
   כלום בדיוק בשדות שבגללם הוא נכתב.

   **`pointer:coarse` ולא `max-width`:** הבעיה היא של מכשיר מגע, לא של מסך
   צר. חלון דפדפן צר בדסקטופ אינו סובל ממנה, ואין סיבה להגדיל בו טקסט.

   הרשימה מחריגה פקדים שאינם הקלדה (תיבות סימון, בחירה, טווח, צבע, קובץ
   וכפתורים) — הגדלת הגופן בהם משנה את גודל הפקד עצמו בלי שום תועלת. */
@media (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
  textarea,
  select {
    font-size: 16px !important;
  }
}


/* ── סימון שדה חובה ─────────────────────────────────────────────────────────
   כוכבית אחת, בצבע אחד, ובמיקום אחד — **לפני** תווית השדה.

   הכלל היה כתוב בשישה קבצים בנפרד ובחמישה בסגנון מוטבע, והתוצאה הייתה
   שלוש התנהגויות שונות באתר אחד: ירוק לפני הטקסט (טופס הרכב), אדום אחרי
   הטקסט (מודעות מכירה, עמוד הרכב, אישורי פלטינה), וכוכבית ערומה בתוך
   הטקסט בלי שום סימון (שורות השדרוגים). משתמש שרואה כוכבית אדומה במקום
   אחד וירוקה במקום אחר אינו קורא "שתי מערכות עיצוב" — הוא קורא **שגיאה**,
   כי אדום באתר הזה הוא צבע הדחייה והניכוי.

   **המיקום הוא חלק מהכלל ולא קישוט.** בעברית הכוכבית שלפני הטקסט יושבת
   בקצה הימני של השורה, כלומר כל הכוכביות בטופס מיושרות בעמודה אחת וניתן
   לסרוק אותה בעין. כוכבית שאחרי הטקסט נודדת עם אורך התווית.

   `margin-inline-end` ולא `margin-left`: הכיוון נגזר מכיוון הכתיבה, ולכן
   אותו כלל נכון גם אם ייכנס אי-פעם טופס ב-LTR. בתוויות שהן `flex` עם
   `gap` המרווח מגיע מהמכולה ממילא, וההפרש בין השניים אינו נראה. */
.req-star {
  color: #8DC91A;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  margin-inline-end: 4px;
}

/* התג שיושב בכותרת קופסה ואומר שיש בה שדות חובה ("* חובה"). אותו ירוק,
   כי הוא מסביר את אותה כוכבית. */
.badge-req {
  font-size: 10px;
  background: rgba(141, 201, 26, 0.1);
  color: #8DC91A;
  border: 1px solid rgba(141, 201, 26, 0.2);
  border-radius: 4px;
  padding: 2px 7px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}


/* ── נגישות: דילוג לתוכן ─────────────────────────────────────────────────────
   הקישור הראשון בכל עמוד, ומוסתר עד שמקבל פוקוס. גולש מקלדת שמגיע לאתר
   נוחת על התפריט, ובלי הדילוג הוא חייב לעבור ב-Tab על כל פריט ניווט — בכל
   עמוד מחדש. זו דרישה מפורשת של ת"י 5568 (WCAG 2.4.1), והיא גם ההבדל בין
   אתר שאפשר לגלוש בו במקלדת לבין אתר שתיאורטית "נגיש".

   `clip-path` ולא `display:none`: אלמנט מוסתר ב-display אינו יכול לקבל
   פוקוס כלל, כלומר הקישור פשוט לא היה קיים למקלדת. */
.icr-skip {
  position: absolute;
  inset-inline-start: 12px;
  top: -100px;
  z-index: 10000;
  background: #8DC91A;
  color: #0c0c0c;
  font-family: 'Heebo', sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 11px 20px;
  border-radius: 0 0 10px 10px;
  text-decoration: none;
  transition: top .15s;
}
.icr-skip:focus { top: 0; }


/* ── נגישות: סימון פוקוס גלוי בכל האתר ──────────────────────────────────────
   WCAG 2.4.7 ברמה AA, כלומר דרישה של ת"י 5568 ולא המלצה. רוב הדפדפנים
   מציירים טבעת משלהם, אבל על רקע כהה היא כמעט בלתי נראית — ובאתר הזה יש
   178 מקומות עם `outline:none`, כולל שדה החיפוש בעמוד הבית. שם לא הייתה
   שום אינדיקציה, וזה כשל אמיתי: מי שמגיע לשדה ב-Tab לא ידע איפה הוא.

   ── ולמה שדה טקסט מקבל טיפול נפרד ────────────────────────────────────────
   `:focus-visible` אמור להופיע בניווט מקלדת ולא בלחיצת עכבר — **חוץ
   משדות טקסט**, שעבורם המפרט קובע שהוא מתקיים בכל מיקוד, גם בלחיצה וגם
   בנגיעה. זו החלטה מכוונת של הדפדפנים ("שהמשתמש יידע לאן הוא מקליד"),
   והתוצאה כאן הייתה טבעת שקופצת על כל נגיעה בשדה החיפוש.

   לכן המודאליות נמדדת בפועל: `data-icr-kbd` על `<html>` נדלק במקלדת
   ונכבה במצביע (`a11y.php`). קישורים וכפתורים ממשיכים ב-`:focus-visible`
   נקי, ששם הוא כבר מתנהג נכון; שדות טקסט מקבלים את הטבעת **רק כשהמיקוד
   הגיע מהמקלדת** — בדיוק מה שהסעיף דורש, ובלי טבעת למי שנגע באצבע.

   הכיבוי הוא למצביע בלבד ולעולם לא למקלדת: זו אינה העדפה שאפשר להציע
   בתפריט נגישות, כי סימון פוקוס שכבוי כברירת מחדל **אינו עומד** בסעיף. */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--green, #8DC91A);
  outline-offset: 2px;
  border-radius: 3px;
}

/* שדה טקסט: טבעת רק כשהמיקוד הגיע מהמקלדת, ו-offset שלילי כדי שהיא
   תצויר **בתוך** השדה. offset חיובי על שדה חסר-מסגרת שיושב בתוך מכולה
   מעוגלת מצייר מלבן חד שמתנגש במסגרת המכולה — וזה מה שנראה מכוער. */
html[data-icr-kbd] input:focus-visible,
html[data-icr-kbd] select:focus-visible,
html[data-icr-kbd] textarea:focus-visible {
  outline: 2px solid var(--green, #8DC91A);
  outline-offset: -2px;
}


/* ── נגישות: מה שתפריט הנגישות מדליק ────────────────────────────────────────
   המחלקות יושבות על `<html>`, ולכן כלל אחד כאן תופס את כל האתר — כולל
   עמודים שמחזיקים `<style>` משלהם. זו בדיוק הסיבה שהם כאן ולא בקומפוננטה:
   כלל שנכתב ליד הווידג'ט היה חל רק על מה שהווידג'ט מצייר.

   `!important` הכרחי מאותה סיבה שהוא הכרחי בכלל הזום של iOS — האתר מלא
   סגנון מוטבע, וסגנון מוטבע גובר על גיליון. התאמת נגישות שאינה גוברת
   אינה התאמה. */

/* הגדלת טקסט. `zoom` ולא `font-size`: האתר כתוב ב-px, ולכן שינוי גופן
   השורש אינו משנה דבר. zoom מגדיל גם את הפריסה — כלומר בדיוק מה שזום
   הדפדפן עושה, רק שהוא נשמר בין עמודים. */
html.a11y-zoom-1 { zoom: 1.10; }
html.a11y-zoom-2 { zoom: 1.25; }
html.a11y-zoom-3 { zoom: 1.45; }

/* ניגודיות מוגברת — טקסט לבן מלא וגבולות מודגשים. הטקסט האפור באתר
   (#8a8a8a על #0c0c0c) הוא כ-5.1:1, כלומר עובר AA לטקסט רגיל אבל צמוד;
   מי שזקוק ליותר מקבל כאן 17:1. */
html.a11y-contrast body,
html.a11y-contrast p,
html.a11y-contrast span,
html.a11y-contrast div,
html.a11y-contrast li,
html.a11y-contrast td,
html.a11y-contrast label { color: #fff !important; }
html.a11y-contrast a { color: #b6f03a !important; }
html.a11y-contrast input,
html.a11y-contrast textarea,
html.a11y-contrast select { color: #fff !important; border-color: #fff !important; }
html.a11y-contrast button { border-color: #fff !important; }

/* הדגשת קישורים — קו תחתון וגבול, כדי שקישור לא יזוהה בצבע בלבד
   (WCAG 1.4.1: מידע אינו מועבר בצבע בלבד). */
html.a11y-links a {
  text-decoration: underline !important;
  text-underline-offset: 2px;
  outline: 1px dotted currentColor;
  outline-offset: 1px;
}

/* עצירת אנימציות. מכבד גם את מי שהדליק את התפריט וגם את מי שהגדיר
   prefers-reduced-motion במערכת ההפעלה שלו. */
html.a11y-still *,
html.a11y-still *::before,
html.a11y-still *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* גופן קריא — מחליף את Heebo/Montserrat בגופן מערכת עם ריווח אותיות
   מוגדל. מסייע לקוראים עם דיסלקציה. */
html.a11y-font body,
html.a11y-font body * {
  font-family: Arial, "Segoe UI", system-ui, sans-serif !important;
  letter-spacing: .035em !important;
  word-spacing: .12em !important;
  line-height: 1.75 !important;
}

/* סמן גדול — עוזר למי שמתקשה לאתר את הסמן על מסך כהה. */
html.a11y-cursor,
html.a11y-cursor * {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M5 2l14 9-6 1.4L15 20l-3 1-2-7.2L5 18z' fill='white' stroke='black' stroke-width='1.2'/></svg>") 4 2, auto !important;
}

/* ── הודעת אישור (toast) ─────────────────────────────────────────────────
   הגדרה אחת לכל האתר, ב-`icr-toast` ולא ב-`.toast`: לשם ההוא כבר שלוש
   משמעויות שונות בעמודים שונים (שורה אחת · כרטיס סכום ב-`sale_ads` ·
   מחסנית ב-`users`), וכלל גלובלי בשמו היה מחלחל לשתיים האחרונות דווקא
   במאפיינים שהן אינן מגדירות בעצמן — `position`, `bottom`, `left`.
   המרקאפ והפונקציה יושבים ב-`toast.php`. */
.icr-toast {
  position: fixed; bottom: 24px; left: 50%;
  transform: translate(-50%, 14px);
  display: flex; align-items: flex-start; gap: 10px;
  max-width: min(420px, calc(100vw - 32px));
  background: #151515;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 14px;
  padding: 11px 15px;
  box-shadow: 0 10px 34px rgba(0,0,0,0.55);
  direction: rtl; text-align: right;
  opacity: 0; z-index: 10050; pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}
.icr-toast.show { opacity: 1; transform: translate(-50%, 0); }
/* העיגול נשאר עגול גם כשהטקסט ארוך ונשבר לשתי שורות. */
.icr-toast-ic {
  flex: 0 0 auto; width: 21px; height: 21px; margin-top: 1px;
  border-radius: 50%; display: inline-flex;
  align-items: center; justify-content: center;
}
.icr-toast-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.icr-toast-h {
  font-family: 'Heebo', sans-serif; font-size: 13.5px; font-weight: 700;
  color: #efefef; line-height: 1.35;
}
.icr-toast-s {
  font-family: 'Heebo', sans-serif; font-size: 11.5px; font-weight: 400;
  color: #8b8b8b; line-height: 1.55;
}
/* ירוק = הצלחה, אדום = כשל, אפור = הודעה. אותם שלושה צבעים של כל האתר. */
.icr-toast-ok   { border-color: rgba(141,201,26,0.32); }
.icr-toast-ok   .icr-toast-ic { background: rgba(141,201,26,0.16); color: #8DC91A; }
.icr-toast-err  { border-color: rgba(248,113,113,0.32); }
.icr-toast-err  .icr-toast-ic { background: rgba(248,113,113,0.16); color: #f87171; }
.icr-toast-info .icr-toast-ic { background: rgba(255,255,255,0.08); color: #aaa; }

/* ── פס התקדמות להעלאת קבצים ──────────────────────────────────────────────
   `icr-prog` ולא `.prog`/`.progress`: המרקאפ והפונקציה ב-`upload_ui.php`.
   שני מצבים, וצריך את שניהם — מדיד כל עוד הבתים זזים, ובלתי-מדיד מרגע
   שהם נגמרו והשרת מקטין ומקודד. פס שנעצר על 100% נקרא כתקוע. */
.icr-prog {
  display: none; direction: rtl; margin: 10px 0 2px;
}
.icr-prog-head {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 6px;
}
.icr-prog-txt {
  font-family: 'Heebo', sans-serif; font-size: 12px; color: #888;
}
.icr-prog-pct {
  font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700;
  color: #8DC91A;
}
.icr-prog-track {
  height: 3px; background: rgba(255,255,255,0.08);
  border-radius: 2px; overflow: hidden;
}
.icr-prog-bar {
  height: 100%; width: 0%; border-radius: 2px;
  background: linear-gradient(90deg,#6fa312,#8DC91A,#b5e832,#8DC91A,#6fa312);
  background-size: 200% auto;
  transition: width .25s ease;
  animation: icrProgShine 1.8s linear infinite;
}
@keyframes icrProgShine { to { background-position: -200% 0; } }
/* בלתי-מדיד: הפס מלא ומחליק, ואין אחוז להציג. הטקסט ("מעבד…") הוא הנשא
   האמיתי של המידע — גם למי שכיבה אנימציות, וגם לקורא מסך. */
.icr-prog.busy .icr-prog-bar {
  width: 100%;
  animation: icrProgShine 1.8s linear infinite, icrProgSlide 1.1s ease-in-out infinite;
}
@keyframes icrProgSlide { 0%,100% { opacity: .45 } 50% { opacity: 1 } }

/* ── בורר גרסה מדורג (assets/ver_cascade.js) ───────────────────────────────
   ה-<select> המקורי נושא את version_id ומוסתר כשהבורר פעיל; השלבים יורשים
   את העיצוב של כל select בטופס שבו הם יושבים, ולכן כאן רק המרווח ביניהם.
   `!important` כי טפסים מסתירים/מציגים את ה-select בסגנון מוטבע. */
.vc-hidden { display: none !important; }
.vc-box { display: flex; flex-direction: column; gap: 6px; }
.vc-box .vc-sel { width: 100%; }
/* שורת הצירים (מהדורה/תצורה/מתיחת פנים): שורה מלאה ברשת הטופס, והצירים
   בתוכה זה לצד זה — שניים כמו כל שורה בטופס, שלושה כשיש שלושה. מספר
   העמודות נכתב ב-JS לפי מספר הצירים. המרווח זהה ל-`.fields-grid`. */
.vc-row { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.vc-row .vc-sel { width: 100%; }
.vc-row .vc-sel:disabled { opacity: .45; cursor: not-allowed; }

/* ── ציון אמינות: כרטיס של משתמש בעייתי (user_score.php) ─────────────────
   שני עמודים מציגים אותו — אישורי המנהל ואישורי הפלטינה — ולכן כאן ולא בעמוד.
   מסגרת אדומה על הכרטיס כולו ופס בראשו. במסך המנהל תיבת הבחירה יושבת בפינה
   השמאלית, ולכן הפס שאחריה מפנה לה מקום. */
.us-flag-bar{display:flex;align-items:center;gap:6px;background:rgba(239,68,68,0.14);border-bottom:1px solid rgba(239,68,68,0.45);color:#fca5a5;font-size:12px;font-weight:700;padding:7px 12px;line-height:1.35}
.us-flag-bar svg{flex-shrink:0;color:#f87171}
.bulk-cb-wrap ~ .us-flag-bar{padding-left:44px}
:is(.vote-card,.prop-card,.tl-card,.noplate-card,.pt-car-card,.card):has(> .us-flag-bar){border-color:rgba(239,68,68,0.75)!important;box-shadow:0 0 0 1px rgba(239,68,68,0.45)}

/* ── כרטיסי הדריל — המרשם והאוסף (registry/drilldown.php) ──────────────────
   מרנדר אחד לשני העמודים, ולכן עיצוב אחד. `.reg-drill` תוחם את הכללים:
   ל-`upgrades.php` יש `.drill-card` משלו בעיצוב אחר, וכלל גלובלי היה משנה אותו. */
.drill-grid.reg-drill{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:14px}
/* manufacturers grid (main page): smaller cards so 3 fit per row on mobile */
.drill-grid-sm.reg-drill{grid-template-columns:repeat(3,1fr);gap:10px}
.reg-drill .drill-card{background:#141414;border:1px solid rgba(255,255,255,0.07);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .18s,transform .18s;display:block;text-decoration:none}
.reg-drill .drill-card:hover{border-color:rgba(255,255,255,0.2);transform:translateY(-2px)}
.reg-drill .drill-card-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#1c1c1c}
.reg-drill .drill-card-img-empty{width:100%;aspect-ratio:16/9;background:#1a1a1a;display:flex;align-items:center;justify-content:center}
/* manufacturer cards (main page): square 1:1 images */
.drill-grid-sm.reg-drill .drill-card-img,.drill-grid-sm.reg-drill .drill-card-img-empty{aspect-ratio:1/1}
.reg-drill .drill-card-body{padding:10px 12px;direction:ltr;text-align:left}
.reg-drill .drill-card-name{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;color:#efefef;line-height:1.3;direction:ltr;text-align:left}
.reg-drill .drill-card-sub{font-size:11px;color:#555;margin-top:2px;direction:ltr;text-align:left}
/* level 2+ cards (models/versions — not manufacturer cards): the item name becomes the clear,
   prominent line; the repeated make/model context above it drops to a small uppercase label. */
.drill-grid.reg-drill:not(.drill-grid-sm) .drill-card-name{font-size:9.5px;font-weight:700;color:#7f7f7f;letter-spacing:.7px;line-height:1.25}
.drill-grid.reg-drill:not(.drill-grid-sm) .drill-card-sub{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:#efefef;letter-spacing:-.2px;line-height:1.2;margin-top:3px}
.reg-drill .empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:#444}

/* ── כותרת הדריל — המרשם והאוסף (registry/drill_header*.php) ─────────────────
   שני עמודים מציגים את אותה כותרת (בלוק יצרן/דגם, השרשרת הלחיצה, "חזור"), ולכן עיצוב אחד. */
.reg-drill-title{font-family:'Montserrat',sans-serif;font-size:clamp(22px,5vw,32px);font-weight:800;letter-spacing:-1px;line-height:1;color:#efefef;direction:ltr;text-align:left}
.reg-drill-sub{font-size:18px;color:#555;font-weight:300;margin-top:5px;direction:ltr;text-align:left}
.mfr-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;margin-top:16px;margin-bottom:6px;direction:rtl}
.mfr-logo{width:116px;height:116px;border-radius:50%;background:#000;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.08)}
.mfr-logo img{width:100%;height:100%;object-fit:cover}
.mfr-logo-letter{font-family:'Montserrat',sans-serif;font-size:46px;font-weight:800;color:#8DC91A;line-height:1}
.mfr-text{max-width:520px;position:relative;z-index:1;margin-top:-7px}
.mfr-name{font-family:'Montserrat',sans-serif;font-size:clamp(21px,4.6vw,29px);font-weight:800;letter-spacing:-.5px;color:#efefef;line-height:1.05;text-align:center;unicode-bidi:plaintext}
.reg-hl{color:inherit;text-decoration:none;transition:color .15s}.reg-hl:hover{color:#8DC91A}
.mfr-sub{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;color:#8a8a8a;margin-bottom:6px;text-align:center;direction:ltr}
.mfr-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 4px;margin-top:8px;font-size:12.5px;color:#8a8a8a;font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:.3px}
.mfr-desc{font-size:13px;color:#a9a9a9;line-height:1.6;margin-top:10px;text-align:center;unicode-bidi:plaintext}
@media(max-width:480px){.mfr-logo{width:96px;height:96px}.mfr-logo-letter{font-size:38px}}

/* ── כרטיסי אישור — דיף שדות, שינויי תמונות, שדות חסרים ──
   שני עמודים מציירים אותם: אישורי המנהל (approve.php) ואישורי הפלטינה
   (platinum_approve.php), דרך המרנדרים המשותפים ב-approve_cards.php. הכללים
   ישבו בתוך approve.php בלבד, ולכן אותו מרנדר בעמוד הפלטינה יצא טבלה ערומה.
   `.wrong-reasons`/`.wr-*` נשארו בעמודים: ל-platinum_review יש עיצוב אחר להם,
   וגיליון שנטען אחרי <style> של העמוד היה דורס אותו. */
.missing-tag{background:#1c1c1c;border:1px solid rgba(251,146,60,0.35);border-radius:6px;padding:5px 10px;font-size:12px;color:#fb923c;font-weight:600}
.diff-table{width:100%;border-collapse:collapse;margin-bottom:14px;font-size:12px}
.diff-table th{font-family:'Montserrat',sans-serif;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#333;padding:5px 8px;text-align:right;border-bottom:1px solid rgba(255,255,255,0.07)}
.diff-table td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,0.04);vertical-align:middle}
.diff-table tr:last-child td{border-bottom:none}
.diff-table tr:hover td:not(.diff-before):not(.diff-after):not(.diff-after-rejected):not(.diff-admin-kept):not(.diff-admin-changed){background:rgba(255,255,255,0.02)}
.diff-field{color:#555;font-family:'Montserrat',sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}
.diff-before{color:#888;background:rgba(239,68,68,0.06);border-radius:4px;padding:2px 6px;direction:rtl;text-decoration:line-through}
.diff-after{color:#8DC91A;background:rgba(141,201,26,0.08);border-radius:4px;padding:2px 6px;font-weight:600;direction:rtl}
.diff-after-rejected{color:#f97316;background:rgba(249,115,22,0.08);text-decoration:line-through}
.diff-admin-kept{color:#8DC91A;background:rgba(141,201,26,0.12);border-radius:4px;padding:2px 8px;font-weight:700;direction:rtl;white-space:nowrap}
.diff-admin-changed{color:#f97316;background:rgba(249,115,22,0.08);border-radius:4px;padding:2px 8px;font-style:italic;direction:rtl;white-space:nowrap}
.diff-arrow{color:#333;padding:0 6px;font-size:11px}
.photo-diff-row{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.photo-diff-img{width:80px;height:60px;object-fit:cover;border-radius:6px;display:block;flex-shrink:0}
.photo-diff-label{font-size:10px;font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.photo-swap-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:8px}
.photo-swap-img{width:70px;height:52px;object-fit:cover;border-radius:6px;display:block;flex-shrink:0}
.photo-swap-arrow{color:#444;font-size:16px;flex-shrink:0}

/* ── כרטיס אישור — המעטפת המשותפת (approve_cards.php: apc_*) ─────────────────
   שני עמודים — אישורי המנהל ואישורי הפלטינה — וכל הטאבים בהם, באותה מעטפת:
   פינה חתוכה ובה מדד האמינות של הכרטיס, כותרת (סוג · שבבים · שם · מי ומתי),
   מדיה, גוף ופעולות. **הסוג נקבע בצבע אחד (`--ac`)**, ומכאן הכול נגזר: שבב
   הסוג, הזוהר העליון ומסגרת הפינה. הצבעים הם של האתר — ירוק רכב, סגול הצעה,
   כחול ציר זמן, זהב "הוספת תוכן", סגול-פלטינה לשכבת הפלטינה.

   הפינה חתוכה בדיוק כמו בלוח המשימות (home_tasks.css): הרקע והמסגרת מצוירים
   על `::before` עם מסכה, ולכן הפינה **באמת ריקה** והמדד מרחף בה. המסכה כתובה
   לצד ימין — האתר כולו RTL, ושני העמודים מצהירים `dir="rtl"`.

   הכרטיסים שומרים את המחלקות הישנות (`vote-card`, `prop-card`…) — ה-JS מסיר
   כרטיס לפי `closest()` עליהן. `apc` דורס את הרקע והמסגרת שלהן. */
.apc{--ac:#8DC91A;--bd:rgba(255,255,255,0.08);--bg:#121212;--n:52px;
  position:relative;isolation:isolate;border:0!important;background:none!important;box-shadow:none!important;border-radius:16px;overflow:hidden}
.apc::before{content:'';position:absolute;inset:0;z-index:-2;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 7%,var(--bg)) 0,var(--bg) 120px);
  box-shadow:inset 0 0 0 1px var(--bd);transition:box-shadow .2s;
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M0 13V26H13A13 13 0 0 1 0 13Z'/%3E%3C/svg%3E") right top / var(--n) var(--n) no-repeat,
    linear-gradient(#000,#000) left bottom / 100% calc(100% - var(--n)) no-repeat,
    linear-gradient(#000,#000) left top / calc(100% - var(--n)) 100% no-repeat;
          mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M0 13V26H13A13 13 0 0 1 0 13Z'/%3E%3C/svg%3E") right top / var(--n) var(--n) no-repeat,
    linear-gradient(#000,#000) left bottom / 100% calc(100% - var(--n)) no-repeat,
    linear-gradient(#000,#000) left top / calc(100% - var(--n)) 100% no-repeat}
.apc:hover{--bd:color-mix(in srgb,var(--ac) 32%,transparent)}
/* כרטיס של משתמש שסומן (user_score) — המסגרת כולה אדומה, כולל קו הפינה */
.apc.apc:has(> .us-flag-bar){--bd:rgba(239,68,68,0.7);box-shadow:none!important}
.apc > .us-flag-bar{border-top:1px solid rgba(239,68,68,0.35);padding-left:12px!important}

/* ── הסוגים ── */
.apc-k-car{--ac:#8DC91A} .apc-k-acc{--ac:#f87171} .apc-k-noplate{--ac:#fb923c}
.apc-k-prop{--ac:#a78bfa} .apc-k-task{--ac:#f5c518} .apc-k-tl{--ac:#60a5fa} .apc-k-wc{--ac:#f472b6}
.apc-k-event{--ac:#22d3ee} .apc-k-user{--ac:#FFB800} .apc-k-vspec{--ac:#2dd4bf}
/* "הוספת תוכן": הצעת עריכה שהגיעה מלוח המשימות. גם צבע וגם מרקם — פס אלכסוני
   עדין בראש הכרטיס — כדי שתובחן גם בלי להבחין בגוון. */
.apc-k-task::after{content:'';position:absolute;inset:0 0 auto 0;height:4px;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--ac) 70%,transparent) 0 6px,transparent 6px 12px);
  -webkit-mask:linear-gradient(90deg,#000 calc(100% - var(--n)),transparent calc(100% - var(--n)));mask:linear-gradient(90deg,#000 calc(100% - var(--n)),transparent calc(100% - var(--n)))}
/* "אתגר שבועי": הצעה מעמוד הרכבים החסרים. גוון משלו ומרקם אחר מ"הוספת תוכן" —
   שורת נקודות במקום פסים — כדי ששני המקורות יובחנו גם בלי להבחין בגוון. */
.apc-k-wc::after{content:'';position:absolute;inset:0 0 auto 0;height:4px;z-index:1;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--ac) 80%,transparent) 1.6px,transparent 2px) 0 50%/9px 4px repeat-x;
  -webkit-mask:linear-gradient(90deg,#000 calc(100% - var(--n)),transparent calc(100% - var(--n)));mask:linear-gradient(90deg,#000 calc(100% - var(--n)),transparent calc(100% - var(--n)))}
/* מילות ירידה מהכביש בטקסט החופשי (accident_kw.php): מסגרת אדומה מקווקוות — נראית גם
   בלי לקרוא את השבב, ושונה מכל סוג אחר */
.apc.is-acckw{--bd:rgba(248,113,113,0.55)}
.apc.is-acckw::before{border-style:dashed}
.acc-kw-chip{font-weight:700}
/* שכבות על הסוג: פלטינה (נבדק בידי פלטינה), לטיפול בהמשך */
.apc.is-pt{--bd:rgba(177,102,233,0.32)}
.apc.is-def{--bd:rgba(251,191,36,0.28)}

/* ── הפינה: מדד האמינות של הכרטיס, או אייקון הסוג כשאין מדד ── */
.apc-rel{position:absolute;top:0;right:0;z-index:4;width:var(--n);height:var(--n);box-sizing:border-box;
  display:grid;place-items:center;color:var(--rc,var(--ac));border-bottom-left-radius:16px;
  border-left:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:0 0 1px 1px;transition:border-color .2s;cursor:default}
.apc-rel.hi{--rc:#8DC91A} .apc-rel.mid{--rc:#f5c518} .apc-rel.lo{--rc:#f87171}
.apc-rel svg.apc-ring{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);transform:scaleX(-1) rotate(-90deg);overflow:visible}
.apc-ring-bg{fill:color-mix(in srgb,var(--rc,var(--ac)) 10%,transparent);stroke:rgba(255,255,255,0.08);stroke-width:2.8}
.apc-ring-fg{fill:none;stroke:var(--rc,var(--ac));stroke-width:2.8;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0))}
.apc-rel b{position:relative;font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:800;line-height:1;letter-spacing:-.3px}
.apc-rel.is-icon svg{width:17px;height:17px}

/* ── הכותרת ── */
.apc-hd{position:relative;z-index:2;padding:11px 14px 10px;padding-right:calc(var(--n) + 8px);min-height:var(--n)}
.apc:has(> .bulk-cb-wrap) .apc-hd{padding-left:46px}
.apc .bulk-cb-wrap{top:9px;left:10px}
.apc-chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:6px}
.apc-kind{display:inline-flex;align-items:center;gap:5px;font-family:'Heebo',sans-serif;font-size:11px;font-weight:700;line-height:1;
  color:var(--ac);background:color-mix(in srgb,var(--ac) 11%,transparent);border:1px solid color-mix(in srgb,var(--ac) 30%,transparent);border-radius:20px;padding:4px 9px 4px 10px}
.apc-kind svg{width:11px;height:11px;flex-shrink:0}
.apc-chip{display:inline-flex;align-items:center;gap:4px;font-family:'Heebo',sans-serif;font-size:10.5px;font-weight:600;line-height:1;
  color:var(--cc,#9a9a9a);background:color-mix(in srgb,var(--cc,#9a9a9a) 9%,transparent);border:1px solid color-mix(in srgb,var(--cc,#9a9a9a) 24%,transparent);border-radius:20px;padding:4px 8px}
.apc-chip svg{flex-shrink:0}
/* מחליפים את התגים הישנים שבתוך הכותרת — אותו מידע, בצורת שבב */
.apc-chips :is(.vote-badge-tag,.prop-badge,.tl-badge,.noplate-badge,.reviewed-badge,.first-car-badge){margin:0!important;border-radius:20px;font-family:'Heebo',sans-serif;font-size:10.5px;letter-spacing:0;padding:4px 8px}
.apc-title{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:800;letter-spacing:-.3px;line-height:1.2;color:#efefef;direction:ltr;text-align:left;margin:2px 0 1px}
.apc-title a{color:inherit;text-decoration:none}.apc-title a:hover{color:var(--ac)}
.apc-sub{font-family:'Montserrat',sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#777;direction:ltr;text-align:left}
.apc-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;font-size:11px;color:#6f6f6f}
.apc-who time,.apc-who .apc-dot{color:#5a5a5a}

/* ── מדיה: תמונה ראשית בתוך הכרטיס, ולא קצה-לקצה ── */
.apc-media{display:block;position:relative;margin:0 12px 2px;border-radius:12px;overflow:hidden;background:#181818}
.apc-media .card-img{height:auto;aspect-ratio:16/9;max-height:300px;border-radius:0}
.apc-media .card-img-empty{height:84px;border-radius:12px}
.apc .card-body{padding:12px 14px 14px}
.apc .card-actions{padding:0 14px 14px}

/* ── גריד תמונות: כל שינוי תמונה הוא אריח, ולא שורה ──
   כרטיס שהוסיפו לו שמונה תמונות היה שמונה שורות זו מתחת לזו; עכשיו הוא רשת.
   החלפה (הוסרה ← חדשה) היא אריח כפול, כי משמעותה היא הזוג. */
.apc-pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:7px;margin:2px 0 12px}
.apc-pg-hd{grid-column:1/-1;font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#666;margin:2px 0 -2px}
.apc-ph{position:relative;min-width:0;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}
.apc-ph-img{position:relative;display:block;border-radius:9px;overflow:hidden;background:#1a1a1a;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06)}
.apc-ph-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.apc-ph.is-gone .apc-ph-img img{filter:grayscale(1) brightness(.45)}
.apc-ph-tag{position:absolute;bottom:4px;right:4px;max-width:calc(100% - 8px);background:rgba(0,0,0,0.74);border-radius:5px;padding:2px 6px;
  font-family:'Heebo',sans-serif;font-size:9.5px;font-weight:700;line-height:1.25;color:var(--tc,#ccc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apc-ph-st{position:absolute;top:4px;left:4px;display:inline-flex;align-items:center;gap:3px;background:rgba(0,0,0,0.74);border-radius:5px;padding:2px 6px;
  font-family:'Heebo',sans-serif;font-size:9.5px;font-weight:700;line-height:1.25;color:var(--sc,#8DC91A)}
.apc-ph-sub{font-size:10px;color:#6a6a6a;line-height:1.35;overflow-wrap:anywhere}
.apc-ph-sub b{color:#9a9a9a;font-weight:600}
.apc-ph.is-pair{grid-column:span 2;flex-direction:row;align-items:flex-start;gap:6px;background:rgba(255,255,255,0.02);border-radius:11px;padding:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05)}
.apc-ph.is-pair > .apc-ph{flex:1 1 0}
.apc-ph-arrow{align-self:center;color:#4a4a4a;font-size:14px;flex-shrink:0;margin-top:-14px}
/* פס התמונות של הרכב (ההקשר) נשאר פס גלילה — הוא הקשר ולא שינוי */
.apc-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.apc-strip .apc-ph{flex:0 0 104px}
.apc-ph-del{display:block;margin-top:4px;width:100%;font-family:'Heebo',sans-serif;font-size:10px;font-weight:600;padding:3px 6px;border-radius:6px;cursor:pointer;
  background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.25);color:#f87171}
.apc-ph-del.tl-photo-deleted{background:rgba(239,68,68,0.3);color:#fff}
.apc-ph:has(.apc-ph-del.tl-photo-deleted) .apc-ph-img img{filter:grayscale(1) brightness(.4)}
.apc-k-tl .apc-media img{opacity:.8}
/* כרטיסי האירועים/האלבומים: אין להם כותרת משותפת, ולכן הפריט הראשון בגוף
   זז מהפינה. הצעת עריכה לאירוע — זהב, בקשת הסרה — אדום. */
.apc-k-event > .card-body > :first-child{margin-right:calc(var(--n) - 4px)}
.apc-ev-edit{--ac:#fbbf24} .apc-ev-rm{--ac:#f87171}
/* פס הראיות לאישור ראשוני אוטומטי, בתחתית הפינה. מלא וירוק = עומד בתנאים;
   אדום = חסום (הצבעת נגד, מעלה מסומן, אצל המנהל). */
.apc-rel-ev{position:absolute;left:9px;right:9px;bottom:5px;height:3px;border-radius:2px;background:rgba(255,255,255,0.08);overflow:hidden}
.apc-rel-ev::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--e,0%);background:#60a5fa;border-radius:2px}
.apc-rel-ev.is-ok::after{background:#2dd4bf}
.apc-rel-ev.is-blocked::after{background:#f87171;width:100%;opacity:.55}

/* ── ערך ששונה מהמאגר (gov_override.php / gov_override.js) ──────────────────
   ענבר ולא אדום: זו אזהרה שאפשר לאשר, לא שגיאה. */
.govo-note{margin-top:6px;padding:6px 10px;border-radius:8px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.3);color:#fbbf24;font-size:12px;line-height:1.5;direction:rtl}
.govo-revert{background:none;border:0;padding:0;color:#fde68a;text-decoration:underline;cursor:pointer;font:inherit}
.govo-ov{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.govo-box{width:100%;max-width:440px;background:#141414;border:1px solid rgba(251,191,36,.35);border-radius:14px;padding:18px;direction:rtl;font-family:'Heebo',sans-serif;color:#eee;box-shadow:0 18px 50px rgba(0,0,0,.6)}
.govo-h{font-size:16px;font-weight:800;color:#fbbf24;margin-bottom:6px}
.govo-p{font-size:13px;color:#aaa;line-height:1.6;margin:0 0 12px}
.govo-row{padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}
.govo-chk{display:flex;gap:8px;align-items:flex-start;font-size:13px;cursor:pointer}
.govo-chk input{margin-top:3px;flex-shrink:0;accent-color:#fbbf24}
.govo-reason{width:100%;margin-top:8px;background:#0e0e0e;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#eee;padding:8px 10px;font:13px 'Heebo',sans-serif;resize:vertical;box-sizing:border-box}
.govo-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.govo-act button{border-radius:8px;padding:9px 14px;font:700 13px 'Heebo',sans-serif;cursor:pointer;border:1px solid transparent}
.govo-ok{background:#fbbf24;color:#000}.govo-ok:disabled{opacity:.4;cursor:not-allowed}
.govo-rv{background:transparent;color:#8DC91A;border-color:rgba(141,201,26,.4)!important}
.govo-cx{background:transparent;color:#888;border-color:rgba(255,255,255,.12)!important;margin-inline-start:auto}
/* הכרטיס מול גיליון הרישוי (approve_cards.php: ap_gc_html) */
.gc-card{margin:8px 0;display:flex;flex-direction:column;gap:6px}
.gc-chip{padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.6;direction:rtl;color:#ddd}
.gc-chip.is-bad{background:rgba(248,113,113,.07);border:1px solid rgba(248,113,113,.35)}
.gc-chip.is-bad b{color:#f87171}
.gc-chip.is-ok{background:rgba(141,201,26,.06);border:1px solid rgba(141,201,26,.3)}
.gc-chip.is-ok b{color:var(--green,#8DC91A)}
.gc-note{color:#9a9a9a;font-size:11px}
.gc-view{align-self:flex-start;background:transparent;border:1px solid rgba(255,255,255,.18);color:#ddd;border-radius:8px;padding:6px 12px;font:inherit;font-size:12px;cursor:pointer}
.gc-view:hover{border-color:var(--green,#8DC91A);color:var(--green,#8DC91A)}
.gc-view:disabled{opacity:.5}
.govo-card{margin:8px 0}
.govo-chip{padding:8px 10px;border-radius:8px;background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.3);color:#ddd;font-size:12px;line-height:1.6;direction:rtl;margin-bottom:6px}
.govo-chip b{color:#fbbf24}
.govo-why{margin-top:4px;color:#aaa;font-size:11.5px}
.govo-star{color:#fbbf24;font-weight:800;margin-inline-start:2px}

/* ══ באנרים (banner_partial.php) ═════════════════════════════════════════════
   כרטיס אחד לכל עמוד. --bn הוא הגוון: ירוק האתר (ובערכת הפלטינה — הסגול,
   דרך --green), זהב לבונוס, סגול לאזורי הפלטינה.
   המטבעות הם שבבים (`.bnr-c`) ולא טקסט בתוך המשפט: סכום, סימן ותווית
   באותו מקום ובאותו צבע בכל באנר. הסכום תמיד ב-<bdi dir="ltr">, אחרת
   "−5" מתהפך ל-"5−" בתוך שורה עברית. */
.bnr{--bn:var(--green,#8DC91A);--ok:var(--green,#8DC91A);--neg:#f87171;--cap:#f5c518;
  display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:14px 14px 14px 10px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bn) 5%,#121212),#111);
  border:1px solid color-mix(in srgb,var(--bn) 22%,transparent);border-inline-start:3px solid var(--bn);
  border-radius:12px;font-family:'Heebo',sans-serif;direction:rtl;text-align:start;transition:border-color .18s}
.bnr[hidden]{display:none}
.bnr:hover{border-color:color-mix(in srgb,var(--bn) 38%,transparent);border-inline-start-color:var(--bn)}
.bnr--gold{--bn:#f5c518}
.bnr--pt{--bn:#b166e9}
.bnr-ic{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  color:var(--bn);background:color-mix(in srgb,var(--bn) 10%,transparent);border:1px solid color-mix(in srgb,var(--bn) 26%,transparent)}
.bnr-bd{flex:1;min-width:0}
.bnr-t{font-size:14px;font-weight:700;color:#efefef;line-height:1.4;margin-bottom:3px}
.bnr-s{margin:0;font-size:12.5px;color:#9a9a9a;line-height:1.7}
.bnr-s a{color:var(--bn);font-weight:600;text-decoration:none}
.bnr-s a:hover{text-decoration:underline}
.bnr-inl{display:inline-block;vertical-align:-2px;margin:0 2px;color:#cfcfcf}
.bnr-x{flex-shrink:0;width:28px;height:28px;margin:-4px 0 0 -2px;display:flex;align-items:center;justify-content:center;
  background:transparent;border:0;border-radius:8px;color:#555;cursor:pointer;transition:color .15s,background .15s}
.bnr-x:hover{color:#efefef;background:rgba(255,255,255,.06)}
.bnr-x:focus-visible{outline:2px solid var(--bn);outline-offset:1px;color:#efefef}

/* שבבי המטבעות */
.bnr-coins{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bnr-c{--c:var(--ok);display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;
  background:color-mix(in srgb,var(--c) 8%,transparent);border:1px solid color-mix(in srgb,var(--c) 26%,transparent);line-height:1.3}
.bnr-c--minus{--c:var(--neg)}
.bnr-c--upto,.bnr-c--flat{--c:var(--cap)}
.bnr-n{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12.5px;color:var(--c);white-space:nowrap}
.bnr-l{font-size:11.5px;color:#a8a8a8}
.bnr-c svg{flex-shrink:0}

/* טבלת התמחור (טופס ההעלאה) — עמודת סכום ועמודת תיאור */
.bnr-grid{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.bnr-gh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11.5px;font-weight:700;color:#cfcfcf}
.bnr-gmax{display:inline-flex;align-items:center;gap:5px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;color:var(--cap)}
.bnr-grid dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px 16px}
.bnr-gr{--c:var(--ok);display:grid;grid-template-columns:48px 1fr;align-items:baseline;gap:8px;padding:3px 0}
.bnr-gr.bnr-c--minus{--c:var(--neg)}
.bnr-gr.bnr-c--flat,.bnr-gr.bnr-c--upto{--c:var(--cap)}
.bnr-gr dt{text-align:start}
.bnr-gr dd{margin:0;font-size:11.5px;color:#9a9a9a;line-height:1.5}

@media (max-width:560px){
  .bnr{gap:10px;padding:12px 12px 12px 8px}
  .bnr-ic{width:30px;height:30px}
  .bnr-s{font-size:12px}
}
@media (prefers-reduced-motion:no-preference){
  html:not(.a11y-still) .bnr:not([hidden]){animation:bnr-in .28s ease-out}
}
@keyframes bnr-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* שדה רגיש בטבלת השינויים בכרטיס האישור (ICR_REL_FIELD_RISK) */
.diff-table tr.diff-hi td.diff-field{color:#f5c518}
.diff-hi-tag{display:inline-block;margin-inline-start:4px;padding:0 6px;border-radius:999px;font-size:10px;font-weight:700;line-height:16px;color:#f5c518;background:rgba(245,197,24,.12);border:1px solid rgba(245,197,24,.35)}
.gc-chip.is-info{border:1px solid rgba(148,163,184,.35);background:rgba(148,163,184,.08)}

/* ══ חלון צף — אפקט הפתיחה הנקי של האתר (overlay_ui.php) ══════════════════
   כל חלון צף באתר משתמש בזה. רק opacity ו-transform (שכבת קומפוזיציה, בלי
   layout/paint בכל פריים); בלי blur, backdrop-filter או אנימציית צל.
   a11y-still / prefers-reduced-motion מכבים את המעבר בכללים הגלובליים. */
.icr-ov{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(0,0,0,.62);opacity:0;transition:opacity .16s ease}
.icr-ov[hidden]{display:none}
.icr-ov.is-open{opacity:1}
.icr-ov-card{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;overscroll-behavior:contain;
  background:#16181d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px 18px 14px;color:#ddd;direction:rtl;
  font-family:'Heebo',sans-serif;outline:none;opacity:0;transform:translateY(10px) scale(.97);
  transition:opacity .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}
.icr-ov.is-open .icr-ov-card{opacity:1;transform:none}
.icr-ov-x{position:absolute;top:10px;left:10px;width:30px;height:30px;border-radius:8px;border:0;background:rgba(255,255,255,.06);color:#bbb;cursor:pointer;display:grid;place-items:center}
.icr-ov-x:hover{background:rgba(255,255,255,.12);color:#fff}

/* ── פירוט מדד האמינות של כרטיס (apc_rel_detail_html) ── */
button.apc-rel{font:inherit;background:none;margin:0;cursor:pointer;border-top:0;border-right:0;border-radius:0 0 0 16px}
button.apc-rel:hover{border-color:var(--rc,var(--ac))}
.rel-d h3{margin:0 0 12px;font-size:15px;font-weight:700;color:#bbb;padding-left:36px}
.rel-d .rel-big{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:800;color:var(--rc,#ddd);margin-inline-start:6px}
.rel-d .rel-st{display:grid;grid-template-columns:1fr auto 36px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font-size:13.5px}
.rel-d .rel-st.is-first{border-top:0}
.rel-d .rel-st i[hidden]{display:block;visibility:hidden}
.rel-d .rel-st small{display:block;font-size:11.5px;color:#777}
.rel-d .rel-st b{font-family:'Montserrat',sans-serif;text-align:left;color:#fff}
.rel-d .rel-st i{font-style:normal;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.05)}
.rel-d .rel-v{list-style:none;margin:-2px 0 6px;padding:0}
.rel-d .rel-v li{display:grid;grid-template-columns:1fr auto 44px;gap:8px;font-size:12.5px;line-height:1.9;color:#bbb}
.rel-d .rel-v li span:last-child{text-align:left;font-family:'Montserrat',sans-serif}
.rel-d .rel-v li.y span:nth-child(2),.rel-d .rel-v li.y span:last-child{color:#8DC91A}
.rel-d .rel-v li.n span:nth-child(2),.rel-d .rel-v li.n span:last-child{color:#f87171}
.rel-d .rel-v li.z{color:#666}
.rel-d .rel-v small{color:#666;font-size:11px}
.rel-d .rel-v em{font-style:normal;font-size:10.5px;color:#f5c518;border:1px solid rgba(245,197,24,.35);border-radius:999px;padding:0 5px}
.rel-d .rel-why{margin:6px 0 0;padding:0 16px 0 0;font-size:12px;line-height:1.7;color:#999}
.rel-d .rel-auto{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#999}
.rel-d .plus{color:#8DC91A} .rel-d .minus{color:#f87171}

/* סתירה בציר הזמן בכרטיס האישור (ap_tl_conflict_html) */
.ap-tlc{margin:0 0 10px;padding:9px 12px;border:1px solid rgba(251,191,36,.4);border-radius:10px;background:rgba(251,191,36,.07);color:#eee;font-size:13px}
.ap-tlc-h{display:flex;align-items:center;gap:6px;font-weight:800;color:#fbbf24;margin-bottom:4px}
.ap-tlc ul{margin:0;padding-inline-start:18px;line-height:1.6}