/*
 * Story 0080 — Cases summary-table proximity row coloring.
 *
 * Classes attached by CaseResource::rowClassFor() via Filament's
 * ->recordClasses() table chain. Three buckets:
 *   - cases-row-past     : next_due_date < today (red)
 *   - cases-row-imminent : today ≤ next_due_date ≤ today + imminent_days (amber)
 *   - cases-row-soon     : within soon_days (cyan, desaturated — Q2 firing
 *                          path: revisit if the Cases screen looks busy
 *                          and swap the hue here, not the class name)
 *
 * No class for `next_due_date > today + soon_days` OR all-null —
 * renders as the Filament default row.
 *
 * Color values pulled from Tailwind's default palette so the look is
 * coherent with Filament's stock danger/warning/info badges already in
 * use elsewhere on the page (case_status badge). Tints applied at low
 * opacity so the table still reads as a table; the row coloring is a
 * scanning aid, not a centerpiece.
 *
 * Loaded via App\Providers\AppServiceProvider::registerCasesColoringCss().
 * Same FilamentAsset::register pattern as story 0078's topnav CSS — one
 * file, no theme-vite pipeline.
 */

/* ===== Past due — red tint ===== */
.fi-ta-row.cases-row-past {
    background-color: rgba(254, 226, 226, 0.6); /* tailwind red-100 @ 0.6 */
}
.fi-ta-row.cases-row-past:hover {
    background-color: rgba(254, 202, 202, 0.7); /* tailwind red-200 @ 0.7 */
}

/* ===== Imminent — amber tint ===== */
.fi-ta-row.cases-row-imminent {
    background-color: rgba(254, 243, 199, 0.6); /* tailwind amber-100 @ 0.6 */
}
.fi-ta-row.cases-row-imminent:hover {
    background-color: rgba(253, 230, 138, 0.7); /* tailwind amber-200 @ 0.7 */
}

/* ===== Soon — cyan tint (desaturate post-deploy if busy) ===== */
.fi-ta-row.cases-row-soon {
    background-color: rgba(207, 250, 254, 0.55); /* tailwind cyan-100 @ 0.55 */
}
.fi-ta-row.cases-row-soon:hover {
    background-color: rgba(165, 243, 252, 0.7); /* tailwind cyan-200 @ 0.7 */
}

/* Dark-mode counterparts — darker base tones, same hue families. */
.dark .fi-ta-row.cases-row-past {
    background-color: rgba(127, 29, 29, 0.45); /* tailwind red-900 @ 0.45 */
}
.dark .fi-ta-row.cases-row-past:hover {
    background-color: rgba(153, 27, 27, 0.55); /* tailwind red-800 @ 0.55 */
}
.dark .fi-ta-row.cases-row-imminent {
    background-color: rgba(120, 53, 15, 0.45); /* tailwind amber-900 @ 0.45 */
}
.dark .fi-ta-row.cases-row-imminent:hover {
    background-color: rgba(146, 64, 14, 0.55); /* tailwind amber-800 @ 0.55 */
}
.dark .fi-ta-row.cases-row-soon {
    background-color: rgba(22, 78, 99, 0.4); /* tailwind cyan-900 @ 0.4 */
}
.dark .fi-ta-row.cases-row-soon:hover {
    background-color: rgba(21, 94, 117, 0.55); /* tailwind cyan-800 @ 0.55 */
}

/* The Next-due chip rendered inline in the column formatter. */
.cases-next-due-chip {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 0.375rem;
    background-color: rgba(229, 231, 235, 0.7); /* tailwind gray-200 @ 0.7 */
    color: rgb(75, 85, 99); /* tailwind gray-600 */
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.1rem;
    vertical-align: middle;
}
.dark .cases-next-due-chip {
    background-color: rgba(75, 85, 99, 0.45); /* tailwind gray-600 @ 0.45 */
    color: rgb(229, 231, 235); /* tailwind gray-200 */
}