/* =====================================================================
   مكتبة الجودة — عمودان: المجموعات وبطاقات الملفات
   ===================================================================== */
.lb-wrap{display:grid;grid-template-columns:minmax(200px,250px) 1fr;gap:12px;align-items:start}
@media (max-width:860px){.lb-wrap{grid-template-columns:1fr}}

/* ------------------------------------------------------ عمود المجموعات */
.lb-side{background:var(--surface);border:1px solid var(--line);border-radius:12px;
  padding:8px;display:flex;flex-direction:column;gap:3px;position:sticky;top:12px}
.lb-lbl{font-size:10.5px;color:var(--muted);padding:4px 8px 6px;font-weight:600}
.lb-g{width:100%;display:grid;grid-template-columns:auto 1fr auto auto auto;gap:8px;align-items:center;
  text-align:start;border:0;background:transparent;color:inherit;font:inherit;
  border-radius:10px;padding:7px 8px;cursor:pointer}
.lb-g:hover{background:var(--hover)}
.lb-g.on{background:var(--teal-soft)}
.lb-gi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;
  font-size:14px;flex:none}
.lb-gm{min-width:0;display:flex;flex-direction:column;gap:1px}
/* اسم المجموعة قد يطول — سطران خيرٌ من قطعه بنقاطٍ لا تُقرأ */
.lb-gm b{font-size:12.3px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.lb-gm span{font-size:10.3px;color:var(--muted)}
.lb-ge{font-size:11px;color:var(--muted);opacity:0;padding:2px 4px;border-radius:6px}
.lb-g:hover .lb-ge{opacity:1}
.lb-ge:hover{background:var(--pill);color:var(--ink)}
.lb-ge.dl:hover{background:#FBE9E7;color:#B0413E}

/* ------------------------------------------------------- شريط البحث */
.lb-main{min-width:0;display:flex;flex-direction:column;gap:10px}
.lb-bar{display:flex;gap:8px;align-items:center}
.lb-q{flex:1;padding:8px 12px;border:1px solid var(--line-2);border-radius:10px;
  background:var(--surface);color:inherit;font:inherit;font-size:12.5px}
.lb-k{padding:8px 10px;border:1px solid var(--line-2);border-radius:10px;
  background:var(--surface);color:inherit;font:inherit;font-size:12px}

/* ----------------------------------------------------- بطاقات الملفات */
.lb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}
.lb-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;
  padding:11px 12px;display:grid;grid-template-columns:auto 1fr;gap:11px;
  align-items:start;transition:box-shadow .12s,border-color .12s}
.lb-card:hover{box-shadow:0 4px 16px rgba(16,42,63,.09);border-color:var(--line-2)}
.lb-ic{width:44px;height:52px;border-radius:9px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:3px;font-size:17px;flex:none;
  background:var(--pill);color:var(--muted)}
.lb-ext{font-size:8.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
/* لونٌ لكل نوع — مُشتقٌّ من لوحة الرسوم المفحوصة، ومع كلٍّ امتدادُه نصّاً
   فلا يُقرأ النوع من اللون وحده */
.lb-card.k-excel .lb-ic{background:#E7F3EC;color:#2E7D50}
.lb-card.k-ppt   .lb-ic{background:#FBE9E7;color:#B0413E}
.lb-card.k-word  .lb-ic{background:#E6EFF6;color:#1E6B8C}
.lb-card.k-pdf   .lb-ic{background:#FDF1E1;color:#B26A08}
.lb-card.k-img   .lb-ic{background:#F0EAF8;color:#7A5AA6}
.lb-card.k-zip   .lb-ic{background:#ECEFF1;color:#546069}

.lb-bd{min-width:0;display:flex;flex-direction:column;gap:3px}
.lb-t{font-size:13px;line-height:1.5;word-break:break-word}
.lb-d{font-size:11.3px;color:var(--muted);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.lb-meta span{font-size:9.8px;background:var(--pill);color:var(--muted);
  border-radius:99px;padding:1px 7px}
.lb-meta .lb-gt{background:var(--teal-soft);color:var(--teal)}
.lb-meta .lb-sh{background:#FDF1E1;color:#B26A08;font-weight:600}
.lb-who{font-size:9.8px;color:var(--muted);margin-top:2px}
.lb-act{grid-column:1/-1;display:flex;gap:6px;justify-content:flex-end;
  border-top:1px solid var(--line);padding-top:8px;margin-top:2px}

@media print{
  .lb-wrap{grid-template-columns:1fr}
  .lb-card{break-inside:avoid;box-shadow:none}
}
.lb-g.lb-sub .lb-gi{width:22px;height:22px;font-size:12px}
.lb-g.lb-sub .lb-gm b{font-size:11.8px;font-weight:600}
.lb-caret{display:grid;place-items:center;width:100%;height:100%;font-size:12px;font-weight:700;cursor:pointer;border-radius:8px}
.lb-caret:hover{background:rgba(0,0,0,.08)}
.lb-g.lb-sub .lb-ge{font-size:10.5px}