/* ============================================================
 * styles/recent-stations.css — لوحة «آخر المحطات» وزرها (من V1 كما هو: index.html الأسطر 449–474 و994–1005)
 * The «recent stations» panel and its pill (from V1 as is)
 * ============================================================ */
/* زر فتح اللوحة صار بطاقة «آخر المحطات» في صف الإجراءات (styles/home.css، 15 أكتوبر) — the opening button is now the recent tile in home.css */
.recent-panel{
  display:none;flex-direction:column;gap:10px;
  width:100%;max-width:760px;
  background:var(--bg-card);border:1px solid var(--border);border-radius:12px;
  padding:14px 16px;
}
.recent-panel.show{display:flex;}
.recent-panel-head{
  display:flex;justify-content:space-between;align-items:center;
  font-size:12px;font-weight:600;color:var(--text-primary);
}
.recent-clear-btn{
  background:transparent;border:none;color:var(--text-secondary);
  font-size:10.5px;cursor:pointer;text-decoration:underline;
  font-family:inherit;padding:2px;
}
.recent-clear-btn:hover{color:#E0654F;}
.recent-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;}
.recent-chip{
  background:var(--bg-elev);
  border:1px solid var(--border-strong);
  border-radius:16px;padding:6px 12px;font-size:11.5px;
  color:var(--text-primary);cursor:pointer;transition:.2s;
  font-family:'JetBrains Mono',monospace;direction:ltr;
}
.recent-chip:hover{border-color:var(--teal);color:var(--teal);}
.recent-empty{font-size:11.5px;color:var(--text-secondary);}
/* «المحطة … لم تعد موجودة» (V2، 15 أكتوبر) — «the station no longer exists» */
.recent-note{font-size:11.5px;font-weight:600;color:#E0654F;background:rgba(224,101,79,0.10);border:1px solid rgba(224,101,79,0.35);border-radius:10px;padding:6px 10px;}
@media (max-width:767px){ .recent-panel{gap:6px;} }

/* إعادة التصميم: شرائح أوضح وزر «عرض الكل» (ملاحظة محمد 4.10) — redesign: clearer chips and a «show all» button */
.recent-chip{font-size:14px;padding:8px 14px;border-radius:var(--radius);}
.recent-more{background:none;border:1px dashed var(--border-strong);border-radius:var(--radius);padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--sub);cursor:pointer;}