/* system/css/whats-new.css
   "מה חדש במערכת". כפתור בפוטר עם תג מספר (מה נוסף מאז הביקור האחרון) + פאנל
   רשימת עדכונים. מראה שהמערכת חיה, בסיס למודל ההכנסה החוזרת. (9/6/2026.) */

.wn-btn {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
  padding: 9px 18px; background: #fff8ef; border: 1.5px solid #f3e2cf; border-radius: 50px;
  color: var(--orange-deep, #e8854a); font-family: inherit; font-size: 0.95rem; font-weight: 700; cursor: pointer;
}
.wn-btn:hover { background: #fdeede; }
.wn-badge {
  min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px;
  background: var(--orange-deep, #e8854a); color: #fff; font-size: 0.78rem; font-weight: 800;
  display: inline-flex; align-items: center; justify-content: center;
}

.wn-overlay {
  position: fixed; inset: 0; background: rgba(26, 74, 107, 0.4);
  display: flex; align-items: center; justify-content: center; padding: 16px; z-index: 100;
}
.wn-card {
  position: relative; background: #fff; border-radius: 18px; padding: 22px 20px;
  width: 100%; max-width: 460px; max-height: 82vh; overflow-y: auto;
  box-shadow: 0 16px 48px rgba(26, 74, 107, 0.22);
}
.wn-close {
  position: absolute; top: 8px; inset-inline-end: 10px; width: 44px; height: 44px;
  border: none; background: none; font-size: 1.9rem; line-height: 1; color: var(--muted, #8a7a66); cursor: pointer;
}
.wn-card h2 { font-size: 1.3rem; color: var(--navy, #1a4a6b); margin: 0 0 4px; }
.wn-sub { font-size: 0.92rem; color: var(--muted, #8a7a66); margin: 0 0 16px; }
.wn-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.wn-item { background: #fdf8f2; border: 1px solid var(--border, #e8e0d6); border-radius: 14px; padding: 14px 16px; }
.wn-top { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; flex-wrap: wrap; }
.wn-type { font-size: 0.74rem; font-weight: 800; color: var(--navy, #1a4a6b); background: #eef4f8; border-radius: 50px; padding: 2px 10px; }
.wn-new { font-size: 0.72rem; font-weight: 800; color: #fff; background: var(--orange-deep, #e8854a); border-radius: 50px; padding: 2px 9px; }
.wn-date { font-size: 0.8rem; color: var(--muted, #8a7a66); margin-inline-start: auto; }
.wn-title { font-weight: 800; color: var(--navy, #1a4a6b); font-size: 1.02rem; }
/* רשומה אוטומטית מהטפטוף מובילה ישר לנושא (24/9/2026). */
a.wn-link { display: block; text-decoration: none; }
a.wn-link:hover, a.wn-link:focus-visible { text-decoration: underline; }
.wn-desc { font-size: 0.92rem; color: #5a4a36; line-height: 1.5; margin-top: 4px; }