/* ─────────────────────────────────────────────────────────────────────────────
   CRM Dashboard — Shared Stylesheet
   ───────────────────────────────────────────────────────────────────────────── */

/* ── Base ──────────────────────────────────────────────────────────────────── */
body           { background: #f0f2f5; }

/* ── Navbar ────────────────────────────────────────────────────────────────── */
.navbar        { background: #1a2942 !important; }
.navbar-brand  { font-weight: 700; letter-spacing: .4px; }
.nav-avatar    { width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.3);overflow:hidden; }
.nav-avatar img{ width:100%;height:100%;object-fit:cover; }

/* ── Avatar circle ─────────────────────────────────────────────────────────── */
.av            { border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
                 font-weight:700;overflow:hidden;flex-shrink:0; }
.av img        { width:100%;height:100%;object-fit:cover; }

/* ── Badges ────────────────────────────────────────────────────────────────── */
.badge         { font-weight:500;font-size:.76rem; }

/* ── Dashboard: Stat cards ─────────────────────────────────────────────────── */
.stat-card         { border:none;border-radius:14px;box-shadow:0 1px 5px rgba(0,0,0,.07); }
.stat-card .icon   { width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem; }

/* ── Dashboard: Pipeline section ───────────────────────────────────────────── */
.pipeline-card     { border:none;border-radius:14px;box-shadow:0 1px 5px rgba(0,0,0,.07); }

/* ── Dashboard: Leads table ────────────────────────────────────────────────── */
.leads-card             { border:none;border-radius:14px;box-shadow:0 1px 5px rgba(0,0,0,.07);overflow:hidden; padding: 20px }
#leadsTable tbody tr    { cursor:pointer;transition:background .1s; }
#leadsTable tbody tr:hover                    { background:#f0f4ff; }
#leadsTable tbody tr.unread td:first-child    { border-left:3px solid #0d6efd; }
#leadsTable tbody tr.unread                   { font-weight:600; }
.truncate              { max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

/* ── Dashboard: Filters bar ────────────────────────────────────────────────── */
.filters-bar   { background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:16px; }

/* ── Dashboard: Lead detail offcanvas ──────────────────────────────────────── */
#leadPanel     { width:530px;max-width:96vw; }
.field-row     { display:flex;gap:8px;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:.88rem; }
.field-label   { min-width:145px;color:#6c757d;font-weight:500;flex-shrink:0; }
.field-value   { color:#212529;word-break:break-word; }

/* ── Dashboard: Notes ──────────────────────────────────────────────────────── */
.note-item     { display:flex;gap:10px;margin-bottom:12px; }
.note-body     { background:#f8f9fa;border-radius:10px;padding:10px 14px;flex:1; }
.note-meta     { font-size:.78rem;color:#adb5bd;margin-top:2px; }
.note-author   { font-weight:600;font-size:.82rem; }
.note-text     { font-size:.88rem;margin-top:5px;white-space:pre-wrap; }

/* ── Dashboard: Deal info ──────────────────────────────────────────────────── */
.deal-input    { text-align:right; }
.weighted-val  { font-size:.82rem;color:#6c757d;margin-top:2px; }

/* ── Login page ────────────────────────────────────────────────────────────── */
.login-wrap    { min-height:100vh;display:flex;align-items:center;justify-content:center; }
.login-card    { width:380px;border:none;border-radius:18px;box-shadow:0 6px 30px rgba(0,0,0,.12);padding:36px; }
.login-logo    { width:96px;height:96px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px; }
.login-logo img{ width:100%;height:100%;object-fit:contain; }

/* ── Users page: Table card ────────────────────────────────────────────────── */
.card-table    { border:none;border-radius:14px;box-shadow:0 1px 5px rgba(0,0,0,.07);overflow:hidden; }

/* ── Users page: Avatar upload preview ─────────────────────────────────────── */
.avatar-preview             { width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #dee2e6; }
.avatar-preview-placeholder { width:72px;height:72px;border-radius:50%;display:flex;align-items:center;
                               justify-content:center;font-size:1.4rem;font-weight:700;color:#fff; }