/* ============================================================
   Melon Tracker — Portal-local overrides
   Loaded AFTER assets.melonmobile.co.za/portal/style.css so this
   file only carries tracker-specific additions.
   ============================================================ */

/* --- Status / priority pills emitted by funcs.php ----------- */
.tracker-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.4;
    white-space: nowrap;
}

/* --- Stat cards on the dashboard ---------------------------- */
.tracker-stat-card {
    display: block;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-left: 4px solid var(--accent, #16a34a);
    border-radius: 8px;
    padding: 14px 16px;
    color: inherit;
    transition: box-shadow .15s ease, transform .15s ease;
}
.tracker-stat-card:hover {
    box-shadow: 0 4px 14px var(--accent-hover-shadow, rgba(22,163,74,.15));
    transform: translateY(-1px);
}
.tracker-stat-card.tracker-stat-danger {
    border-left-color: #ef4444;
}
.tracker-stat-card.tracker-stat-danger:hover {
    box-shadow: 0 4px 14px rgba(239,68,68,.15);
}
.tracker-stat-label {
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.tracker-stat-value {
    font-size: 28px;
    font-weight: 700;
    color: #111827;
    line-height: 1.1;
    margin-top: 2px;
}

/* --- Overdue row tint --------------------------------------- */
.tracker-row-overdue {
    background: #fef2f2 !important;
}
.tracker-row-overdue:hover {
    background: #fee2e2 !important;
}

/* --- Project colour dot ------------------------------------- */
.tracker-project-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 4px;
}

/* --- Activity feed ------------------------------------------ */
.tracker-activity-feed .list-group-item {
    padding: 10px 14px;
}

/* --- @mentions in comments ---------------------------------- */
.tracker-mention {
    display: inline-block;
    padding: 0 4px;
    background: var(--accent-bg, #dcfce7);
    color: var(--accent-dark, #14532d);
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.95em;
}