/*
 * =====================================================================
 *  BİLDİRİŞLƏR MODULU — STİLLƏR
 *  Yer: /modules/alerts/assets/alerts.css. Siniflər "lfm-al-" ilə başlayır.
 * =====================================================================
 */
/* "Axtarışı yadda saxla" düyməsi */
.lfm-al-save { display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 14px; border-radius: 14px; border: 1px solid #bbf7d0; background: #f0fdf4; color: #15803d; font-size: 13.5px; font-weight: 800; white-space: nowrap; flex-shrink: 0; transition: all .15s; cursor: pointer; }
.lfm-al-save:hover { background: #dcfce7; }
.lfm-al-save.is-on { background: #16a34a; border-color: #16a34a; color: #fff; }
.lfm-al-save:disabled { opacity: .6; }
@media (max-width: 639px) { .lfm-al-save span { display: none; } .lfm-al-save { width: 44px; justify-content: center; padding: 0; } }

/* Son baxdıqlarınız */
.lfm-al-recent { max-width: 1440px; margin: 0 auto 24px; padding: 0 8px; }
@media (min-width: 640px) { .lfm-al-recent { padding: 0 24px; } }
.lfm-al-recent.is-page { padding: 20px; margin: 0; }
.lfm-al-recent[hidden] { display: none; }
.lfm-al-rhead { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.lfm-al-rhead h2 { display: flex; align-items: center; gap: 8px; font-size: 19px; font-weight: 900; color: #111827; }
.lfm-al-rhead button { font-size: 13px; font-weight: 700; color: #6b7280; }
.lfm-al-rhead button:hover { color: #e11d48; }
.lfm-al-rlist { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; scrollbar-width: thin; }
.lfm-al-rcard { flex: 0 0 150px; scroll-snap-align: start; background: #fff; border: 1px solid #eef0f3; border-radius: 18px; overflow: hidden; transition: transform .15s, box-shadow .15s; }
.lfm-al-rcard:hover { transform: translateY(-2px); box-shadow: 0 12px 24px -16px rgba(15, 23, 42, .35); }
.lfm-al-rcard img { width: 100%; aspect-ratio: 1; object-fit: cover; background: #f3f4f6; display: block; }
.lfm-al-rcard b { display: block; padding: 8px 10px 0; font-size: 14px; font-weight: 900; color: #15803d; }
.lfm-al-rcard span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 2px 10px 10px; padding: 0; font-size: 12.5px; color: #374151; line-height: 1.35; }

/* Kabinet səhifəsi */
.lfm-al-h2 { display: flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 900; color: #111827; margin-bottom: 12px; }
.lfm-al-empty { text-align: center; padding: 30px 10px; color: #6b7280; font-size: 14px; }
.lfm-al-empty > span { width: 64px; height: 64px; border-radius: 20px; background: #f0fdf4; color: #16a34a; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.lfm-al-empty b { display: block; color: #111827; font-size: 16px; font-weight: 900; }
.lfm-al-list { display: grid; gap: 10px; }
.lfm-al-item { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px; border: 1px solid #eef0f3; border-radius: 18px; background: #fff; }
.lfm-al-main { flex: 1 1 260px; min-width: 0; display: flex; align-items: center; gap: 12px; }
.lfm-al-main b { display: block; font-size: 15px; font-weight: 800; color: #111827; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lfm-al-main small { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 12px; color: #9ca3af; margin-top: 2px; }
.lfm-al-main small em { font-style: normal; padding: 1px 8px; border-radius: 99px; background: #f3f4f6; color: #4b5563; font-weight: 700; }
.lfm-al-ic { width: 42px; height: 42px; flex-shrink: 0; border-radius: 14px; background: #f0fdf4; color: #16a34a; display: inline-flex; align-items: center; justify-content: center; }
.lfm-al-ic.is-rose { background: #fff1f2; color: #e11d48; }
.lfm-al-new { flex-shrink: 0; padding: 4px 10px; border-radius: 999px; background: #16a34a; color: #fff; font-size: 12px; font-weight: 900; }
.lfm-al-ctl { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.lfm-al-ctl select { width: auto; }
.lfm-al-del { width: 38px; height: 38px; border-radius: 12px; color: #9ca3af; display: inline-flex; align-items: center; justify-content: center; }
.lfm-al-del:hover { background: #fff1f2; color: #e11d48; }
.lfm-al-tg { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13px; font-weight: 700; color: #374151; }
.lfm-al-tg span { display: inline-flex; align-items: center; gap: 4px; }
.lfm-al-tg input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.lfm-al-tg i { position: relative; width: 40px; height: 24px; border-radius: 99px; background: #d1d5db; transition: background .15s; flex-shrink: 0; }
.lfm-al-tg i::after { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 99px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); transition: transform .15s; }
.lfm-al-tg input:checked + i { background: #16a34a; }
.lfm-al-tg input:checked + i::after { transform: translateX(16px); }
.lfm-al-tg input:focus-visible + i { outline: 2px solid #16a34a; outline-offset: 2px; }
.lfm-al-drop { display: flex; align-items: center; gap: 12px; }
.lfm-al-drop b { display: block; font-size: 15px; font-weight: 900; color: #111827; }
.lfm-al-drop p { font-size: 13px; color: #6b7280; margin-top: 2px; }