/* ============================================
   BORROWER.CSS — Хувь хүний зээлдэгчийн нэмэлт styles
   admin.css-ийн бүтцийг reuse хийнэ
   ============================================ */

/* Loan cards */
.b-loans { display:flex; flex-direction:column; gap:16px; }
.b-loan-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.b-loan-id { font-weight:700; font-size:0.9375rem; color:var(--gray-900); }
.b-loan-field { }
.b-loan-label { display:block; font-size:0.6875rem; font-weight:600; color:var(--gray-400); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px; }
.b-loan-val { font-size:0.9375rem; font-weight:700; color:var(--gray-900); }
.b-loan-collateral { display:flex; align-items:center; gap:6px; font-size:0.8125rem; color:var(--gray-500); padding:8px 12px; background:var(--gray-50); border-radius:8px; margin:16px 0 0; }
.b-loan-collateral svg { color:var(--gray-400); flex-shrink:0; }

/* Collateral list */
.b-collateral-list { display:flex; flex-direction:column; gap:12px; }
.b-collateral-item { display:flex; align-items:center; gap:12px; padding:12px 16px; border:1px solid var(--gray-200); border-radius:var(--radius); transition:var(--transition); }
.b-collateral-item:hover { border-color:var(--gray-900); }
.b-coll-icon { width:40px; height:40px; border-radius:var(--radius); background:var(--gray-50); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.b-coll-icon svg { color:var(--gray-500); }
.b-coll-info { flex:1; }
.b-coll-name { font-weight:700; font-size:0.875rem; color:var(--gray-900); }
.b-coll-detail { font-size:0.75rem; color:var(--gray-500); margin-top:2px; }

/* Notification list */
.b-notif-list { display:flex; flex-direction:column; }
.b-notif-item { display:flex; gap:12px; padding:14px 0; border-bottom:1px solid var(--gray-100); align-items:flex-start; }
.b-notif-item:last-child { border-bottom:none; }
.b-notif-dot { width:8px; height:8px; border-radius:50%; background:var(--gray-200); margin-top:6px; flex-shrink:0; }
.b-notif-item.unread .b-notif-dot { background:var(--gold); }
.b-notif-item.unread .b-notif-text { color:var(--gray-900); }
.b-notif-text { font-size:0.8125rem; color:var(--gray-500); line-height:1.6; }
.b-notif-time { font-size:0.6875rem; color:var(--gray-400); margin-top:4px; }

@media(max-width:768px) {
    .b-collateral-item { flex-wrap:wrap; }
}