/* ===== TASK STATUS BADGES (matching city zones badge structure) ===== */

.fxcz-status-pending {
    color: #92400E;
    background: rgba(234,179,8,.12);
    border-color: rgba(234,179,8,.25);
}

.fxcz-status-inprogress {
    color: #1E40AF;
    background: rgba(59,130,246,.12);
    border-color: rgba(59,130,246,.25);
}

.fxcz-status-completed {
    color: #15803D;
    background: rgba(34,197,94,.12);
    border-color: rgba(34,197,94,.25);
}

.fxcz-status-cancelled {
    color: #B91C1C;
    background: rgba(239,68,68,.12);
    border-color: rgba(239,68,68,.25);
}

/* ===== CUSTOM ACTION BUTTONS (matching city zones button styles) ===== */

.fx-btn-view {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(59,130,246,.28) !important;
    transition: all 0.2s ease !important;
    text-transform: uppercase !important;
    letter-spacing: .3px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
}

.fx-btn-view:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(59,130,246,.38) !important;
}

.fx-btn-assign {
    background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(99,102,241,.28) !important;
    transition: all 0.2s ease !important;
    text-transform: uppercase !important;
    letter-spacing: .3px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
}

.fx-btn-assign:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(99,102,241,.38) !important;
}

/* ===== Dot indicator for status badges ===== */
.fx-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    display: inline-block;
}