/*
 * route_tag_pills.css
 * -----------------------------------------------------------------------------
 * Shared color palette for the per-slug "Route Tag" pill rendered on every
 * Work Order / schedule card across the app (tech route view, admin route
 * manager, weekly planning, etc.). The pill HTML is produced by
 * `client_work_tasks_route_strip_meta()` and has the shape:
 *
 *     <span class="task-reminder-tag task-route-tag-<slug>">Label</span>
 *
 * Slugs are normalized in PHP (`client_work_task_route_tag_normalize_slug`),
 * with legacy aliases applied, so e.g. "Fire-Up", "fireUp", "fire-up" all
 * collapse to `fire_up` and match the rules below.
 *
 * Palette per the product spec:
 *   - Cleaning Service     medium blue, dark blue border
 *   - Service Call         light orange, darker orange border
 *   - Repair               light red, medium red border
 *   - Estimate Pool Cleaning / Estimate Repair  light green, medium green border
 *   - Green Pool           medium green, darker green border
 *   - Filter Replacement   white, darker blue border
 *   - Fire-Up              light blue, darker blue border
 *   - Other                gray, darker gray border
 *
 * !important is intentional: it guards against:
 *   - `.task-reminder-overdue` overdue-state color
 *   - `.minimalist-preview .task-reminder-tag { … !important }`
 *   - `.liquid-glass-preview .task-reminder-tag` overrides
 *   - Per-theme `data-tech-app-theme=*` rules
 * -----------------------------------------------------------------------------
 */

/* High specificity (html body span.task-reminder-tag.task-route-tag-<slug>)
   so the rules beat any theme override OR same-specificity rule loaded later
   in the cascade. `!important` is the seatbelt. */
html body span.task-reminder-tag.task-route-tag-cleaning_service,
html body .task-route-tag-cleaning_service {
    background: #3b82f6 !important; border-color: #1d4ed8 !important; color: #ffffff !important;
}
html body span.task-reminder-tag.task-route-tag-service_call,
html body .task-route-tag-service_call {
    background: #fed7aa !important; border-color: #c2410c !important; color: #7c2d12 !important;
}
html body span.task-reminder-tag.task-route-tag-repair,
html body .task-route-tag-repair {
    background: #fecaca !important; border-color: #dc2626 !important; color: #7f1d1d !important;
}
html body span.task-reminder-tag.task-route-tag-estimate,
html body .task-route-tag-estimate,
html body span.task-reminder-tag.task-route-tag-estimate_repair,
html body .task-route-tag-estimate_repair {
    background: #bbf7d0 !important; border-color: #16a34a !important; color: #14532d !important;
}
html body span.task-reminder-tag.task-route-tag-green_pool,
html body .task-route-tag-green_pool {
    background: #16a34a !important; border-color: #15803d !important; color: #ffffff !important;
}
html body span.task-reminder-tag.task-route-tag-filter_replacement,
html body .task-route-tag-filter_replacement {
    background: #ffffff !important; border-color: #1d4ed8 !important; color: #1e40af !important;
}
html body span.task-reminder-tag.task-route-tag-filter_cartridge_replacement,
html body .task-route-tag-filter_cartridge_replacement,
html body span.task-reminder-tag.task-route-tag-filter_cartridge_cleaning,
html body .task-route-tag-filter_cartridge_cleaning {
    background: #e0f2fe !important; border-color: #0284c7 !important; color: #0c4a6e !important;
}
html body span.task-reminder-tag.task-route-tag-fire_up,
html body .task-route-tag-fire_up {
    background: #bfdbfe !important; border-color: #1d4ed8 !important; color: #1e3a8a !important;
}
html body span.task-reminder-tag.task-route-tag-acid_chlorine_wash,
html body .task-route-tag-acid_chlorine_wash {
    background: #fef9c3 !important; border-color: #d97706 !important; color: #92400e !important;
}
html body span.task-reminder-tag.task-route-tag-other,
html body .task-route-tag-other {
    background: #e5e7eb !important; border-color: #4b5563 !important; color: #1f2937 !important;
}

/* Legacy / custom slug kept for backward compatibility. */
html body span.task-reminder-tag.task-route-tag-extra_service,
html body .task-route-tag-extra_service {
    background: #7c3aed !important; border-color: #5b21b6 !important; color: #ffffff !important;
}