/*
 * Row-level color coding for the Activity / Call Log table
 * (ActivitiesRelationManager) — distinguishes who a row came from at a
 * glance: the debtor (inbound reply), an oversight role acting directly
 * (admin/manager/supervisor), an automated system write (no acting
 * user), or an agent (the default/most common case, left unstyled so
 * it doesn't visually compete with the other three).
 *
 * Plain custom classes rather than Tailwind utility classes — this
 * app's Filament panel ships a pre-built CSS bundle that doesn't
 * include arbitrary Tailwind colors for code outside Filament's own
 * components, so bg-blue-50 etc. referenced from PHP would silently
 * have no effect. Explicit hex values here work regardless.
 */

/*
 * A fixed-height, internally-scrollable box for the Notes column — a
 * long note (a debtor's quoted-thread email reply, an agent's detailed
 * write-up) used to make its whole table row grow to match; this keeps
 * every row a consistent height regardless of note length, with the
 * full text still reachable by scrolling inside the cell rather than
 * being cut off.
 */
.activity-notes-scroll {
    max-height: 6.5rem;
    min-width: 480px;
    width: 100%;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
    padding-right: 4px;
}

.activity-row-inbound {
    background-color: #eff6ff;
    border-left: 4px solid #3b82f6;
}

.activity-row-oversight {
    background-color: #fffbeb;
    border-left: 4px solid #f59e0b;
}

.activity-row-system {
    background-color: #f9fafb;
    border-left: 4px solid #9ca3af;
}

@media (prefers-color-scheme: dark) {
    .activity-row-inbound {
        background-color: rgba(59, 130, 246, 0.12);
        border-left-color: #60a5fa;
    }

    .activity-row-oversight {
        background-color: rgba(245, 158, 11, 0.1);
        border-left-color: #fbbf24;
    }

    .activity-row-system {
        background-color: rgba(156, 163, 175, 0.1);
        border-left-color: #9ca3af;
    }
}

/* Filament's own dark-mode toggle adds this class to <html> directly
   (see vendor/filament/filament's base layout), independent of the
   OS-level prefers-color-scheme media query above — both are covered
   so this looks right whether dark mode came from the OS or the
   in-app toggle. */
html.dark .activity-row-inbound {
    background-color: rgba(59, 130, 246, 0.12);
    border-left-color: #60a5fa;
}

html.dark .activity-row-oversight {
    background-color: rgba(245, 158, 11, 0.1);
    border-left-color: #fbbf24;
}

html.dark .activity-row-system {
    background-color: rgba(156, 163, 175, 0.1);
    border-left-color: #9ca3af;
}